/*

- - - - - Contents - - - - -

01 - Basic Stylesheet
02 - General Stylesheet
03 - Layout Stylesheet

- - - - - - - - - - - - - -

*/	

/*  01 - Basic Stylesheet
-----------------------------------------------------------*/
/* open-sans-regular - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v13-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans'), local('OpenSans'),
        url('../fonts/open-sans-v13-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v13-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v13-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v13-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v13-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v13-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
        url('../fonts/open-sans-v13-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v13-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v13-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v13-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v13-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin-ext_latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/lato-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lato-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lato-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lato-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lato-v11-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin-ext_latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v11-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'),
        url('../fonts/lato-v11-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lato-v11-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lato-v11-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lato-v11-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lato-v11-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin-ext_latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/lato-v11-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
    src: local('Lato Black'), local('Lato-Black'),
        url('../fonts/lato-v11-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lato-v11-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lato-v11-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lato-v11-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lato-v11-latin-ext_latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

*{
    -webkit-box-sizing        : border-box;
    -moz-box-sizing        : border-box;
    box-sizing        : border-box;
}
*:before,
*:after{
    -webkit-box-sizing        : border-box;
    -moz-box-sizing        : border-box;
    box-sizing        : border-box;
}
html{
    width					: 100%;
    height					: 100%; 
}
body{
    width					: 100%;
    height					: 100%;
    margin					: 0;
    padding					: 0;
    font-family             : 'Open Sans';
    font-size				: 14px;
    font-weight             : 400;
    color					: #000;
    background-color        : #fff;
    text-rendering			: optimizeLegibility;
    -webkit-font-smoothing	: antialiased;
    -moz-font-smoothing	: antialiased;
    font-smoothing	: antialiased;
}
a,
a:hover,
a:active,
a:focus{
    color					: #000;
    outline					: 0;
    text-decoration			: none;
}
p{
    line-height				: 30px;
    margin-top              : 0;
    margin-bottom           : 20px;
}
img{
    max-width				: 100%;
}
mark, .mark{
    padding                 : 0 5px;
    color                   : #fff;
    background-color        : #ebb02b;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family             : 'Lato', sans-serif;
    font-weight				: 900;
    padding					: 0;
    margin                  : 0 0 20px 0;
    letter-spacing          : 1px;
}
h5,.h5{
    font-size               : 13px;
    color                   : #d77b5d;
}
ul{
    list-style-type			: none;
    margin					: 0;
    padding					: 0;
}
button{
    padding					: 0;
    margin					: 0;
    border					: none;
    outline					: none;
    background				: none;
}
hr{
    margin					: 0;
    padding					: 0;
    border					: 0;
    border-bottom			: 1px solid #f1f1f1;
}
hr.seperator{
    margin-top              : 40px;
    margin-bottom           : 40px;
}
iframe{
    width					: 100%;
    border					: 0;
    outline					: none;
    overflow				: hidden;
}
input, select, textarea{
    padding					: 0;
    margin					: 0;
    border					: none;
    outline					: none;
}

/*  02 - General Stylesheet
-----------------------------------------------------------*/
a,
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-prev,
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-next,
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-prev,
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-next{
    -webkit-transition		: all 0.2s ease-in-out;
    -moz-transition		: all 0.2s ease-in-out;
    -ms-transition		: all 0.2s ease-in-out;
    -o-transition		: all 0.2s ease-in-out;
    transition		: all 0.2s ease-in-out;
}

.clearfix:before,
.clearfix:after,
.data-form .form-row:before,
.data-form .form-row:after,
.widget-pager ul:before,
.widget-pager ul:after,
.widget-projects-list .widget-inner:before,
.widget-projects-list .widget-inner:after,
.widget-projects-detail .widget-inner .detail-nav:before,
.widget-projects-detail .widget-inner .detail-nav:after,
.widget-team-list .widget-inner:before,
.widget-team-list .widget-inner:after,
.site-header .header-contact ul:before,
.site-header .header-contact ul:after{
    content					: "";
    display					: table;
}

.clearfix:after,
.data-form .form-row:after,
.widget-pager ul:after,
.widget-projects-list .widget-inner:after,
.widget-projects-detail .widget-inner .detail-nav:after,
.widget-team-list .widget-inner:after,
.site-header .header-contact ul:after{
    clear					: both;
}

.clear{
    clear					: both;
    margin					: 0;
    padding					: 0;
}
.img-full{
    width					: 100%;
}
.inline{
    display					: inline-block;
}
.block{
    display					: block;
}

.btn{
    height					: 40px;
    line-height				: 40px;
    padding					: 0 30px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
    color                   : #fff;
    border					: none;
    cursor                  : pointer;
    background-color        : #000;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
}
.btn,
.btn:hover,
.btn:active,
.btn:active:focus,
.btn:focus{
    color                   : #fff;
    text-decoration			: none;
    outline					: 0;
    -webkit-box-shadow		: none;
    -moz-box-shadow		: none;
    box-shadow		: none;
}

.align-left{
    text-align				: left;
}
.align-center{
    text-align				: center;
}
.align-right{
    text-align				: right;
}
.align-justify{
    text-align				: justify;
}

.alert{
    font-family             : 'Lato', sans-serif;
    font-weight             : 700;
    font-size               : 11px;
    letter-spacing          : 1px;
    margin-bottom           : 20px;
    padding                 : 10px 15px;
    border-left             : 4px solid transparent;
}
.alert-success{
    border-left-color       : #3c763d;
}
.alert-danger{
    border-left-color       : #a94442;
}

.data-form label{
    display					: block;
    margin-bottom			: 10px;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
    letter-spacing          : 1px;
}
.data-form select,
.data-form input[type="text"]{
    width					: 100%;
    outline					: none;
    padding					: 0 15px;
    margin					: 0;
    height					: 40px;
    line-height				: 40px;
    border					: 1px solid #d3d6d7;
    font-size               : 12px;
    background-color		: #fff;
}
.data-form select:focus,
.data-form textarea:focus,
.data-form input[type="text"]:focus{
    border-color			: #999;
}
.data-form select{
    background-position     : right center;
    background-repeat       : no-repeat;
    background-image        : url(../img/ico-caret.png);
    -webkit-appearance	: none;
    -moz-appearance	: none;
    appearance	: none;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
}
.data-form textarea{
    width					: 100%;
    height					: 150px;
    outline					: none;
    padding					: 15px;
    margin					: 0;
    border					: 1px solid #d3d6d7;
    resize					: vertical;
    font-size               : 12px;
    background-color		: #fff;
}

.widget-google-map{
    width                   : 100%;
    height                  : 100vh !important;
}

.widget-pager{
    margin-top              : 80px;
    margin-bottom           : -5px;
}
.widget-pager ul li{
    float                   : left;
    margin-right            : 5px;
    margin-bottom           : 5px;
}
.widget-pager ul li a{
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    font-size               : 11px;
    letter-spacing          : 1px;
    display                 : block;
    width                   : 40px;
    height                  : 40px;
    line-height             : 40px;
    border                  : 1px solid #e1e1e1;
    text-align              : center;
    background-color        : #fff;
}
.widget-pager ul li:hover a,
.widget-pager ul li.active a{
    color                   : #fff;
    border-color            : #000;
    background-color        : #000;
}

.widget-slider,
.widget-slider .widget-carousel,
.widget-slider .widget-carousel .widget-item{
    width                   : 100%;
    height                  : 100vh;
}
.widget-slider .widget-carousel .widget-item{
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-slider .widget-carousel .widget-item:after{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    content                 : "";
    display                 : block;
    background-color        : rgba(0,0,0,0.5);
}
.widget-slider .widget-carousel .widget-item .item-inner{
    position                : relative;
    top                     : 50%;
    z-index                 : 1;
    max-width               : 70%;
    padding                 : 0 80px;
    -webkit-transform       : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform       : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform       : translateY(-50%);
}
.widget-slider .widget-carousel .widget-item .item-inner h1{
    font-size               : 72px;
    color                   : #fff;
}
.widget-slider .widget-carousel .widget-item .item-inner h2{
    display                 : inline-block;
    padding                 : 5px 10px;
    margin-bottom           : 0;
    font-size               : 14px;
    color                   : #000;
    background-color        : #eac614;
}
.widget-slider .widget-carousel .owl-controls{
    margin-top              : 0;
}
.widget-slider .widget-carousel .owl-controls .owl-buttons{
    position                : absolute;
    top                     : 50%;
    right                   : 40px;
    z-index                 : 1;
    -webkit-transform       : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform       : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform       : translateY(-50%);
}
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-prev,
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-next{
    width                   : 70px;
    height                  : 70px;
    line-height             : 70px;
    color                   : #fff;
    margin                  : 0;
    padding                 : 0;
    background-color        : rgba(0,0,0,0.5);
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-prev{
    margin-right            : 1px;
}
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-prev:before,
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-next:before{
    display                 : block;
    line-height             : 70px;
    font-size               : 18px;
}
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-prev:before{
    content                 : "\f104";
}
.widget-slider .widget-carousel .owl-controls .owl-buttons .owl-next:before{
    content                 : "\f105";
}

.widget-projects-list .widget-inner{
    margin-left             : -40px;
    margin-right            : -40px;
    margin-bottom           : -80px;
}
.widget-projects-list .widget-inner .widget-item{
    float                   : left;
    width                   : 50%;
    padding                 : 0 40px;
    margin-bottom           : 80px;
}
.widget-projects-list .widget-inner .widget-item .item-inner{
    position                : relative;
}
.widget-projects-list .widget-inner .widget-item .item-inner .item-photo{
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-projects-list .widget-inner .widget-item .item-inner .item-desc{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    z-index                 : 1;
    width                   : 100%;
    padding                 : 20px;
    padding-top             : 40px;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%);
}
.widget-projects-list .widget-inner .widget-item .item-inner .item-desc h2,
.widget-projects-list .widget-inner .widget-item .item-inner .item-desc h3{
    font-size               : 11px;
    margin                  : 0;
}
.widget-projects-list .widget-inner .widget-item .item-inner .item-desc h2{
    color                   : #fff;
}
.widget-projects-list .widget-inner .widget-item .item-inner .item-desc h3{
    margin-top              : 10px;
    display                 : inline-block;
    padding                 : 2px 5px;
    background-color        : #eac614;
}
.widget-projects-list .widget-inner .widget-item .item-inner .item-desc a{
    display                 : block;
}

.widget-projects-detail .widget-inner,
.widget-projects-detail .widget-inner .detail-carousel .carousel-item{
    height                  : calc(100vh - 160px);
}
.widget-projects-detail .widget-inner{
    position                : relative;
}
.widget-projects-detail .widget-inner .detail-nav{
    position                : absolute;
    top                     : -80px;
    left                    : 0;
    width                   : 100%;
}
.widget-projects-detail .widget-inner .detail-nav a{
    display                 : inline-block;
    height                  : 80px;
    line-height             : 80px;
    font-size               : 11px;
    font-weight             : 600;
}
.widget-projects-detail .widget-inner .detail-nav .nav-prev{
    float                   : left;
}
.widget-projects-detail .widget-inner .detail-nav .nav-next{
    float                   : right;
}
.widget-projects-detail .widget-inner .detail-carousel .carousel-item a{
    display                 : block;
    width                   : 100%;
    height                  : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls{
    margin-top              : 0;
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-prev,
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-next{
    position                : absolute;
    top                     : 50%;
    z-index                 : 1;
    width                   : 70px;
    height                  : 70px;
    line-height             : 70px;
    color                   : #000;
    margin                  : 0;
    padding                 : 0;
    background-color        : #fff;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    -webkit-transform       : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform       : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform       : translateY(-50%);
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-prev{
    left                    : 0;
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-next{
    right                   : 0;
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-prev:before,
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-next:before{
    display                 : block;
    line-height             : 70px;
    font-size               : 18px;
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-prev:before{
    content                 : "\f104";
}
.widget-projects-detail .widget-inner .detail-carousel .owl-controls .owl-buttons .owl-next:before{
    content                 : "\f105";
}
.widget-projects-detail .widget-inner .detail-desc{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 40px;
    padding-top             : 80px;
    color                   : #fff;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%);
}
.widget-projects-detail .widget-inner .detail-desc h2{
    margin-bottom           : 10px;
}
.widget-projects-detail .widget-inner .detail-desc h2 small{
    position                : relative;
    top                     : -3px;
    display                 : inline-block;
    margin-left             : 10px;
    padding                 : 2px 5px;
    font-size               : 11px;
    color                   : #000;
    background-color        : #eac614;
}
.widget-projects-detail .widget-inner .detail-desc p{
    line-height             : normal;
    margin-bottom           : 5px;
}
.widget-projects-detail .widget-inner .detail-desc p:last-of-type{
    margin-bottom           : 0;
}
.widget-projects-detail .widget-inner .detail-info{
    padding-bottom          : 30px;
    margin-bottom          : 30px;
    border-bottom           : 1px solid #d3d6d7;
}
.widget-projects-detail .widget-inner .detail-info h2{
    margin-bottom           : 10px;
}
.widget-projects-detail .widget-inner .detail-info h2 small{
    position                : relative;
    top                     : -3px;
    display                 : inline-block;
    margin-left             : 10px;
    padding                 : 2px 5px;
    font-size               : 11px;
    color                   : #000;
    background-color        : #eac614;
}
.widget-projects-detail .widget-inner .detail-info p{
    line-height             : normal;
    margin-bottom           : 5px;
}
.widget-projects-detail .widget-inner .detail-info p:last-of-type{
    margin-bottom           : 0;
}
.widget-projects-detail .widget-inner .detail-photos{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.widget-projects-detail .widget-inner .detail-photos .detail-photos-item{
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.widget-projects-detail .widget-inner .detail-photos .detail-photos-item a{
    display: block;
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.widget-team-list .widget-inner{
    margin-left             : -10px;
    margin-right            : -10px;
    margin-bottom           : -20px;
}
.widget-team-list .widget-inner .widget-item{
    width                   : 25%;
    float                   : left;
    padding                 : 0 10px;
    margin-bottom           : 20px;
}
.widget-team-list .widget-inner .widget-item .item-inner{
    position                : relative;
}
.widget-team-list .widget-inner .widget-item .item-inner .item-photo{
    padding-top             : 150%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-team-list .widget-inner .widget-item .item-inner .item-desc{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 20px;
    padding-top             : 40px;
    color                   : #fff;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%);
}
.widget-team-list .widget-inner .widget-item .item-inner .item-desc h2,
.widget-team-list .widget-inner .widget-item .item-inner .item-desc h3{
    font-size               : 11px;
    margin-bottom           : 0;
}
.widget-team-list .widget-inner .widget-item .item-inner .item-desc h3{
    margin-top              : 5px;
    font-weight             : 400;
}

.widget-news-list ul li{
    padding-bottom          : 20px;
    margin-bottom           : 20px;
    border-bottom           : 1px solid #e1e1e1;
}
.widget-news-list ul li a{
    display                 : block;
}
.widget-news-list ul li h2{
    font-size               : 12px;
    margin-bottom           : 10px;
}
.widget-news-list ul li h2 small{
    display                 : inline-block;
    margin-left             : 10px;
    padding                 : 2px 5px;
    background-color        : #eac614;
}
.widget-news-list ul li p{
    font-size               : 12px;
    margin-bottom           : 0;
    line-height             : 18px;
}
.widget-news-list ul li:last-child{
    border-bottom           : 0;
    padding-bottom          : 0;
    margin-bottom           : 0;
}

.widget-news-detail .detail-photo{
    position                : relative;
    height                  : 300px;
    margin-top              : -80px;
    margin-bottom           : 40px;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-news-detail .detail-photo:after{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    content                 : "";
    display                 : block;
    background-color        : rgba(0,0,0,0.5);
}
.widget-news-detail .detail-photo .photo-inner{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    z-index                 : 1;
    width                   : 100%;
    padding                 : 30px;
}
.widget-news-detail .detail-photo .photo-inner h2{
    margin-bottom           : 0;
    font-size               : 36px;
    color                   : #fff;
}
.widget-news-detail .detail-photo .photo-inner h3{
    display                 : inline-block;
    padding                 : 2px 5px;
    margin                  : 0 0 10px;
    font-size               : 11px;
    background-color        : #eac614;
}
.widget-news-detail .detail-desc p{
    text-align              : justify;
}
.widget-news-detail .detail-desc p:last-of-type{
    margin-bottom           : 0;
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/

.site-loader{
    position				: fixed;
    width					: 100%;
    height					: 100%;
    z-index					: 9999;
    background-color		: #fff;
}
.site-loader img{
    width					: 16px;
    position				: absolute;
    left					: 50%;
    top						: 50%;
    margin-left				: -8px;
    margin-top				: -8px;
}
.site-backtop{
    display					: none;
    width					: 50px;
    height					: 50px;
    line-height				: 50px;
    font-size               : 14px;
    text-align				: center;
    position				: fixed;
    bottom					: 0;
    right					: 40px;
    cursor					: pointer;
    z-index					: 999;
    color					: #000;
    background-color		: #fff;
}
.site-wrapper{
    padding-left            : 380px;
}

.site-header{
    position                : fixed;
    top                     : 0;
    left                    : 0;
    z-index                 : 99;
    width                   : 380px;
    height                  : 100%;
    padding                 : 0 60px;
    background-color        : #f2f2f2;
}
.site-header .header-logo{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    padding                 : 80px 60px 0 60px;
}
.site-header .header-nav{
    position                : absolute;
    top                     : 50%;
    left                    : 0;
    width                   : 100%;
    padding                 : 0 60px;
    -webkit-transform       : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform       : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform       : translateY(-50%);
}
.site-header .header-nav > ul > li > a{
    position                : relative;
    display                 : block;
    height                  : 30px;
    line-height             : 30px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 700;
    font-size               : 11px;
    color                   : #000;
    letter-spacing          : 1px;
}
.site-header .header-nav > ul > li > a:before{
    position                : absolute;
    top                     : 50%;
    left                    : -20px;
    content                 : "";
    display                 : none;
    width                   : 10px;
    height                  : 2px;
    margin-top              : -1px;
    background-color        : #000;
}
.site-header .header-nav > ul > li:hover > a:before{
    display                 : block;
}
.site-header .header-nav > ul > li.active > a:before,
.site-header .header-nav > ul > li.active:hover > a:before{
    display                 : block;
    background-color        : #eac614;
}
.site-header .header-contact{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 0 60px 20px 60px;
}
.site-header .header-contact p{
    margin                  : 0 0 5px;
    line-height             : normal;
    font-size               : 12px;
}
.site-header .header-contact ul li{
    float                   : left;
}
.site-header .header-contact ul li a{
    display                 : block;
    width                   : 30px;
    height                  : 30px;
    line-height             : 30px;
}
.site-main{
    position                : relative;
}

.site-main .page-title{
    position                : fixed;
    top                     : 80px;
    right                   : 0;
    padding                 : 10px 15px;
    background-color        : #eac614;
}
.site-main .page-title h1{
    max-width               : 120px;
    font-size               : 11px;
    margin                  : 0;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;

}
.site-main .page-wrapper{
    max-width               : 1060px;
    min-height              : 100vh;
    padding                 : 80px 200px 80px 80px;
}

.site-main .page-home{
    height                  : 100vh;
}
.site-main .page-about{
    padding-top             : 75px;
    padding-left            : 0;
}
.site-main .page-about .about-left{
    position                : fixed;
    top                     : 0;
    width                   : 300px;
    height                  : 100vh;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.site-main .page-about .about-right{
    padding-left            : 380px;
}
.site-main .page-about .about-right h2{
    font-family             : 'Open Sans';
    font-weight             : 400;
    font-size               : 32px;
    margin-bottom           : 40px;
    color                   : #dbb600;
}
.site-main .page-about .about-right p{
    font-size               : 16px;
    text-align              : justify;
}
.site-main .page-about .about-right p:last-of-type{
    margin-bottom           : 0;
}

.site-main .page-contact{
    padding-left            : 0;
}
.site-main .page-contact .contact-map{
    position                : fixed;
    top                     : 0;
    width                   : 400px;
    height                  : 100vh;
}
.site-main .page-contact .contact-info{
    padding-left            : 480px;
}
.site-main .page-contact .contact-info h2{
    font-size               : 11px;
    margin-bottom           : 10px;
}
.site-main .page-contact .contact-info p{
    font-size               : 12px;
    line-height             : normal;
}
.site-main .page-contact .contact-info .data-form .form-row{
    margin-left             : -10px;
    margin-right            : -10px;
    margin-bottom           : -20px;
}
.site-main .page-contact .contact-info .data-form .form-col{
    width                   : 50%;
    padding                 : 0 10px;
    margin-bottom           : 20px;
    float                   : left;
}
.site-main .page-contact .contact-info .data-form .form-col.full{
    width                   : 100%;
}