@charset "utf-8";


@font-face {
  font-family: CabinCondensed;
  src: url("../fonts/CabinCondensed-Regular.ttf");
}

html,body { font:400 14px/21px "CabinCondensed","Microsoft Yahei",Helvetica,Arial,sans-serif; background:#000000; }
body {  }
.uk-container {}
a {color: #ffffff;}
a:hover { text-decoration:none !important; }

#wrap{min-height: calc(100vh - 233px);}

:not(.fa){font-family:"CabinCondensed","Microsoft Yahei",Helvetica,Arial,sans-serif; }
.mycontainer {max-width: 84%;position: relative;}
header {background: #000000;}
.color1 {color: #6d6d6d;}
#logo {padding: 30px 0 40px; margin-bottom: 0;border-bottom: 1px solid #a59763!important;}
.language-box {margin-top: 28px;margin-right: 25px; width: 60% }
.language-box *,.language-box *:hover {color: #585859; font-size: 16px;}

#nav { margin:0 auto 20px; padding: 0;}
#nav li {display: inline;list-style: none;}
#nav li a {color: #6d6d6d; text-transform: capitalize; margin: 0 20px; padding: 5px 0; display: inline-block;font-size: 16px; font-weight: bolder; transition: all .5s; position: relative;}
#nav > li > a:before { position:absolute; left:50%; right:50%; content:''; bottom:3px; height:1px; background:#888888; transition:all .5s; }
#nav > li > a:after { position:absolute; right:50%; left:50%; content:''; bottom:3px; height:1px; background:#888888; transition:all .5s; }
#nav > li > a.top-a.active,#nav > li > a.top-a:hover { color: #888888; }
#nav > li > a.top-a.active:before,#nav > li > a.top-a:hover:before { right:0; }
#nav > li > a.top-a.active:after,#nav > li > a.top-a:hover:after { left:0; }

.uk-offcanvas-bar img {width: 70%; margin: 18px;};

/* .uk-offcanvas-bar {background: #000000!important;border-left: 1px solid #a59763!important;} */

.index-part1 {position: relative; height: 200px;}
.index-part1 .xx {transform: skew(10deg,10deg) rotate(10deg); display: none; z-index: 99; background: #f18336; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; }

.index-part2 {background: #000000; margin-top: 30px;}
.index-part2 .sigma-content {text-align: center;}
.index-part2 .sigma-middle-line:before{content: '';display: block;height: 1px;width: 100%;background-color: #a59763;position: relative;top: 12px;left: 0;}
.index-part2 h2 {line-height: 24px;margin: 0; font-size: 16px; color: #ffffff!important;display: inline-block;background: #000000;padding: 0 18px 0 18px;position: relative; }
.index-part2 .item {margin: 20px 0;padding-bottom: 20px;}

.glass-overlay{
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(146, 153, 133);
    -moz-box-shadow: 0px 0px 8px 0px rgb(146, 153, 133);
    box-shadow: 0px 0px 8px 0px rgb(146, 153, 133);
}
.glass-overlay:after{
    position: absolute;
    top: 0;
    left: -70%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: 0.7s;
    pointer-events: none;
}
.glass-overlay:hover.glass-overlay:after {left:130%;}
.glass-overlay img:hover {transition: 0.5s;}

footer {background: #000000; padding: 20px 0 0 0; color: #fff; margin-top: 0;}
.footer { margin: 20px 0; color: #bababa;}
.footer .content { padding: 0;}
.footer  h2 { width: 100%;line-height: 24px; font-size: 16px; color: #ffffff!important;display: inline-block; border-bottom: 1px solid #a59763!important;}
.footer .service-content {width: 90%;}
.footer .nav-list {padding: 0;}
.footer .nav-list ul li {font-size: 16px;margin-bottom: 10px;}
.footer .nav-list ul li a {color: #bababa;margin-left: 20px;}
.footer .nav-list li i:before {margin-left: 5px;}
.footer .contact-us {margin-left: 40px;}
.footer .contact-us td {padding: 5px 10px;font-size: 16px;min-width: 10px; vertical-align: center;}
.footer .contact-us .empty {height: 40px;}
.footer .contact-us .title {padding: 0 10px;font-size: 16px;min-width: 10px; vertical-align: center;color: #ffffff;}
.footer .contact-us .title i{color: #a59763;font-size: 22px;position: absolute;margin: 1px 0 0 5px;}
.footer .contact-us .title p {margin-left: 33px;}
.footer .contact-us-center {border-left: 1px solid #a59763!important;border-right: 1px solid #a59763!important;}
.designed-by {background: #222222;padding: 15px 0; margin-top: 10px; font-size: 16px; color: #ffffff;}
.designed-by a {color: #ffffff;}
.designed-by a:hover {color: #a59763;}
.designed-by .content { padding: 0 50px}

.page_box {}
.page_box .title {text-align: center; margin-bottom: 30px; font-weight: bold;}
.page_box .content {text-align: justify;line-height: 30px; font-size: 16px;}

.page_banner {min-height: 100px;padding-top: 70px;margin-bottom: 30px!important;background-repeat: no-repeat;background-size: cover;width: 100%;}
.page_banner h2 {font-size: 20px;color: #ffffff!important;position: relative;display: inline-block;}

.porfolio_list{padding: 10px;transition: 2s ease;}
.porfolio_list h2{margin: 0;text-align: center;padding: 5px;color: #fff;font-size: 20px;}
.porfolio_list .img_container{overflow: hidden;}
.porfolio_list img{transition: 2s ease;width: 100%;}
.porfolio_list:hover img{transform: scale(1.1);}

@media screen and (min-width: 1367px) {
	/*.uk-container { max-width:80% !important; }*/
}

@media screen and (max-width: 1223px) {
    #nav li a {margin: 0 10px;}
    .uk-container {max-width: 100% !important;}
}

@media screen and (max-width: 960px) {
    header {/*position: fixed; left: 0; right: 0; top: 0;*/ position: relative;}
    header > div.uk-container {padding: 0;}
    nav.nav-wrap {display: none;}
    #logo {padding: 30px 0 30px;}
    #logo img {max-width: 70%;}
    #mobile_bar { position: absolute; left: 0; top: 50px; }
    #mobile_bar i.fa {padding: 5px 10px; background: #000000; color: #a59763; font-size:28px; }
    .footer{ margin: 0; }
    .footer .service-content {width: 100%;}
    .footer .contact-us {margin-top: 20px;margin-left: 0;}
    .footer .contact-us-center {border-left: unset!important; border-right: unset!important;}
    .footer .nav-list ul li {padding-left: 20px;}

    .footer .contact-us td{padding: 0!important;}


    .page_banner {margin-top: 10px;}
    .service-content .content-right {padding-left:10px; padding-right: unset;}
    .service-content .content {padding-left:10px; padding-right: unset;}
}

@media screen and (min-width: 960px)  and (max-width: 1220px) {

}
@media screen and (max-width: 1220px) and (min-width: 960px)  {

}


@media screen and (max-width: 960px) {
    .porfolio_list{padding: 0;}
}