#51308E#51308E#51308E#51308E#51308E15px solid #70cdec15px solid #70cdec15px solid #70cdec15px solid #70cdec15px solid #70cdec#70cdec/*------------------------------------------------------------------
Project: Arges
Version: 1.0
Last change:  
Assigned to:  Le Xuan Bach
Primary use:  Company
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[LAYOUT]

* body
  + Header / header
  + Page Content / .page-content .name-page
        + Section Layouts / section .name-section
        ...
  + Footer / footer

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[COLOR CODES]

# Text Color      :  #333, #555, #666
# Primary Color 01:  #05233a
# Primary Color 02:  #16a086 

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TYPOGRAPHY]

Body            : 14px/1.7 'Roboto-Ragular', Arial, sans-serif;
Title           : 36px/1.6 'Roboto-Bold', Arial, sans-serif;
Paragrap        : 14px/1.7 'Roboto-Ragular', Arial, sans-serif;
Input, textarea : 16px/1.5 'Roboto-Ragular', Arial, sans-serif;
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ Bootstrap ]*/
.container {max-width: 1200px;}



/*//////////////////////////////////////////////////////////////////
[ Block1 ]*/
.block1 {
  height: 100%;
  overflow: hidden;
  min-height: 270px;
  padding: 25px 25px;
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 50%);	
}

.block1-symbol {
  height: 60px;
  transform-origin: top center;
  -webkit-transform: scale(1.58) translateY(-22px);
  -moz-transform: scale(1.58) translateY(-22px);
  -ms-transform: scale(1.58) translateY(-22px);
  -o-transform: scale(1.58) translateY(-22px);
  transform: scale(1.58) translateY(-22px);
}

.block1-show {
  -webkit-transform: translateY(75px);
  -moz-transform: translateY(75px);
  -ms-transform: translateY(75px);
  -o-transform: translateY(75px);
  transform: translateY(75px);
}

.block1-hide {
  opacity: 0;
  transform-origin: bottom center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/*---------------------------------------------*/
.block1:hover {
  min-height: 270px;
}

.block1:hover .block1-symbol {
  height: 60px;
}

.block1:hover .block1-show {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.block1:hover .block1-hide {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.block1:hover .block1-symbol {
  -webkit-transform: scale(1.2) translateY(0px);
  -moz-transform: scale(1.2) translateY(0px);
  -ms-transform: scale(1.2) translateY(0px);
  -o-transform: scale(1.2) translateY(0px);
  transform: scale(1.2) translateY(0px);
}

.block1:hover .symbol-dark {
  opacity: 0;
}

.block1:hover .symbol-light {
  opacity: 1;
}




/*==================================================================
    TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
==================================================================*/
/*//////////////////////////////////////////////////////////////////
[ S-Text 0 - 15 ]*/

.t1-s-2 {
  font-size: 14px;
  line-height: 1.7;
}


.t1-s-2 i {
	font-size: 30px;
}

/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 25 ]*/
.t1-m-1 {
  font-size: 18px;
  line-height: 1.333333;
}




/*==================================================================
    SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE 
==================================================================*/
/*//////////////////////////////////////////////////////////////////
[ Size ]*/
.size-a-1 {
  min-width: 130px;
  height: 30px;
}

/*//////////////////////////////////////////////////////////////////
[ Width ]*/
.size-w-0 {
  min-width: 0;
  flex-grow: 1;
}

.size-w-1 {
  max-width: 100%;
  width: 660px;
}

.size-w-2 {
  max-width: 100%;
  width: 566px;
}

.size-w-3 {
  width: 28px;
}

.size-w-4 {
  width: calc(100% - 28px);
}

.size-w-5 {
  width: calc(50% + 15px);
  max-width: 615px;
}

.size-w-6 {
  width: 470px;
  max-width: 100%;
}

.size-w-7 {
  max-width: 100%;
  width: 370px;
}

.size-w-8 {
  width: 36%;
}

.size-w-9 {
  width: 64%;
}

/*//////////////////////////////////////////////////////////////////
[ Height ]*/
.size-h-1 {
  height: 60px;
}

.size-h-2 {
  max-height: 84px;
}

.size-h-3 {
  min-height: 350px;
}

.size-h-4 {
  height: 550px;
}


/*==================================================================
   BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND 
==================================================================*/
.bg-none {background-color: transparent;}
.bg-0 {background-color: #9776D6;padding: 20px; border-radius:30px;}


/*---------------------------------------------*/
.bg-img1 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*---------------------------------------------*/
.bg-img2 {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}



/*==================================================================
      PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO
==================================================================*/
/*//////////////////////////////////////////////////////////////////


/*---------------------------------------------*/
.hov-btn1:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
  padding: 20px;
  border-radius:30px;
}


/*==================================================================
   OTHER OTHER OTHER OTHER OTHER OTHER OTHER OTHER OTHER OTHER OTHER 
==================================================================*/
.txt-line-through {text-decoration: line-through;}

.z-index-10 {z-index: 10;}
.z-index-100 {z-index: 100;}
.z-index-1000 {z-index: 1000;}


/*------------------------------------------------------------------
[ Input ]*/

/*------------------------------------------------------------------
[ Wrap Picture ]*/
.wrap-pic-s, .wrap-pic-max-s,
.wrap-pic-w, .wrap-pic-max-w,
.wrap-pic-h, .wrap-pic-max-h {display: block;}

.wrap-pic-w > img {width: 100%;}
.wrap-pic-max-w > img {max-width: 100%;}

.wrap-pic-h > img {height: 100%;}
.wrap-pic-max-h > img {max-height: 100%;}

.wrap-pic-s > img {width: 100%; height: 100%;}
.wrap-pic-max-s > img {max-width: 100%; max-height: 100%;}



/*==================================================================
  RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE
==================================================================*/

@media (max-width: 1368px) {
  .respon-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; 
  }

  .respon-6 {
    margin-bottom: 40px;
  }
}


/*////////////////////////////////////////////////////////////////*/
@media (max-width: 1199px) {
  
}


/*////////////////////////////////////////////////////////////////*/
@media (max-width: 991px) {
  /*---------------------------------------------*/
  .respon-3 {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: unset;
    padding-top: 52%;
  }

  /*---------------------------------------------*/
  .respon-4 {
    width: calc(100% / 12 * 8);
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}


/*////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {
  /*---------------------------------------------*/
  .respon-4 {
    width: calc(100% / 12 * 10);
  }
}


/*////////////////////////////////////////////////////////////////*/
@media (max-width: 575px) {
  /*---------------------------------------------*/
  .respon-1 {
    padding-left: 55px;
    padding-right: 55px;
  }

  /*---------------------------------------------*/
  .respon-2 {
    font-size: 18px;
  }

  /*---------------------------------------------*/
  .respon-4 {
    width: 100%;
  }
}


/*////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {
  
}

/*==================================================================
  Add to Calendar
==================================================================*/
.calendar_wrap{
	position: relative;
}
.calendar_wrapInner{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999999;
}