/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    font-size: 100%;

    vertical-align: baseline;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



/* line 22, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html {

    line-height: 1;

}



/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

ol, ul {

    list-style: none;

}



/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

caption, th, td {

    text-align: left;

    font-weight: normal;

    vertical-align: middle;

}



/* line 30, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q, blockquote {

    quotes: none;

}

/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q:before, q:after, blockquote:before, blockquote:after {

    content: "";

    content: none;

}



/* line 32, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

a img {

    border: none;

}



/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

    display: block;

}



@font-face {

    font-family: 'Roboto';

    src: url("../fonts/roboto/Roboto-Regular.eot");

    src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular.svg#Roboto-Regular") format("svg");

    font-weight: normal;

    font-style: normal;

}

/* line 11, sass/main.scss */

body {

    /*font-family: "Roboto",sans-serif;*/

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



/* HEADER */

/* line 63, sass/main.scss */

header {

    background-color: #58595B;

}

/* line 66, sass/main.scss */

header .navbar-default {

    background-color: transparent;

    border: none;

    padding: 30px 0px 23px 0;

    margin-bottom: 0px;

}

/* line 72, sass/main.scss */

header .navbar-default .navbar-nav li {

    font-size: 14px;

}

/* line 74, sass/main.scss */

header .navbar-default .navbar-nav li a {

    color: #dfdfdf;

}

/* line 76, sass/main.scss */

header .navbar-default .navbar-nav li a .caret {

    position: relative;

    top: -2px;

}

/* line 80, sass/main.scss */

header .navbar-default .navbar-nav li a:hover {

    color: #ffffff !important;

}

/* line 85, sass/main.scss */

header .navbar-default .navbar-nav li.active a {

    color: #ffffff;

    background-color: transparent;

}

.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>li>a:focus{

    color: #fff;

}

.dropdown-menu {

    background-color: #58595B;

}

/* line 88, sass/main.scss */

header .navbar-default .navbar-nav li.active a:hover {

    background-color: transparent;

}

/* line 94, sass/main.scss */

header .navbar-default .navbar-nav li.open a {

    background-color: transparent !important;

}

/* line 100, sass/main.scss */

header .navbar-default .navbar-collapse {

    padding: 0;

    text-align: right;

}

/* line 103, sass/main.scss */

header .navbar-default .navbar-collapse .navbar-nav {

    float: none;

    display: inline-block;

}

/* line 106, sass/main.scss */

header .navbar-default .navbar-collapse .navbar-nav .box_search {

    display: none;

    position: absolute;

    right: 10px;

    bottom: -65px;

    z-index: 99;

}

/* line 112, sass/main.scss */

header .navbar-default .navbar-collapse .navbar-nav .box_search input[type="search"] {

    border: 1px solid #dfdfdf;

    padding: 10px 15px;

    font-weight: normal;

}

/* line 122, sass/main.scss */

header .navbar-default .navbar-header a.navbar-brand {

    padding: 0;

}



/* END HEADER */

/* SECTION SLIDER */

/* line 137, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item img {

    height: 500px;

    width: 100%;

    object-fit: cover;

}

section.hn-slider .carousel .carousel-inner{

    position: relative;

}

section.hn-slider .carousel .carousel-inner .cover-caption{

    position: absolute;

    top: 0;

    left:0;

    background: rgba(0,0,0,0.8);

    width: 100%;

    height: 100%;

    color: #fff;

    text-align: center;

    padding-top: 160px;

    padding-left: 10px;

    padding-right: 10px;

}

section.hn-slider .carousel .carousel-inner .cover-caption h1{

    font-size: 42px;

    font-weight: bold;

    margin-bottom: 10px;

}

section.hn-slider .carousel .carousel-inner .cover-caption p{

    font-size: 22px;

    line-height:28px;

}

section.hn-slider .carousel .carousel-inner .cover-caption a{

    background: #009900;

    padding: 10px 20px;

    color: #fff;

    text-decoration: none;

    margin-top: 20px;

    display: inline-block;

}

section.hn-slider .carousel .carousel-inner .cover-caption a:hover{

    background: #007a00;

}

section.hn-slider .carousel .carousel-inner .cover-caption a span{

    margin-left: 10px;

}

/* line 140, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption {

    bottom: 15%;

}

/* line 142, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption span {

    display: block;

}

/* line 144, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption span.main_caption {

    font-size: 65px;

    margin-bottom: 30px;

}

/* line 148, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption span.sub_caption {

    font-size: 19px;

    line-height: 35px;

    margin-bottom: 40px;

}

/* line 154, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption a {

    text-decoration: none;

}

/* line 156, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption a.button_caption {

    color: #fff;

    background-color: #cf4a46;

    padding: 10px 20px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    clear: both;

}

/* line 164, sass/main.scss */

section.hn-slider .carousel .carousel-inner .item .carousel-caption a.button_caption:hover {

    background-color: #b32f2a;

}



.carousel-fade .carousel-inner .item {

    opacity: 0;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

    opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-control {

    z-index: 2;

}



/* END SECTION SLIDER */



/* SECTION ABOUT */

section.hn-about{

    padding: 60px 0;

}

section.hn-about h2.hn-heading{

    color: #009900;

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 35px;

}

section.hn-about h2.hn-heading:before{

    content: url("../images/icon-title.png");

    margin-right: 4px;

}

section.hn-about p{

    line-height: 23px;

}

section.hn-about a{

    background: #ffb313;

    color: #fff;

    text-decoration: none;

    padding: 7px 10px;

    font-size: 14px;

    display: inline-block;

    margin-top: 55px;

}

section.hn-about a:hover{

    background: #f3ab12;

}

section.hn-about img{

    position: relative;

    top: -10px;

}

/* END SECTION ABOUT */



/* SECTION FEATURE */

section.hn-feature{

    padding: 60px 0;

    background: #e1e1e1;

}

section.hn-feature h2.hn-heading{

    color: #009900;

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 15px;

}

section.hn-feature h2.hn-heading:before{

    content: url("../images/icon-title.png");

    margin-right: 4px;

}

section.hn-feature ul{

    margin-left: 23px;

}

section.hn-feature ul li{

    list-style: url("../images/icon-tn.png");

    padding-left: 3px;

    font-size: 15px;

    margin-top: 20px;

    line-height:21px;

    position: relative;

}

/* END SECTION FEATURE */



/* SECTION PORTFOLIO */

section.hn-portfolio{

    padding: 60px 0;

}

section.hn-portfolio h2.hn-heading{

    color: #009900;

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 35px;

}

section.hn-portfolio h2.hn-heading:before{

    content: url("../images/icon-title.png");

    margin-right: 4px;

}

section.hn-portfolio .portfolio-item{

    position: relative;

    margin-bottom: 30px;

}

section.hn-portfolio .portfolio-item img{

    margin: auto;

}

section.hn-portfolio .portfolio-item a{

    position: absolute;

    bottom: 0px;

    left:0;

    background: rgba(0,0,0,0.6);

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    width: 100%;

    padding: 10px;

    font-size: 13px;

}

section.hn-portfolio .portfolio-item:hover a{

    background: rgba(0,0,0,0.8);

}



/* END SECTION PORTFOLIO */

.hn-gap-10{

    display: block;

    margin: 25px;

    clear: both;

}



/* FOOTER */

footer{

    color: #eee;

    background: #58595B;

    padding-top: 40px;

    padding-bottom: 30px;

}

footer .footer-info{

    font-size: 15px;

}

footer .footer-info h3{

    margin-bottom: 15px;

}

footer .footer-info p{

    margin: 4px 0;

}

footer .footer-info p.footer-liences{

    margin-top: 15px;

}

/* END FOOTER */

.content-detail{

    line-height: 23px;

}

.content-detail p{

    font-size: 15px;

}

.content-detail h3{

    margin: 15px 0;

}

.content-detail strong{

    font-weight: bold;

}

.content-detail img{

    max-width: 100%;

    height: auto;

}















/* MAIN */

main .banner-heading{

    padding: 65px 0;

    background: url("../images/banner-sub-page.jpg") center center no-repeat;

    position: relative;

    margin-bottom: 50px;

}

main .banner-heading .over{

    position: absolute;

    background: rgba(0,0,0,0.8);

    width:100%;

    height:100%;

    top: 0;

    left:0;

    z-index: 9;

}

main .banner-heading h1.entry-title-banner{

    color: #fff;

    font-size: 19px;

    position: relative;

    z-index: 99;

    line-height: 25px;

}

main .content{

    padding-bottom: 50px;

}

main .content .entry-title h2.entry-title-text{

    color: #009900;

    font-size: 17px;

    text-transform: uppercase;

    margin-bottom: 35px;

}

main .content .entry-title h2.entry-title-text:before{

    content: url(../images/icon-title.png);

    margin-right: 4px;

}



/* END MAIN */


.content-detail img.aligncenter{
    display: block;
    margin: auto;
}