/*
@mixin line($width:100%) {
	width: $width;
	border: 1px solid $active-color;
}

@mixin line($color: $header-color,$height: 2px){
	border-bottom: $height solid $color;
}

%text-header {
	font-family: "Roboto";
	color: $text-header-color;
	padding-bottom: .7em;
}
*/
/*---------- HOME BANNER ----------*/
section#homebanner {
  padding: 0;
  text-align: center;
  width: 100%;
  float: left;
  height: auto;
  padding: 0%; }

#homeSlide li {
  float: left;
  width: 100%; }
#homeSlide li .item {
  position: relative;
  height: 100%;
  width: 100%; }
#homeSlide li .item .row {
  height: 100%;
  width: 100%; }
#homeSlide li .item .row .col-item {
  height: 100%;
  width: 100%; }

/*---------- END HOME BANNER ----------*/
/*---------- HOME product ----------*/
#product .topicSection {
  text-align: center; }
#product .topicSection h3 {
  color: #000084;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center; }
#product .iconType img {
  display: block;
  margin-left: auto;
  margin-right: auto; }
#product .iconType {
  margin-bottom: 10px; }
#product .iconType, #product .topicType, #product .descType {
  float: left;
  text-align: center;
  margin: 5px 0; }
#product .topicType h5 {
  color: #82c6d9; }

/*---------- END HOME product ---------*/
/*---------- HOME productbanner ----------*/
#productSlide li {
  float: left;
  width: 100%; }
#productSlide li .item {
  position: relative;
  height: 100%;
  width: 100%; }
#productSlide li .item .row {
  height: 100%;
  width: 100%; }
#productSlide li .item .row .col-item {
  height: 100%;
  width: 100%; }

/*---------- END HOME productbanner ---------*/
/*---------- HOME NEWS ----------*/
section#news_content {
  margin-bottom: 30px; }
  section#news_content #news_list .title {
    color: #000084;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-top: 1em; }
  section#news_content #news_list .detail .small {
    margin-top: 1em;
    color: #999999; }
  section#news_content #news_list .text {
    margin-top: 1em;
    margin-bottom: 1em;
    color: #82c6d9; }
  section#news_content #news_list .readmore {
    color: #82c6d9;
    line-height: 1.5em;
    float: right;
    border: 1px solid #82c6d9;
    border-radius: 5px;
    padding: 5px; }
    section#news_content #news_list .readmore:hover {
      border: 1px solid #391704;
      color: #391704; }
    section#news_content #news_list .readmore:after {
      clear: both; }
  section#news_content #news_list .block_item img {
    padding: 0px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: none;
    border: none;
    position: relative;
    z-index: 2;
    width: 100%; }
  section#news_content #news_list .block_item {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
    background: #999999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px; }
  section#news_content #news_list .block_item .head {
    opacity: 0;
    position: absolute;
    color: #ffffff;
    line-height: 1.5em;
    text-align: center;
    z-index: 3;
    width: 100%;
    top: 50%;
    padding: 0 5%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%); }
  section#news_content #news_list .block_item .head .small {
    color: #82c6d9; }
  section#news_content #news_list .block_item:hover .head {
    opacity: 1; }
  section#news_content #news_list .block_item:hover img {
    opacity: 0.3;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12); }
  @media (max-width: 700px) {
    section#news_content #news_list .block_item {
      margin-top: 10px;
      margin-bottom: 10px; }
    section#news_content #news_list .readmore {
      font-size: 12px; } }
  section#news_content .heading {
    color: #000084;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-align: left !important; }
  section#news_content .detail .head {
    color: #000084;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-align: left !important; }
  section#news_content .detail .small, section#news_content .detail .small h6 {
    margin-top: 1em;
    color: #999999;
    text-align: left !important; }
  section#news_content .text {
    margin-top: 1em;
    margin-bottom: 1em;
    color: #676869; }

/*---------- END HOME NEWS ----------*/
/*---------- RESPONSIVE ---------*/
/* #### Mobile Phones Portrait or Landscape SAMSUNG NOTE2 #### */
@media screen and (min-width: 480px) {
  section#homebanner {
    position: relative; }

  section#product {
    margin-top: 0px; }

  #product .iconType {
    margin: 3px; }

  #lastSection .selectedItem {
    height: auto; }

  #lastSection .boxWorkExperience {
    background: #FFFFFF url("../images/iconWorkExperience_50.png") no-repeat right bottom;
    padding-bottom: 15px; }

  #lastSection .boxContact {
    background: #82c6d9 url("../images/iconContact_50.png") no-repeat right bottom;
    padding-bottom: 50px; } }
/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (min-width: 768px) and (max-width: 991px) {
  section#homebanner {
    position: relative; }

  #lastSection .selectedItem {
    height: auto; }

  #lastSection .boxWorkExperience {
    background: #FFFFFF url("../images/iconWorkExperience_80.png") no-repeat right bottom;
    padding-bottom: 60px; }

  #lastSection .boxContact {
    background: #82c6d9 url("../images/iconContact_80.png") no-repeat right bottom;
    padding-bottom: 80px; } }
/* #### Tablets Portrait or Landscape - SAMSUNG NOTE TABLET#### */
@media screen and (min-width: 1025px) {
  section#homebanner {
    position: relative; }

  #lastSection .selectedItem {
    height: auto; }

  #lastSection .boxWorkExperience {
    padding-bottom: 100px; }

  #lastSection .boxContact {
    padding-bottom: 90px; } }
/*---------- END RESPONSIVE ---------*/

/*# sourceMappingURL=home.css.map */