@charset "utf-8";
.clear{clear:both;}
input,textarea{outline:none}

/* template_id RWDfullscreen02 */
/* load db RWDPreloader002 */
.RWDPreloader002 {
              position: fixed;
              left: 0px;
              top: 0px;
              width: 100%;
              height: 100%;
              z-index: 9999;
              background-color: #fff;
            }
            .RWDPreloader002 .preload {
              width: 128px;
              height: 128px;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-top: -64px;
              margin-left: -64px;
            }
/*END*/
/* load db RWDfullScreenEditor */
.RWDfullScreenEditor {
position: relative;
              display: table;
  width:100%;
        height:100%;
 background-repeat: no-repeat;
 background-attachment:scroll;
 background-size: cover;
 background-position: top center;
}
@media(min-width:1200px){
  .RWDfullScreenEditor {
    background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
 }
}


            .RWDfullScreenEditor:before {
              position: absolute;
              content: " ";
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.8);
            }
            .RWDfullScreenEditor .intro-body {
              position: relative;
              display: table-cell;
              vertical-align: middle;
              padding-top: 70px;
              padding-bottom: 70px;
            }
            @media (min-width: 1280px) {
              .RWDfullScreenEditor .intro-body {
                padding-top: 0px;
                padding-bottom: 20px;
              }
            }
            .RWDfullScreenEditor .intro-body .intro-text {
              margin-top: 40px;
            }
            .RWDfullScreenEditor .intro-body .intro-text h2 {
              color: #fff;
              font-size: 50px;
              font-weight: 700;
            }
            @media (min-width: 768px) {
              .RWDfullScreenEditor .intro-body .intro-text h2 {
                font-size: 55px;
              }
            }
            .RWDfullScreenEditor .intro-body .intro-text  {
              color: #fff;
              font-size: 22px;
              font-weight: 400;
            }
            @media (min-width: 768px) {
              .RWDfullScreenEditor .intro-body .intro-text  {
                font-size: 26px;
              }
            }
            .RWDfullScreenEditor .intro-body .page-scroll {
              margin-top: 30px;
            }
            @media (min-width: 768px) {
              .RWDfullScreenEditor .intro-body .page-scroll {
                margin-top: 50px;
              }
            }
            @media (min-width: 768px) {
              .RWDfullScreenEditor .intro-body .page-scroll a.btn {
                padding: 20px 25px;
                font-size: 22px;
              }
            }

.RWDfullScreenEditor .logo img {
    margin: auto;
    position: relative;
    width: 300px;
}


.RWDfullScreenEditor .btn.btn-rj {
    background-color: #1abc9c;
    border-color: #1dd2af;
    color: #fff;
    text-transform: uppercase;
}
.RWDfullScreenEditor .btn.btn-rj:hover, .btn.btn-rj:focus {
    background-color: #17a689;
    color: #fff;
}

.RWDfullScreenEditor .bgbanner{width:100%;height:100%;position: absolute;z-index:-1;top: 0;}
.RWDfullScreenEditor .bx-viewport,.RWDfullScreenEditor .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.RWDfullScreenEditor .bxslider,.RWDfullScreenEditor .bxslider li{
    height: 100% !important;
   list-style: none;
  margin:0px;padding:0px;
}
.RWDfullScreenEditor .bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.RWDfullScreenEditor .bx-wrapper .bx-viewport{
    border: none !important;
}
/*END*/
/* load db scrollDown001 */
.scrollDown001 {text-align: center;}
.scrollDown001 .scrollLink{display:inline-block;}

/*END*/
/* load db RWDMenuIcon002 */
/*language{*/
.RWDMenuIcon002 .mobile_language{display:none;}
.RWDMenuIcon002 .web_language{width:107px;font-size:12px;color:#7c7c7c;margin-top:20px;position:relative;cursor:pointer;}
.RWDMenuIcon002 .web_language .lang_text{padding: 0px 6px;background-color: #fff;border: 1px solid #7c7c7c;position: absolute;width: 107px;}
.RWDMenuIcon002 .web_language .btnToggle {cursor: pointer;display: block;height: 24px;position: absolute;right: 0;top: 0;width: 24px;}
.RWDMenuIcon002 .web_language .btnToggle .line {background-color: #7c7c7c;display: block;height: 2px;position: absolute;transition: all 0.3s ease-out 0s;width: 14px;}
.RWDMenuIcon002 .web_language .btnToggle .line_01 {right: 6px;top: 4px;}
.RWDMenuIcon002 .web_language .btnToggle .line_02 {right: 6px;top: 8px;}
.RWDMenuIcon002 .web_language .btnToggle .line_03 {right: 6px;top: 12px;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_01 {top: 8px;transform: rotate(45deg);transform-origin:50% 50% 0;-ms-transform: rotate(45deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(45deg);-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(45deg);-moz-transform-origin:50% 50% 0;-o-transform: rotate(45deg);-o-transform-origin:50% 50% 0;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_02 {opacity: 0;}
.RWDMenuIcon002 .web_language.is-opened .btnToggle .line_03 {top: 8px;transform: rotate(135deg);transform-origin:50% 50% 0;-ms-transform: rotate(135deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(135deg);	-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(135deg);-moz-transform-origin:50% 50% 0;	-o-transform: rotate(135deg);-o-transform-origin:50% 50% 0;}          	
.RWDMenuIcon002 .web_language.is-opened{color:#ffffff;}
.RWDMenuIcon002 .web_language.is-opened .lang_text{background-color:#7c7c7c;}
.RWDMenuIcon002 .web_language.is-opened .line {background-color:#ffffff;}
.RWDMenuIcon002 .web_language .lang_options{display:none;top:30px;position: absolute;z-index:10;width:107px;}
.RWDMenuIcon002 .web_language.is-opened .lang_options{display:block}
.RWDMenuIcon002 .web_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:12px;}
.RWDMenuIcon002 .web_language .web_language_menu a{color:#494949;}
.RWDMenuIcon002 .web_language .web_language_menu:last-child{border-bottom:0px;}

.RWDMenuIcon002 .mobile_language{text-align:center;}
.RWDMenuIcon002 .mobile_language .lang_text{background-color:#eaeaea;font-size:14px;line-height:35px;color:#494949;}
.RWDMenuIcon002 .mobile_language .lang_options{display:none;}

.RWDMenuIcon002 .mobile_language .web_language_menu{background-color:#eaeaea;border-bottom:1px solid #b5b5b5;line-height:29px;text-align:center;font-size:14px;}
.RWDMenuIcon002 .mobile_language .web_language_menu a{color:#494949;}
.RWDMenuIcon002 .mobile_language .web_language_menu:last-child{border-bottom:0px;}

.RWDMenuIcon002 .mobile_language.is-opened .lang_text{background-color:#494949;color:#FFFFFF;}
.RWDMenuIcon002 .mobile_language.is-opened .lang_options{display:block;}
@media (min-width: 800px){
  .RWDMenuIcon002 .web_language{margin-left:0px;}
}
@media (min-width: 1025px){
  .RWDMenuIcon002 .web_language{margin-left:30px;}
}
@media (max-width: 799px){
  .RWDMenuIcon002 .web_language{display:none;}
  .RWDMenuIcon002 .mobile_language{display:block;}
}
/*language}*/

/*search{*/
#navigation .web_search {border:1px solid transparent;display:inline-block;margin-top:13px;}
#navigation .web_search .searchkey{float:left;position:relative;}
#navigation .web_search .searchkey input{border: medium none;line-height:30px;height:30px;padding:0px 5px;width: 100px;margin:0 5px}
#navigation .web_search .btn{display: inline-block;padding:0px 10px;line-height: 30px;font-size:13px;float:left;text-align: center;cursor:pointer;}
#navigation .web_search {background-color:#1a1a1a;}
#navigation .web_search {border-color:#1a1a1a;}
#navigation .web_search input{color:#909090;}
#navigation .web_search input{background:#1a1a1a;}
#navigation .web_search .btn{background:transparent;}
#navigation .web_search .btn{color:#7b7b7b;}
#navigation .web_search .btn:hover{color:#ffffff;}
#navigation .web_search.mobile_web_search{display:none;}
@media (min-width: 800px){
  #navigation .web_search{margin-left:0px;}
}
@media (min-width: 1025px){
  #navigation .web_search{margin-left:30px;}
}
@media (max-width: 799px){
  #navigation .web_search{display:none;}
  #navigation .web_search.mobile_web_search{display:block;}
  #navigation .web_search .searchkey{width:80%;}
  #navigation .web_search .searchkey input{width:100%}
  #navigation .web_search .btn{width:10%;float:right;margin-right:10px;}
}
/*search}*/


.navbar-right{  max-width: 60%;}
@media screen and (max-width: 799px) {
  .navbar-right {max-width: 100%;width:100%;}
}
.navbar.navbar-fixed-top {
    
              position: relative;
              margin: 0;
              border: 0;
              min-height: 60px;
              background-color: #222;
              box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);
            }
            @media (min-width: 800px) {
              .navbar.navbar-fixed-top {
                -webkit-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
                -moz-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
                transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
              }
            }
            .navbar.navbar-fixed-top .navbar-brand {
              color: #fff;
              font-size: 28px;
              font-weight: 700;

              height: 60px;
              line-height: 60px;
              padding-top: 0px;
              padding-bottom: 0px;
              letter-spacing: 0.1em;
            }
            .navbar.navbar-fixed-top .navbar-brand:hover {
              color: #fff;
            }
            .navbar.navbar-fixed-top .navbar-toggle {
              margin-top: 12px;
              background-color: #1abc9c;
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a {
              color: #fff;
              font-weight: 400;

            }
            @media (min-width: 992px) {
              .navbar.navbar-fixed-top .navbar-nav > li > a {
                height: 60px;
                line-height: 60px;
                padding-top: 0px;
                padding-bottom: 0px;
              }
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a:hover {
              color: #1abc9c;
              background-color: #222;
            }
            .navbar.navbar-fixed-top .navbar-nav > li > a > i.fa-angle-down {
              padding-left: 2px;
            }
            .navbar.navbar-fixed-top .navbar-nav > li.active a,
            .navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
              background-color: #1abc9c;
              color: #fff;
            }
            @media (min-width: 992px) {
              .navbar.navbar-fixed-top .navbar-nav > li.active a,
              .navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
                color: #fff;
                background-color: #1abc9c;
                background-repeat: repeat;
              }
            }
/*.navbar li > ul {list-style-type:none;display:none;margin:0px;padding:0px;position:absolute;z-index:10;background:#FFF;width: 200%;margin-left: -50%;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);}*/
.navbar li > ul {list-style-type:none;display:none;margin:0px;padding:0px;position:absolute;z-index:10;background:#FFF;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);min-width:100%;}
.navbar li > ul li{list-style-type; margin:0px;padding:5px 10px;white-space: nowrap; text-align:center;}
.navbar li > ul li:hover{background:#222;}
.navbar li > ul li a{text-decoration:none;display:block;color:#111}
.navbar li > ul li:hover a{color: #1abc9c;}
.navbar li > ul li ul{box-shadow: none;
    margin: 0;
    position: relative;
    width: 100%;}
.navbar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media screen and (max-width: 799px) {
  .navbar-right {max-width: 100%;width:100%;}
  .navbar-nav {margin:0px;}
  .navbar li > ul{margin-left:0px;width:100%;}
  .navbar li > ul {position:relative;}
}


/*END*/
/* load db RWDedictor001 */
/*subject area*/
.RWDedictor001 .section-subject{text-align:center;margin-bottom:50px;}
.RWDedictor001 h1.main-title{font-size:48px;margin:0px;color:#777;font-weight: 300;}
.RWDedictor001 h2.sub-title{font-size:22px;;margin:18px 0 0;color:#888;font-weight: 300;}
.RWDedictor001 .section-line {background-color: #43B6B1;display: inline-block;height: 1px;width: 100px;margin-top:50px;}
/*subject area end*/

.RWDedictor001 h3 {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    color: #222;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
    font-weight: 600;
    letter-spacing: -0.06em;    
}

.RWDedictor001 .mt30 {
    margin-top: 3em;
}

/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db copyright */
.copyright_desc,.copyright_desc a,.copyright_desc a:hover{
	color:#fff;
	line-height: 22px;
}
/*END*/
/* load db scrollTop001 */
.scrollTop001{
	transition: bottom 0.5s ease 0s;
	width: 83px;
	height: 123px;
	position: fixed;
	bottom: 10%;
	right: 25px;
	opacity: 0;
	text-align: center;	
	cursor:pointer;
	z-index: 75;
}
.scrollTop001 .icon{width:100%;height:100%;background: transparent url(../../model/sample/baseimg/scrollTop001/scrolltop.png) center center no-repeat;}
.scrollTop001:hover .icon{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*END*/
/* load file model/lib/RWDproduct004/css/model.css */
.RWDproduct004{width:100%;overflow-x:hidden}.RWDproduct004 figure{margin-top:0px}.RWDproduct004 section{background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover !important;border-bottom:1px solid rgba(0,0,0,.1);-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block;padding:80px 0;position:relative;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}.RWDproduct004 a{text-decoration:none}.RWDproduct004 a[href="javascript:void(0)"]{cursor:default}.RWDproduct004 section::after,.RWDproduct004 section::before{content:" ";display:table}.RWDproduct004 .callout-dark{background-color:#252525;color:#fff;position:relative;z-index:10;border-radius:0}.RWDproduct004 .heading-title.heading-arrow-bottom::after{border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);border-top:20px solid #252525;bottom:-20px;content:" ";height:0;left:50%;margin-left:-20px;position:absolute;width:0}.RWDproduct004 header.section-header{margin-bottom:80px}.RWDproduct004 .weight-300{font-weight:300 !important}.RWDproduct004 .section-subject{text-align:center}.RWDproduct004 h1.main-title{margin:0px;color:#414141;font-size:48px;font-weight:300}.RWDproduct004 h2.sub-title{margin:18px 0 0;color:#8ab933;font-size:22px;font-weight:300}.RWDproduct004 .size-13{font-size:13px !important;line-height:17px !important}.RWDproduct004 .margin-bottom-40{margin-bottom:40px !important}.RWDproduct004 .heading-title.heading-arrow-top h1,.RWDproduct004 .heading-title.heading-arrow-bottom h1{color:#fff;margin:0}.RWDproduct004 .size-40{font-size:40px !important;line-height:46px !important}.RWDproduct004 .nopadding{padding:0 !important}.RWDproduct004 #portfolio{overflow:hidden}.RWDproduct004 #portfolio.portfolio-nogutter .row>div,.RWDproduct004 #portfolio.portfolio-nogutter .item-box{margin:0 !important;padding:0 !important}.RWDproduct004 .item-box{border-radius:0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);margin:0;overflow:hidden;position:relative}.RWDproduct004 .mix-grid .item-box,.RWDproduct004 #portfolio .item-box{-webkit-box-shadow:none;box-shadow:none}.RWDproduct004 .mix-grid .item-box,.RWDproduct004 #portfolio .item-box{-webkit-box-shadow:none;box-shadow:none}.RWDproduct004 #portfolio.portfolio-nogutter .row>div,.RWDproduct004 #portfolio.portfolio-nogutter .item-box{margin:0 !important;padding:0 !important}.RWDproduct004 .item-box figure{display:block;margin-bottom:0;overflow:hidden;position:relative;text-align:center;width:100%}.RWDproduct004 .overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;z-index:1}.RWDproduct004 .item-box .item-hover{background-color:rgba(0,0,0,.5);opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;color:#fff;-webkit-transition:all .3s;transition:all .3s}.RWDproduct004 .item-box .item-hover,.RWDproduct004 .item-box .item-hover button,.RWDproduct004 .item-box .item-hover a{color:#fff}.RWDproduct004 .item-box .item-hover .inner{position:absolute;display:block;left:0;right:0;top:50%;margin-top:-10px;margin-bottom:0;width:100%;z-index:100;line-height:23px}.RWDproduct004 .item-box:hover .item-hover{opacity:1}.RWDproduct004 .item-box .item-hover .inner .ico-rounded>span{color:#666;background-color:#fff;width:50px;height:50px;line-height:50px !important;margin:-20px 5px 0 5px;-webkit-transition:all .3s;transition:all .3s;-webkit-border-bottom-right-radius:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px;border-bottom-right-radius:20px;border-top-left-radius:20px}.RWDproduct004 .item-box .item-hover .inner .ico-rounded:hover>span{color:#8ab933}.RWDproduct004 div.row>div img.img-responsive{width:100%}.RWDproduct004 img.img-responsive{display:inline-block}.RWDproduct004 .item-box-desc{margin-bottom:10px;overflow:hidden;padding:30px 20px 20px;text-align:left !important}.RWDproduct004 #portfolio div.col-md-3 h2,.RWDproduct004 #portfolio div.col-md-3 h3{margin:0;padding:0;color:#111;font-size:18px;font-weight:600;line-height:18px;letter-spacing:normal}.RWDproduct004 .list-inline{list-style:outside none none;margin-left:-5px;padding-left:0;margin:0 !important;margin-bottom:30px}.RWDproduct004 .list-inline a{color:#999;font-size:12px;letter-spacing:0}.RWDproduct004 .item-box .item-hover.active{opacity:1}
/*END*/