@charset "UTF-8";
/* CSS Document */
body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;}
.clear { clear:both;}
body { font-family:Helvetica, Arial, sans-serif;}
input,textarea,select{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}

.center { max-width:1200px; width:100%; margin:0 auto;}

.header { width:100%; position:relative; z-index:9999; }
.header .logo { float:left; width:210px; padding: 20px; background: rgba(255,255,255,0.5); -webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.header .logo img { width:100%;}

 h1 { font-size:24px; margin:20px 0;}

.header .header-right { float:right; text-align:right; margin-top: 25px;}
.header .header-right .lang-social { width:100%; display: none;}
.header .header-right .lang-social a { display:inline-block; font-size:12px; color:rgba(255,255,255,1); text-decoration:none; vertical-align:middle; margin:0 20px 0 0px;}
.header .header-right .lang-social a img { width:22px;}
.header .header-right .nav li:nth-child(6) {display: none!important;}

#tr { display: none; }

.home-slider { width:100%; position:relative; height:auto;}
.home-slider img { width:100%;}
.slider-mask { width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.6); top:0; left:0; z-index:999;}
.home-slider .caption { position:absolute; z-index:99999; bottom:25%; max-width:600px; width:100%; margin-left:10px;}
.home-slider .caption h1 { font-size:34px; color:rgba(255,255,255,1); margin:0 0 10px 0;}
.home-slider .caption p { font-size:16px; color:rgba(255,255,255,1); margin:0 0 10px 0;}
.home-slider .caption a { background:rgba(252, 184, 0, 1);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font-size:12px; padding:10px; display:inline-block; font-weight:700; color:rgba(255,255,255,1); text-decoration:none;}
.home-slider .caption a:hover { background:rgba(243, 156, 18,1.0);}

.page-banner { width:100%; position:relative; height:200px; overflow:hidden;}
.content { width:100%; margin:20px 0;}
.content .sidebar { float:left; width:220px;}
.content .sidebar .sidebar-menu { background:rgba(249, 249, 249, 1);}
.content .sidebar .sidebar-menu ul { list-style:none;}
.content .sidebar .sidebar-menu ul li { border-bottom:1px solid rgba(234, 234, 234, 1);}
.content .sidebar .sidebar-menu ul li a { display:block; padding:15px; font-size:14px; text-decoration:none; color:rgba(33, 33, 33, 1);} 
.content .sidebar .sidebar-menu ul li a:hover, .content .sidebar .sidebar-menu ul li a.active { background:rgba(33, 33, 33, 1);  color:rgba(255, 255, 255, 1);}

.content .page { float:right; width:910px;}
.content .full-page h1 { font-size:22px; margin:0 0 10px 0;}
.content .full-page ul, .content .page ul { margin:20px; font-size:12px;}
.content .page p, .content .full-page p { font-size:14px; margin:0 0 10px 0; line-height:18px;}
div#contact-tab ul {margin: 0px;}

.home-boxes { width:100%; background:rgba(249, 249, 249, 1); height:240px; text-align:center;}
.home-boxes .box { display:inline-block; width:calc(25% - 20px); margin:0 6px 0 10px; vertical-align:top; position:relative; z-index:999; top:-70px; text-align:left;}
.home-boxes .box img { width:100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:rgba(255,255,255,1);}
.home-boxes .box a { display:block; text-decoration:none; color:rgba(41, 41, 41, 1);}
.home-boxes .box a h3 { font-size:15px; margin:20px 0 10px 0;}
.home-boxes .box a p { font-size:13px; }
.home-boxes .box a span { font-size:12px; font-weight:700; color:rgba(254, 184, 0, 1); display:inline-block; margin:0 0 0 5px;}
.home-boxes .box:hover a span { color:rgba(0, 0, 0, 1)}

.activities { width:100%;}
.activities h1 { font-size:24px; margin:20px 0; text-align:center;}
.activities .activitie { display:inline-block; width:calc(20% - 20px); vertical-align:top; margin:0 6px 0 10px;}
.activities .activitie .act-content { padding:15px; background:rgba(249, 249, 249, 1); height:110px;}
.activities .activitie img { width:100%;}
.activities .activitie h3 { font-size:14px;}
.activities .activitie a { display:block; text-decoration:none; color:rgba(41, 41, 41, 1);}
.activities .activitie a h3 { font-size:13px; margin:20px 0 10px 0;}
.activities .activitie a p { font-size:12px;}
.activities .activitie p { font-size:12px;}
.activities .activitie a span { font-size:12px; font-weight:700; color:rgba(254, 184, 0, 1); display:inline-block; margin:0 0 0 0;}
.activities .activitie:hover a span { color:rgba(0, 0, 0, 1)}

.ref-cat { float:left; width:calc(50% - 20px); margin:0 10px 30px 10px; position:relative;}
.ref-cat img { width:100%; position:relative;}
.ref-cat h3 { font-size:16px; margin:20% 0 0 0;color:rgba(255, 255, 255, 1);}
.ref-cat span { font-size:12px; display:inline-block; margin:10px 0 0 0; border:1px solid rgba(221, 221, 221, 1); padding:8px 12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ref-cat a { display:block; text-decoration:none; color:rgba(221, 221, 221, 1);}

.ref-cat .ref-content {width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.7); top:0; left:0; z-index:999; text-align:center;}

.ref { }
.ref a { text-decoration:none; color:rgba(31, 31, 31, 1); font-size:12px; display:block; padding:20px;}
.ref:nth-child(odd) a {background:rgba(249, 249, 249, 1);}
.ref:nth-child(even) a {background:rgba(241, 241, 241, 1);}
.ref a:before { content:'❯'}
.ref span { display:inline-block; float:right; font-size:10px; background:rgba(0, 0, 0, 1); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color:rgba(255, 255, 255, 1); padding:4px 8px;}
.ref a:hover {background:rgba(221, 221, 221, 1);}

#contact-tab { background:rgba(221, 221, 221, 1);}
#contact-tab ul { list-style:none; float:left; width:280px;}
#contact-tab ul li a { text-decoration:none; padding:15px 20px; display:block; font-size:14px; color:rgba(51,51,51, 1); border-bottom:1px solid rgba(231,231,231, 1);}
#contact-tab ul li a:hover, #contact-tab ul li.ui-tabs-active a { background:rgba(51,51,51, 1); color:#fff;}
#contact-tab .tab-content { float:left; width:870px;}
#contact-tab .tab-content .address { float:left; width:230px; background:rgba(51,51,51, 1); min-height:269px; padding:30px; color:#fff; font-size:14px;}
#contact-tab .tab-content .address p { line-height:18px; margin:0 0 10px 0;}
#contact-tab .tab-content .address p strong { display:block;}
#contact-tab .tab-content .address a { display:inline-block; margin:10px 0 20px 0; text-decoration:none; color:#fff; border-bottom:1px dashed #fff; padding:0 0 3px 0;}
#contact-tab .tab-content .maps { float:left; width:580px;}
.contact-content { font-size:14px; margin:40px 0 0 0; width:100%;}
.contact-content .contact-form { width:100%;}
.contact-content .contact-form input, .contact-form textarea { border:1px solid #ddd; width:100%; padding:10px; margin:0 0 10px 0; outline:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.contact-content .contact-form textarea { height:170px;}
.contact-content .contact-form input[type="submit"] { float:right; width:100px; background:#0065AE; color:#fff; font-size:12px; border:none;}
.contact-content .contact-form input[type="submit"]:hover { cursor:pointer;}

.contact-content .contact-form .inputs { float:left; width:49%;}
.contact-content .contact-form .textarea { float:right; width:49%;}

.home-bottom { width:100%; margin:30px 0;}
.home-bottom h2 { font-size:18px;}
.home-bottom h2 a { color:rgba(151, 151, 151, 1); font-size:10px; float:right; display:inline-block; margin:5px 0 0 0; font-weight:500;}

.home-bottom .references { float:left; max-width:560px; width: 100%;}
.home-bottom .references .references-content { margin:20px 0 0 0; position:relative; width: 100%;}
.home-bottom .references img { border:1px solid rgba(231, 231, 231, 1);}
.home-bottom .references ul li { width:178px !important;}
.home-bottom .references ul li img { width:100%;}
.home-bottom .references ul li .ref-mask { width: 100%; max-height: 100px; overflow: hidden; }
.home-bottom .references ul li a { text-decoration: none; color: #333; font-size: 14px; }
.home-bottom .references span { display: block; margin: 10px 0 0 0; font-weight: bold; }

.home-bottom .our-news { float:right; max-width:560px; width:100%;}
.home-bottom .our-news .our-news-content { margin:20px 0 0 0; position:relative;}
.home-bottom .our-news .our-news-content a { text-decoration:none; color:rgba(51, 51, 51, 1);}
.home-bottom .our-news .our-news-content h3 { font-size:15px;}
.home-bottom .our-news .our-news-content p { font-size:13px; margin:10px 0 0 ;}
.home-bottom .our-news .our-news-content span { font-weight:700; font-size:12px; margin:10px 0 0 0; display:inline-block;}
.home-bottom .our-news .our-news-content .bx-pager  { width:100%; text-align:center; margin:10px 0 0 0;}
.home-bottom .our-news .our-news-content .bx-pager .bx-pager-item { display:inline-block; margin:0 2px;}
.home-bottom .our-news .our-news-content .bx-pager .bx-pager-item a { display:block;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; width:14px; height:14px; text-indent:-9999px; background:rgba(51, 51, 51, 1);}
.home-bottom .our-news .our-news-content .bx-pager .bx-pager-item a.active { background:rgba(254, 184, 0, 1);}
.home-bottom .our-news .our-news-content img {display: none!important;}

.footer { background:rgba(34, 34, 34, 1); padding:30px 0; margin:50px 0 0 0;}
.footer .contact { float:left;}
.footer .contact .logo { width:150px;}
.footer .contact .logo img { width:100%;}
.footer .contact .footer-address { margin:20px 0 0 0; color:rgba(121, 121, 121, 1);}
.footer .contact .footer-address h3 { font-size:14px;}
.footer .contact .footer-address p { font-size:13px;}
.footer .nav { float:right;}
.footer .nav ul { list-style:none;}
.footer .nav ul li { display:inline-block; margin:0 5px; font-size:12px;}
.footer .nav ul li a { display:block; padding:0 10px; text-decoration:none; color:rgba(255,255,255,1); font-weight:700;}
.footer .nav ul li a:hover { color:rgba(252, 184, 0, 1);}

.bottom { background:rgba(51, 51, 51, 1); padding:20px 0;}
.bottom .copyright { font-size:11px; color:rgba(121, 121, 121, 1);}

.open-nav { display: none; }

.breadcrumbs { width:100%; height:20px; margin:0 0 10px 0;}
.breadcrumbs a { text-decoration:none; color:#666; font-size:12px; float:left; display:block;}
.breadcrumbs a:after { content:'-'; padding:0 5px;}
.breadcrumbs a:last-child:after { content:'';}
.breadcrumbs a:last-child { font-weight:700;}

.project-img { float:left; width:550px;}
.project-img .project-thumbs { width:100%; text-align:center; margin:10px 0 0 0;}
.project-img .project-thumbs a { width:calc(20% - 5px); margin:0 5px 5px 0; display:inline-block;}
.project-img img { width:100%;}
.project-detail { float:right; width:550px;}

@media screen and (min-width: 990px) {
	.header .header-right .nav { width:100%; margin:25px 0 0 0;}
	.header .header-right .nav ul { list-style:none;}
	.header .header-right .nav ul li { display:inline-block; margin:0 5px;}
	.header .header-right .nav ul li a { display:block; padding:0 5px; text-decoration:none; color:rgba(0,64,108,1); font-weight:700; font-size:15px;}
	.header .header-right .nav ul li a:hover { color:rgba(252, 184, 0, 1);}
}

@media screen and (max-width: 1279px) {
	.center { max-width:960px;}
	
	.header .header-right .nav ul li { margin:0 5px;}
	.header .header-right .nav ul li a { padding:0 5px;}
	.home-boxes .box { text-align:center; top: -40px;}
	.home-bottom .references { width: 450px; }
	.home-bottom .our-news { width: 450px; }
	.home-bottom .references ul.references-slide li { width:170px !important;}
	.home-bottom .references ul li .ref-mask { width: 100%; max-height: 80px; overflow: hidden; }
	.home-slider .caption {bottom:20%;}
	.footer .nav { display: none; }
	.content .page { float:right; width:720px;}

	#contact-tab .tab-content { float:left; width:670px;}
	#contact-tab .tab-content .maps { float:left; width:380px;}
	.contact-content .social-media { width:290px;}
	.contact-content .technic { width:290px;}
	.project-img { float:left; width:470px;}
	.project-detail { float:right; width:470px;}

	.home-boxes .box a p { font-size:10px; }
}

@media screen and (max-width: 990px) {
	.header .logo { float:left; width:160px; margin:0 0 0 0; padding: 20px 0;}
	.center { max-width:660px;}
	.home-boxes .box { text-align:center;}
	.activities .activitie { text-align: center;}
	.home-bottom .references { width: 312px; }
	.home-bottom .our-news { width: 312px; }
	.home-bottom .references ul.references-slide li { width:170px !important;}
	.header .header-right .nav { display: none; }
	.home-slider .caption { max-width:460px;}
	.home-slider .caption h1 { font-size:18px; margin: 0 0 5px 0;}
	.home-slider .caption p { font-size:14px;}
	.home-slider .caption a {  font-size:10px; }
	.header .header-right .nav { position: fixed; width: 100%; height: 100%; top:0; left: 0; background: rgba(0, 0, 0, 0.95); display: none; z-index: 99999;}
	.header .header-right .nav ul { list-style:none; text-align: center; margin-top: 20%;}
	.header .header-right .nav ul li { font-size: 22px; }
	.header .header-right .nav ul li a { text-decoration: none; color: #fff !important;}
	.open-nav { display: block; position: absolute; z-index: 99999; top: 30px; right: 25px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#fff url(../images/icon-menu.svg) center center no-repeat; display: block; padding: 4px; width: 32px; height: 32px; text-indent: -99999px; background-size: 80%;}
	.close-nav {background:url(../images/icon-close.svg) no-repeat; background-size: 100%;}
	.content .page { float:right; width:420px;}
	.ref-cat h3 { font-size:16px; margin:5% 0 0 0;}

	#contact-tab .tab-content { float:none; width:100%;}
	#contact-tab ul { float:left; width:100%;}
	#contact-tab .tab-content .maps {width:370px;}
	.contact-content .social-media { width:190px;}
	.contact-content .technic { width:190px;}
	.contact-content .contact-form .inputs { float:none; width:100%;}
	.contact-content .contact-form .textarea { float:none; width:100%;}

	.ref { float:left; width:calc(50% - 20px); margin:0 20px 20px 0;}
	
	.project-img { float:left; width:320px;}
	.project-detail { float:right; width:320px;}
}

@media screen and (max-width: 780px) {
	.center { max-width:480px;}
	.header .header-right .nav ul li a { padding:0 5px;}
	.home-bottom .references { width: 480px; }
	.home-bottom .our-news { width: 480px; margin: 20px 0 0 0;}
	.home-slider .caption { max-width:460px;}
	.home-slider .caption h1 { font-size:18px; margin: 0 0 5px 0;}
	.home-slider .caption p { font-size:14px; display: none;}
	.home-slider .caption a {  font-size:10px; }
	.home-boxes { width:100%; background:none; height:auto; }
	.home-boxes .box { width:calc(50% - 20px); margin:0 6px 20px 10px; top:20px;}
	.activities .activitie { width:calc(50% - 20px); margin:0 6px 20px 10px;}
	.content .page { float:none; width:480px; margin: 20px 0 0 0;}
	.content .sidebar { float:none; width:480px;}
	.page-banner { height:150px;}
	.ref-cat h3 { font-size:14px; margin:5% 0 0 0;}
	#contact-tab .tab-content { float:none; width:100%;}
	#contact-tab ul { float:none; width:100%;}
	#contact-tab .tab-content .address { float:none; width:calc(100% - 60px);}
	#contact-tab .tab-content .maps {width:100%;}
	.contact-content .social-media { float:none; width:100%;}
	.contact-content .technic { float:none; width:100%; margin:30px 0;}
	.contact-content .contact-form { float:none; width:100%;}
	
	.project-img { float:none; width:100%; margin:20px 0 0 0;}
	.project-detail { float:none; width:100%; margin:20px 0 0 0;}
	
}

@media screen and (max-width: 520px) {
	
	.center { max-width:280px;}
	.header .header-right .nav ul li a { padding:0 5px;}
	.home-bottom .references { width: 280px; }
	.home-bottom .our-news { width: 280px; margin: 20px 0 0 0;}
	.home-slider .caption { max-width:280px;}
	.home-slider .caption h1 { font-size:18px; margin: 0 0 5px 0;}
	.home-slider .caption p { font-size:14px; display: none;}
	.home-slider .caption a {  font-size:10px; }
	.home-boxes { width:100%; background:none; height:auto; }
	.home-boxes .box { width:100%; margin:0 0 20px 0; top:20px;}
	.activities .activitie { width:100%; margin:0 0 20px 0;}
	.home-slider .caption { display: none; }
	.header .header-right .lang-social { display: none;}
	.content .page { float:none; width:280px; margin: 20px 0 0 0;}
	.content .sidebar { float:none; width:280px;}
	.page-banner { height:120px;}
	.ref-cat { float:none; width:100%; margin:0 0 30px 9; }
	.ref-cat h3 { font-size:14px; margin:15% 0 0 0;}
	.ref { float:left; width:100%; margin:0 0 20px 0;}
}