/**
Theme Name: Rocket Tech Theme
Description: The Custom Theme for Rocket Tech International
Version: 1.0
**/
@font-face {
 font-family:'Akrobat-Bold';
 src: url('fonts/Akrobat-Bold.otf');
 src: url('fonts/Akrobat-Bold.otf?#iefix') format('opentype'), url('fonts/Akrobat-Bold.woff') format('woff'), url('fonts/Akrobat-Bold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family:'Akrobat-ExtraBold';
 src: url('fonts/Akrobat-ExtraBold.otf');
 src: url('fonts/Akrobat-ExtraBold.otf?#iefix') format('opentype'), url('fonts/Akrobat-ExtraBold.woff') format('woff'), url('fonts/Akrobat-ExtraBold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family:'Akrobat-Light';
 src: url('fonts/Akrobat-Light.otf');
 src: url('fonts/Akrobat-Light.otf?#iefix') format('opentype'), url('fonts/Akrobat-Light.woff') format('woff'), url('fonts/Akrobat-Light.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family:'Akrobat-Regular';
 src: url('fonts/Akrobat-Regular.otf');
 src: url('fonts/Akrobat-Regular.otf?#iefix') format('opentype'), url('fonts/Akrobat-Regular.woff') format('woff'), url('fonts/Akrobat-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family:'Akrobat-SemiBold';
 src: url('fonts/Akrobat-SemiBold.otf');
 src: url('fonts/Akrobat-SemiBold.otf?#iefix') format('opentype'), url('fonts/Akrobat-SemiBold.woff') format('woff'), url('fonts/Akrobat-SemiBold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
/*Genaral CSS*/
*{box-sizing: border-box;}
html{height:100%;}
body{margin:0px; padding:0px; position:relative; min-height:100%; font-family: 'Akrobat-Regular'; overflow-x:hidden; background-color:#cccccc}
.container, .layout-container, .wrap{width:1267px; max-width:95%; margin:0 auto; padding:0px;}
img{max-width:100%;}
.center{text-align:center;}
a{text-decoration:none; color: inherit;}
.mobile-menu{display:none;}
.sub-title{width: 100%; float: left; text-align: center; color: #231F20; font-size: 56px; font-family:'Akrobat-SemiBold'; margin: 0; line-height: normal;}

/*Header Bar*/
header.site-header { position:relative; top:0; left:0; width:100%; z-index:99; }
header.site-header .header-top { width:100%; float:left; padding:10px 0; }
header.site-header .header-top .logo { width:120px; float:left; }
header.site-header .header-top .logo img { height:auto; width:100%; display:block; }
header.site-header .header-top .right-box { width:80%; float:right; padding:17px 0 5px; }
header.site-header .header-top .right-box .social-icon-number { width: auto; float: right; }
header.site-header .header-top .right-box .social-icon-number .icon { width: auto; float: left; }
header.site-header .header-top .right-box .social-icon-number .number { width: auto; float: left; font-size: 32px; font-family: 'Akrobat-Light'; color: #5B6131; padding-left: 38px; line-height: 26px; }
header.site-header .header-top .right-box .navigation { width: 100%; float: left; clear: both; padding-top: 34px; }
header.site-header .header-top .right-box .navigation #nav-menu { width: 100%; float: right; }
header.site-header .header-top .right-box .navigation #nav-menu ul { margin:0; padding: 0; float: right; position: relative; }
header.site-header .header-top .right-box .navigation #nav-menu ul li { font-size: 16px; font-family: 'Akrobat-Bold'; color: #000000; text-transform: uppercase; padding: 0 13px; float: left; list-style: none; }
header.site-header .header-top .right-box .navigation #nav-menu ul li:last-child { padding-right: 0px; }
header.site-header .header-top .right-box .navigation #nav-menu ul li:first-child { padding-left: 0px; }
header.site-header .header-top .right-box .navigation #nav-menu ul li a:hover, header.site-header .header-top .right-box .navigation #nav-menu ul li.current-menu-item a { color: #5B6131; }
header.site-header .header-top .right-box .navigation #nav-menu ul li:hover ul.sub-menu { display: block; }
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu { position: absolute; top: 30px; width: 260px; background-color: #505C65; border: 1px solid #fff; display: none; margin-left: -6%; }
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li { width: 100%; text-align: center; line-height: 37px; color: #fff; font-size: 14px; font-family: 'Akrobat-Regular'; border-bottom: 1px solid #fff; padding-bottom: 0; padding: 0; cursor: pointer; text-transform: capitalize;}
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li.active, header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li:hover { font-family: 'Akrobat-ExtraBold'; }
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li:last-child { border: none; }
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li > a:hover { color: #fff; }
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li > a:hover, header.site-header .header-top .right-box .navigation #nav-menu ul li.active ul.sub-menu > li > a { color: #fff; }
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li > a{color: #fff;}
/*footer*/
.site-footer { background-color: #231F20; float: left; width: 100%; }
.footer-content { width: 100%; float: left; padding: 30px 0 80px; text-align: center; color: #fff; font-family: 'Akrobat-ExtraBold'; }
.footer-content .loction { line-height: 37px; font-size: 16px; width: 100%; float: left; }
.footer-content .copy-right { font-size: 12px; width: 100%; float: left; padding-top: 12px; font-family:'Akrobat-Regular';}
/*slider-portion*/
.slider-portion { width: 100%; float: left; position: relative; max-height: 300px; overflow: hidden; background-image:url(images/home_banner.jpg); background-repeat: no-repeat; background-size: cover; display: flex; justify-content:center; }
.slider-portion video{width: 100% !important; height: auto;}
.slider-portion ul { list-style: none; margin: 0; padding: 0; }
.slider-portion ul li { width: 100%; float: left; position: relative; }
.slider-portion img { position: relative; width: 100%; height: auto; display: block; }
.slider-portion .caption-wrap { width:72% !important; background: transparent !important; opacity: 1 !important; /*display: flex; align-items: center;*/ margin: 50px 0 50px;}
.slider-portion .caption { font-family: 'Akrobat-SemiBold'; width: 100%; text-align: center; line-height:34px; color: #fff; }
.slider-portion .caption h2 { font-size: 56px; width: 100%; margin-top: 0px; margin-bottom: 34px;}
.slider-portion .caption p { margin:0; font-size: 28px; width: 100%; padding: 0 30px;}
.slider-portion .caption .button-box { width: 60.2%; display: inline-block; margin-top: 60px; }
.slider-portion .caption .button-box a.view-statement { width: 100%; background-color: #fff; font-size: 16px; line-height: 31px; color: #231F20; float: left; border: 1px solid #fff; }
.slider-portion .caption .button-box a.view-statement:hover { background-color: transparent; color: #fff; }
.slider-portion .attribution p{ color:#fff;font-size: 12px;font-family: 'Akrobat-Light';text-align: right; margin-top: 5px }
/*site-content*/
.site-content .top-content { width: 100%; float: left; text-align: center; }
.site-content .top-content .title { font-size: 20px; font-family: 'Akrobat-Bold'; color: #fff; text-transform: uppercase; background-color: #231F20; text-align: center; line-height: 40px; }
.site-content .top-content .our-detail { width: 100%; float: left; text-align: center; background-color: #58646f; display: none;}
.site-content .top-content .our-detail > ul { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; }
.site-content .top-content .our-detail > ul > li { width: 260px; display: inline-block; border-left: 1px solid #fff; font-size: 16px; font-family: 'Akrobat-Regular'; color: #fff; vertical-align: middle; padding: 30px 0; }
.site-content .top-content .our-detail > ul > li:last-child { border-right: 1px solid #fff; }
.site-content .top-content .our-detail > ul > li img { display: inline-block; vertical-align: middle; padding-right: 10px; }
.site-content .top-content .our-detail > ul > li span { vertical-align: middle; line-height: 35px; }
/*industry-portion*/
.industry-portion { width: 100%; text-align: justify; font-family: 'Akrobat-Light'; font-size: 18px; line-height: 25px; padding: 62px 0 90px; float: left; }
.industry-portion img { height:auto; }
.industry-portion ul { display:grid; }
.industry-portion .industry-content p { margin: 0; margin-top: 1em; float: left; width: 100%; }
/*our-detail*/
.our-detail { width: 100%; float: left; border-bottom: 1px solid #5B6131; border-top: 1px solid #5B6131; }
.our-detail .our-detail-content { width: 100%; float: left; padding: 23px 0 0; text-align: center;}
.our-detail .our-detail-content ul { margin: 0; padding: 0; list-style: none; }
.our-detail .our-detail-content ul li { width: 23.4%; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; display: inline-block;}
.our-detail .our-detail-content ul li .image-box { width: 100%; float: left; max-height: 270px; overflow: hidden; }
.our-detail .our-detail-content ul li .image-box img { width: 100%; height: auto; }
.our-detail .our-detail-content ul li label { width: 100%; text-align: center; color: #231F20; font-size: 24px; font-family: 'Akrobat-SemiBold'; padding-top: 10px; float: left; cursor: pointer; }
/*innovation-portion*/
.innovation-portion { width: 100%; text-align: center; font-family: 'Akrobat-Light'; font-size: 18px; line-height: 25px; padding: 110px 0 40px; float: left; }
.innovation-portion .innovation-content p { margin: 0; margin-top: 30px; float: left; width: 100%; }
.innovation-portion .innovation-content .button-box { width: 100%; text-align: center; float: left; margin-top: 28px; }
.innovation-portion .innovation-content .button-box a.read-more { border: 1px solid #231f20; display: inline-block; line-height: 44px; font-size: 28px; font-family: 'Akrobat-SemiBold'; color: #5B6131; width: 226px; text-align: center; }
.innovation-portion .innovation-content .button-box a.read-more:hover { background-color: #231F20; color: #fff; }
/*media portion*/
.media-portion { width: 100%; float: left; background-color: #eae9e7; border-top: 1px solid #5B6131; border-bottom: 1px solid #5B6131; padding: 40px 0 70px; }
.media-portion .media-content { width: 100%; float: left; margin-top: 55px; }
.media-portion .media-content .detail-box { width: 50%; float: left; min-height: 287px; position: relative; }
.media-portion .media-content .detail-box .image-box { width: 45%; float: left; overflow: hidden; }
.media-portion .media-content .detail-box .image-box img { width: auto; height: auto; display: block; max-height: 287px; margin:auto; }
/*.media-portion .media-content .detail-box .image-box img { width: auto; height: 100%; display: block; min-height: 287px; max-height: 287px;}*/
.media-portion .media-content .detail-box .text-box { width: 50%; float: left; padding: 0 20px; font-family: 'Akrobat-Light'; font-size: 16px; line-height: 20px; position: relative; color: #231F20; min-height: 282px; }
.media-portion .media-content .detail-box .text-box h4 { font-size: 24px; margin-top: 0; margin-bottom: 20px; }
.media-portion .media-content .detail-box .text-box p { margin: 0; }
.media-portion .media-content .detail-box .text-box a.readmore { font-size: 28px; font-family: 'Akrobat-SemiBold'; color: #5B6131; bottom: 0; }
.media-portion .media-content .detail-box .text-box a { color: #5B6131; }
/*our-partner*/
.our-partner { width: 100%; float: left; padding: 40px 0 10px; }
.our-partner .our-partner-logo { width: 100%; text-align: center; margin: 50px auto 0 auto; }
.our-partner .our-partner-logo a { margin: 0 10px; }
.our-partner .our-partner-logo img { width: 100%; max-width:250px; height: auto; margin: 0; }
/*our-client*/
.our-client { width: 100%; float: left; padding: 10px 0 60px; }
.our-client .our-client-logo { width: 100%; float: left; margin-top: 50px;margin-bottom: 0; border-top-color:#ccc; border-bottom-color:#ccc; border-left-color:#ccc; border-right-color:#ccc}
.our-client-slider {background-color:#ccc !important}
/*home-contact*/
.page-contact-form { width: 100%; float: left; background-image: url(images/contact-form-bg.jpg); padding: 100px 0; background-repeat: no-repeat; background-size: cover; }
.page-contact-form .form-content { width: 56%; float: left; margin-left: 50%; transform: translate(-50%); -web-kit-transform: translate(-50%); -moz-transform: translate(-50%); color: #FFFFFF;}
.page-contact-form .form-content .control_form { margin-top: 45px; width: 100%; float: left; }
.page-contact-form .form-content .form-group.has-feedback .form-control { width: 100%; font-size: 16px; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.50); padding: 10px 43px; margin-bottom: 22px; outline: none; float: left; border: 1px solid rgba(148, 150, 153, 0.81); font-family: 'Akrobat-SemiBold'; }
.page-contact-form .form-content .form-group.has-feedback .form-control::placeholder {
color: #231F20;
}
.page-contact-form .form-content .form-group.has-feedback textarea.form-control { height: 110px; }
.page-contact-form .form-content .form-group.has-feedback .form-control.send { background-color: #231f20; color: #fff; cursor: pointer; outline: none; }
/*news-letter*/
.news-letter-portion { width: 100%; text-align: center; float: left; padding: 35px 0 35px; }
.news-letter-portion .news-letter-content { width: 622px; display: inline-block; }
.news-letter-portion .news-letter-content .logo { width: 100%; text-align: center; }
.news-letter-portion .news-letter-content .logo img { width:150px; height: auto; }
.news-letter-portion .news-letter-content .social-icon-number { width: 100%; display: inline-block; font-size: 32px; color: #5B6131; font-family: 'Akrobat-Light'; padding-top: 20px; line-height: 28px; }
.news-letter-portion .news-letter-content .social-icon-number .icon { display: inline-block; padding-right: 28px; }
.news-letter-portion .news-letter-content .social-icon-number .number { display: inline-block; }
.news-letter-portion .news-letter-content .news-letter-form { width: 100%; float: left; margin-top: 80px; color: #5B6131; }
.news-letter-portion .news-letter-content .news-letter-form h3 { margin: 0; font-size: 20px; font-family: 'Akrobat-Regular'; width: 100%; text-align: center; color: #5B6131; font-weight: normal; padding-bottom: 5px; }
.news-letter-portion .news-letter-content .news-letter-form p { margin: 0; font-size: 10px; font-family: 'Akrobat-Regular'; width: 100%; text-align: center; color: #5B6131; float: left; padding-top: 5px; }
.news-letter-portion .news-letter-content .form-group.has-feedback .form-control { width: 72%; font-size: 20px; color: #231F20; background-color: #fff; padding: 10px 30px; outline: none; float: left; border: 1px solid #5B6131; font-family: 'Akrobat-Regular'; }
.news-letter-portion .news-letter-content .form-group.has-feedback .form-control.submit { width: 26%; margin-left: 2%; background-color: #5B6131; color: #fff; cursor: pointer; outline: none; }
/*about-page*/
.about-page { width: 100%; text-align: center; font-family: 'Akrobat-Light'; font-size: 18px; border-bottom: 1px solid #5B6131; line-height: 25px; padding: 62px 0 0px; float: left; }
.about-page .about-content { width: 89%; display: inline-block; text-align: justify;  }
.about-page .about-content img{margin-top: 50px;}
.about-page .about-content .text-box { width: 100%; display: inline-block; }
.about-page .about-content .image-box { width: 100%; float: left; padding: 55px 0; }
.about-page .about-content .button-box { width: 100%; float: left; margin-bottom: 43px; }
.about-page .about-content .button-box a.statement { width: 100%; font-size: 24px; font-family: 'Akrobat-Regular'; background-color: #231F20; text-align: center; line-height: 40px; float: left; color: #fff; border: 1px solid #231F20; }
.about-page .about-content .button-box a.statement:hover { background-color: transparent; color: #231F20; }
.about-page .our-detail { border-top: 1px solid #5B6131; }
.about-page .award-go-header { width: 100%; float: left; margin-top: 60px; margin-bottom: 50px; background-color: #d3d1d2; padding: 3% 0;}
.about-page .award-go-header .award-detail-box .image-box{width: 15%; display: inline-block; vertical-align: middle; margin-right: 30px;}
.about-page .award-go-header .award-detail-box .text-box{width: 24%; display: inline-block; vertical-align: middle; text-align: left;}
.about-page .award-go-header > h2{margin-bottom: 0;}
.about-page .award-go-header img{width: 100%;}
.about-page .about-bottom-content { width: 100%; float: left; text-align: center; }
.about-page .about-bottom-content .text-box { width:100%; display: inline-block; color: #231F20; line-height: 28px;  font-family: 'Akrobat-SemiBold'; font-size: 24px;}
.about-page .about-bottom-content .text-box p {float: left; width: 100%; font-size: 24px; font-family: 'Akrobat-Light'; margin-bottom: 0px;}
.about-page .about-bottom-content .text-box p strong{font-weight: normal;}
.about-page .about-bottom-content .text-box .textwidget{width: 100%; float: left; margin-bottom: 50px;}
.inner-page { border-bottom: none 0 !important; }
/*capability*/
.capability-page .capability-content .button-box { margin-bottom: 100px; }
.box-content { width: 100%; float: left; padding: 0px 0 50px; text-align: center;}
.box-content ul { margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; float: left; }
.box-content ul li { width: 30.9%; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; display: inline-block;}
.box-content ul li .image-box { width: 100%; float: left; max-height: 270px; overflow: hidden; padding: 0px !important; }
.box-content ul li .image-box img { width: 100%; height: auto; }
.box-content ul li label { width: 100%; text-align: center; color: #231F20; font-size: 24px; font-family: 'Akrobat-SemiBold'; padding-top: 10px; float: left; cursor: pointer; }
/*team*/
.team-page .team-content .team-image { width: 100%; float: left; background-color: #d3d1d2; margin-top: 10px; margin-bottom: 80px; }
.team-page .team-content .team-image img{display: block; width:100%; height:auto;}
.team-page .team-content .team-image h2 { margin-top: 9%; }
.team-page .team-content .box-content { padding: 0 0 60px; }
.team-page .team-content .box-content ul li { width: 23.4%; float: left; margin-bottom: 20px; margin-left: 10px; margin-right: 10px;  min-height: 430px;}
.team-page .team-content .box-content ul li .image-box { width: 100%; height: 290px; background-color: #231F20; max-height: 290px; }
.team-page .team-content .box-content ul li label { width: 100%; text-align: left; font-size: 24px; font-family: 'Akrobat-Bold'; color: #231F20; padding-top: 18px; cursor: pointer; }
.team-page .team-content .box-content ul li span { width: 100%; text-align: left; font-size: 16px; font-family: 'Akrobat-SemiBold'; color: #5B6131; float: left; line-height: normal; padding-top: 5px;}
.team-page .team-content .box-content ul li .profile { width: 100%; text-align: left; font-size: 12px; font-family: 'Akrobat-Light'; color: #5B6131; margin-top: 8px; float: left; }
.team-page .team-content .box-content ul li .profile img{float: left;}
.team-page .team-content .box-content ul li .profile span {width: auto; text-align: left; font-size: 12px; font-family: 'Akrobat-Light'; color: #5B6131; margin-top:6px; float: left; padding-left: 5px; line-height: normal;}
/*team-detail*/
.team-page .team-detail { width: 100%; float: left; }
.team-page .team-detail .team-detail-content { width: 100%; float: left; padding: 64px 0 160px; }
.team-page .team-detail .team-detail-content .left-box { width: 31.6%; height: 400px; background-color: #231F20; margin-right: 32px; float: left; }
.team-page .team-detail .team-detail-content .left-box img{height: auto !important;}
.team-page .team-detail .team-detail-content .right-box { width: 65%; float: left; }
.team-page .team-detail .team-detail-content .right-box h4 { width: 100%; float: left; text-align: left; font-size: 24px; margin: 0; font-family: 'Akrobat-Bold'; color:#231F20; }
.team-page .team-detail .team-detail-content .right-box span { width: 100%; float: left; text-align: left; font-size: 16px; margin: 0; font-family: 'Akrobat-SemiBold'; color: #5B6131; }
.team-page .team-detail .team-detail-content .right-box .text-box { width: 100%; text-align: left; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; margin-top: 20px; }
/*project-page*/
.project-page { width: 100%; text-align: center; font-family: 'Akrobat-Light'; font-size: 18px; line-height: 25px; padding: 62px 0 0px; float: left; }
.project-page .project-content { width: 100%; display: inline-block; padding-bottom: 100px; }
.project-page .project-content .box-content { padding-top: 90px; padding-bottom: 20px; }
.project-page .project-content .box-content {width: 65%; display: inline-block; float: none;}
.project-page .project-content .text-box { padding-top: 50px; width: 100%; display: inline-block; }
.project-page .project-content .text-box p { margin-top: 18px; }
.project-page .our-detail { border-top: 1px solid #5B6131; }
.project-page .project-content .content { width: 85%; display: inline-block; }
.project-page .project-content .content .content-detail { width: 100%; float: left; margin-top: 67px; }
.project-page .project-content .content .content-detail .left-box { width: 25%; float: left; }
.project-page .project-content .content .content-detail .left-box img { width:auto; display: block; height: auto; margin:auto; max-height:280px;}
.project-page .project-content .content .content-detail .right-box { width: 75%; float: left; padding-left: 30px; text-align: left; color: #231F20; font-family: 'Akrobat-Light'; line-height: 28px; }
.project-page .project-content .content .content-detail .right-box h3 { margin: 0; font-size: 36px; width: 100%; float: left; font-family: 'Akrobat-SemiBold'; margin-bottom: 5px; }
.project-page .project-content .content .content-detail .right-box p { float: left; width: 100%; margin-bottom: 0px; margin-top: 15px; }
/*research and devlopment*/
.research-development-page .project-content { width: 100%; text-align: center; font-family: 'Akrobat-Light'; font-size: 18px; line-height: 25px; padding: 62px 0 0px; float: left; }
.research-development-page .project-content .text-box { padding-top: 50px; width: 100%; display: inline-block; }
.research-development-page .project-content .text-box p { margin-top: 18px; }
.research-development-page .project-content .content { width: 85%; display: inline-block; }
.research-development-page .project-content .content .content-detail { width: 100%; float: left; margin-top: 67px; }
.research-development-page .project-content .content .content-detail .left-box { width: 25%; float: left; }
.research-development-page .project-content .content .content-detail .left-box img{ width:auto; display: block; height: auto; margin:auto; max-height:280px; }
.research-development-page .project-content .content .content-detail .right-box { width: 75%; float: left; padding-left: 30px; text-align: left; color: #231F20; font-family: 'Akrobat-Light'; line-height: 28px; }
.research-development-page .project-content .content .content-detail .right-box h3 { margin: 0; font-size: 36px; width: 100%; float: left; font-family: 'Akrobat-SemiBold'; margin-bottom: 5px; }
.research-development-page .project-content .content .content-detail .right-box p { float: left; width: 100%; margin-bottom: 0px; margin-top: 15px; }
/*collaborations-page*/
.collaborations-content { width: 100%; float: left; text-align: center; }
.collaborations-content > h6 { width: 100%; float: left; text-align: center; margin: 0; margin-top: 0; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; }
.collaborations-page .collaborations-content .logo-content { width: 100%; float: left; text-align: center; margin-top: 46px; }
.collaborations-page .collaborations-content .logo-content ul { list-style: none; padding: 0; width: 100%; float: left; text-align: center; }
.collaborations-page .collaborations-content .logo-content ul li { width: 33%; padding: 0 20px; display: inline-block; margin-bottom: 40px; }
.collaborations-page .collaborations-content .button-box { width: 100%; float: left; margin-bottom: 120px; margin-top: 50px; }
.collaborations-page .collaborations-content .button-box a.statement { width: 61%; font-size: 24px; font-family: 'Akrobat-Regular'; background-color: #231F20; text-align: center; line-height: 40px; display: inline-block; color: #fff; border: 1px solid #231F20; }
.collaborations-page .collaborations-content a.statement:hover { background-color: transparent; color: #231F20; }
.project-content .innovation-content {padding-top: 50px; width: 100%;float: left;}
.project-content .innovation-content .logo-content { width: 100%; float: left; text-align: center; }
.project-content .innovation-content .logo-content ul { list-style: none; padding: 0; width: 100%; float: left; text-align: center; }
.project-content .innovation-content .logo-content ul li { width: 33%; padding: 0 20px; display: inline-block; margin-bottom: 40px; }
/*awards*/
.awaeds-page .awaeds-content { width: 100%; float: left; text-align: center; }
.inner-page .sub-title { margin-bottom: 70px; }
.awaeds-page .awaeds-content > p { width: 100%; float: left; text-align: center; margin: 0; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; margin-bottom: 15px; }
.awaeds-page .awaeds-content .image-box { width: 100%; float: left; text-align: center; margin-top: 46px; height: 330px; }
.awaeds-page .awaeds-content .button-box { width: 100%; float: left; margin-bottom: 120px; margin-top: 50px; }
.awaeds-page .awaeds-content .button-box a.statement { width: 61%; font-size: 24px; font-family: 'Akrobat-Regular'; background-color: #231F20; text-align: center; line-height: 40px; display: inline-block; color: #fff; border: 1px solid #231F20; }
.awaeds-page .awaeds-content a.statement:hover { background-color: transparent; color: #231F20; }
/*Environment*/
.environment-page .environment-content { width: 100%; float: left; text-align: center; }
.environment-page .environment-content .sub-title { margin-bottom: 70px; }
.environment-page .environment-content > p { width: 100%; float: left; text-align: center; margin: 0; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; margin-bottom: 15px; }
.environment-page .environment-content .image-box { width: 100%; float: left; text-align: center; margin-top: 46px; height: 330px; }
.environment-page .environment-content .button-box { width: 100%; float: left; margin-bottom: 120px; margin-top: 50px; }
.environment-page .environment-content .button-box a.statement { width: 61%; font-size: 24px; font-family: 'Akrobat-Regular'; background-color: #231F20; text-align: center; line-height: 40px; display: inline-block; color: #fff; border: 1px solid #231F20; }
.environment-page .environment-content a.statement:hover { background-color: transparent; color: #231F20; }
/*product-page*/
.product-page { width: 100%; float: left; text-align: center; margin-top: 67px; margin-bottom: 100px; }
.product-page .product-content { width: 90%; display: inline-block; }
.product-page .product-content .text-box { width: 65%; display: inline-block; text-align: center; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; line-height: 28px; margin: 60px 0 50px; }
.product-page .product-content .our-product { width: 100%; float: left; }
.product-page .product-content .our-product ul { list-style: none; margin: 0; padding: 0; }
.product-page .product-content .our-product ul li { width: 45%; float: left; margin-top: 60px; min-height: 168px; max-height: 168px; overflow: hidden; }
.product-page .product-content .our-product ul li:nth-child(even) {
float: right;
}
.product-page .product-content .our-product ul li .image-box { width: 33%; float: left; }
.product-page .product-content .our-product ul li .image-box img { display: block; width: 100%; height: auto; }
.product-page .product-content .our-product ul li .product-detail { width: 65%; float: left; padding-left: 31px; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; line-height: 28px; text-align: left; }
.product-page .product-content .our-product ul li .product-detail h3 { width: 100%; float: left; margin: 0; font-size: 34px; font-family: 'Akrobat-SemiBold'; }
.product-page .product-content .our-product ul li .product-detail p { float: left; }
.product-page .product-content .button-box { width: 100%; float: left; margin-bottom: 43px; }
.product-page .product-content .button-box a.statement { width: 100%; font-size: 24px; font-family: 'Akrobat-Regular'; background-color: #231F20; text-align: center; line-height: 40px; float: left; color: #fff; border: 1px solid #231F20; }
/*gallery*/
.gallery-page { width: 100%; float: left; padding: 60px 0 200px; border-bottom: 1px solid #5B6131; }
.gallery-page .gallery-content { width: 100%; float: left; text-align: center; padding-top: 0; }
.gallery-page .gallery-content ul { margin: 0; padding: 0; list-style: none; }
.gallery-page .gallery-content ul li { width: 25%; display: inline-block; margin-bottom: 40px; padding: 0 10px; vertical-align: top; float: left; }
.gallery-page .gallery-content ul li:first-child { margin-left: 0px; }
.gallery-page .gallery-content ul li:nth-child(4n+0) {
margin-right:0px;
}
.gallery-page .gallery-content ul li:nth-child(5n+0) {
margin-left:0px;
}
.gallery-page .gallery-content ul li .image-box { width: 100%; float: left; max-height: 270px; overflow: hidden; }
.gallery-page .gallery-content ul li .image-box img { width: 100%; height:auto; }
.gallery-page .gallery-content ul li label { width: 100%; text-align: center; color:#5B6131; font-size:24px; font-family: 'Akrobat-SemiBold'; padding-top: 10px; float: left; cursor: pointer; }
/*blog page*/
.blog-page { width: 100%; float: left; padding: 70px 0; }
.blog-page .blog-content { width: 100%; text-align: center; padding-top: 20px; float: left; }
.blog-page .blog-content .blog-detail { width: 100%; float: left; margin-bottom: 80px; }
.blog-page .blog-content .blog-detail .image-box { width: 25%; float: left;  padding-top: 10px;}
.blog-page .blog-content .blog-detail .image-box img { width:auto; display: block; height: auto; margin:auto; max-height:280px; /*min-height: 260px;*/}
.blog-page .blog-content .blog-detail .text-box { width: 75%; display: inline-block; font-size: 18px; font-family: 'Akrobat-Light'; color: #231F20; text-align: left; line-height: 28px; padding-left: 30px;}
.blog-page .blog-content .blog-detail .text-box pre { width: auto; float: left; margin: 0; }
.blog-page .blog-content .blog-detail .text-box img { width: auto; float: left; padding:15px 15px 15px 0px; }
.blog-page .blog-content .blog-detail .text-box a { text-decoration: underline; color: #231F20;}
.blog-page .blog-content .blog-detail .text-box h3 { width:100%; margin:0 0 25px 0; font-family: 'Akrobat-SemiBold'; font-size: 34px; float: left; line-height: normal; }
.blog-page .blog-content .blog-detail .text-box a.readmore { margin-top: 30px; font-size: 22px; font-family: 'Akrobat-SemiBold'; width: 100%; float: left;  color: #fff; background-color: #231f20; border: 2px solid #231f20; width: auto; padding: 10px 25px;}
.blog-page .blog-content .blog-detail .text-box a.readmore:hover{background-color: transparent; color: #231f20;}

/*contact page*/
.contact-page { width: 100%; float: left; padding: 70px 0 150px; text-align: center; }
.contact-page .contact-content { width: 100%; display: inline-block; padding-top: 110px; }
.contact-page .contact-content .left-box { width: 50%; float: left; padding-right: 0px; background-color: #505C65; min-height: 399px; }
.contact-page .contact-content .left-box iframe{width: 101% !important; height: 400px !important; display: block;}
.contact-page .contact-content .right-box { width: 50%; float: left; padding-left: 50px; font-size: 24px; font-family: 'Akrobat-SemiBold'; color: #5B6131; text-align: left; }
.contact-page .contact-content .right-box .address { margin: 35PX 0 30px; }
span.wpcf7-not-valid-tip, div.wpcf7-response-output { float:left; width:100%; }
.page-contact-form .sub-title { margin-bottom: 40px; }
li.widget { list-style-type: none; }
.lb-close { float: right; width: 30px; height: 30px; cursor:pointer; position: absolute; z-index: 999; right: 10px; top:10px; background:url(images/close.png) center center no-repeat; background-size: 100% 100%; }
.flex-direction-nav .flex-prev{background:url(images/arrow_left.png) center center no-repeat; width:40px; height:40px;}
.flex-direction-nav .flex-next{background:url(images/arrow_right.png) center center no-repeat; width:40px; height:40px;}
.flex-direction-nav a{ font-size:1px; color:#fff;}
.lb-nav a.lb-next{background-size: 40px 40px;}
.lb-nav a.lb-prev{background-size: 40px 40px;}

.lb-outerContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; width: 600px !important; height: 500px !important;}
.lightbox .lb-image {display: block; height: auto; max-width: inherit; border-radius: 3px; width: 100% !important; height: 490px !important;}

.about-page .about-bottom-content .icon {width: 100%; float: left; padding-bottom: 5px;}
.about-page .about-bottom-content .icon img{height: 60px; width: auto;}
input,button {
    -webkit-appearance: none; appearance: none;-moz-appearance: none;
}
.our-client .flex-direction-nav a.flex-next::before,.our-client .flex-direction-nav a::before {
    display: none !important;
}
.our-partner .flex-direction-nav a.flex-next::before,.our-partner .flex-direction-nav a::before {
    display: none !important;
}

.environment-page-content{width: 100%; float: left; padding-bottom: 50px;}


.flex-viewport { padding: 0 25px; }