.navbar-header .logo{display:inline-block;width:130px;padding:20px 0;margin-left:10px;text-align:center}
.navbar-header .logo img{width:130px;}

.navbar-header .slogan-header{display:inline-block;padding:10px 0; vertical-align:top!important}
.navbar-header .slogan-header p{color:rgb(89,171,2);font-weight:600;font-size:16px;margin-top:30px;}

.nav-right{	float:right;margin-right: -15px; }

.main-nav{display:inline-block;margin-right:60px;padding:33px 0 28px}.main-nav li{font-size:13px;display:inline-block;padding:10px 20px 0 20px!important;letter-spacing:1px;text-transform:uppercase;border-right:solid 1px #E5E7E9}.main-nav li:last-child{border-right:none}.main-nav li a{font-weight:600;position:relative;padding:0 0 10px 0!important;text-decoration:none;color:#414A52!important}.main-nav li a:hover{color:#518031}.main-nav li a:before{position:absolute;bottom:0;left:0;visibility:hidden;width:100%;height:2px;content:'';-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#518031}.main-nav li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}

.main-nav li.here a{color:#f00!important}
.g-color{color:#59ab02!important}
.b-color{color:#999!important}
.l-hei{line-height:22px!important}

.sec-nav{display:inline-block;padding:34px 30px;background-color:#518031}.sec-nav li{display:inline-block;font-size:13px;letter-spacing:1px;text-transform:uppercase}ul.sec-nav li.subscribe{position:relative;padding:10px;border-right:solid 1px #fff}ul.sec-nav li.subscribe a{position:relative;padding-bottom:10px;text-decoration:none;color:#fff}ul.sec-nav li.subscribe a:before{position:absolute;bottom:0;left:0;visibility:hidden;width:100%;height:2px;content:'';-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#7AE2DE}ul.sec-nav li.subscribe a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}ul.sec-nav li.subscribe:after{position:absolute;top:0;right:0;height:34px;content:' ';border-right:1px solid #323940}ul.sec-nav li.search{margin-left:20px}

.nav-icon{border:0;background-color:#518031}


@media (max-width:767px) {
.nav-right{	width:100%;background-color:#518031;margin-right: 0px!important; }
	
.main-nav{display:block;padding:24px 0;margin:0 15px;text-align:center}.main-nav li{font-size:20px;display:block;padding:0!important;letter-spacing:1px;text-transform:uppercase;border-bottom:dashed 1px #E5E7E9;border-right:none}.main-nav li a{font-weight:600;position:relative;padding:20px 0!important;text-decoration:none;color:#fff!important}.main-nav li a:hover{color:#CCC!important}
.sec-nav{display:block;padding:10px 0 20px 0;text-align:center}.sec-nav li{display:inline-block;font-size:20px;letter-spacing:1px;text-transform:uppercase}ul.sec-nav li.subscribe{border:0!important}ul.sec-nav li.subscribe{position:static;font-weight:600;}
.margin-top20-767 { margin-top: 20px }
.margin-top50-767 { margin-top: 50px }
}
@media (min-width:768px) {
.margin-top20-768 { margin-top: 20px }
}
@media (min-width:768px) and (max-width:991px) {
.margin-top40-768-991 { margin-top: 20px }
}
@media (min-width:992px) {
.margin-top40-992 { margin-top: 20px }
}
#main {
    background-color: #fff;
    /*padding: 0 0 60px;*/
}

/* === Main Content === */

.main-content { padding: 60px 0 0 }

.home-3 .main-content,
.home-4 .main-content {
    margin: 45px 0 40px;
    padding: 0;
}
.border-bottom {
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 3px;
}

.main-content { margin: 45px 0 35px }

div.content-box { clear: both }

div.content-box div.content-box-info { padding-left: 115px }

div.content-box.big {
    background: #fff;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

div.content-box.big .ch-info-wrap {
    margin: -40px auto 35px;
    position: relative;
    left: auto;
    top: auto;
}

div.content-box.big:hover { background: #fafafa }

div.content-box.big div.content-box-info {
    padding: 15px;
    text-align: center;
    margin: 0;
}

div.content-box.big div.content-box-info p {
	text-align: center;
	margin: 25px 0;
}

.service-reasons div.content-box.big {
    transition: none;
    margin-top: 30px;
    border: 1px solid #fff;
}

.main-content h3 {
    color: #283043;
    line-height: 32px;
    margin: 0 0 5px;
}

.main-content p,
.content p { text-align: left }



.author-content,
div.content-box.big,
#cn-tabs .service,
.comment-des,
.contact-box {
    border-style: solid;
    border-width: 1px;
    border-color: #d5d5d5;
}


/* Common Ele*/

.divider { margin: 60px 0 }

.blog-divider {
    margin: 35px 0;
    background: url(../img/bg_off.png) repeat;
    content: "";
    height: 5px;
}

.top-pad { margin-top: 25px }

.no-divider { margin: 0 }

.bottom-pad { margin-bottom: 100px }

.bottom-pad-small { margin-bottom: 50px }

.no-bottom-pad {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.a-block { padding: 0 !important}
.a-block a { display:block; padding: 9px 10px }

ul.icons { list-style: none }

ul.icons [class^="icon-"] { margin-right: 5px }

ul.list li { margin-bottom: 13px }

.light { color: #fff !important }

.dark { color: #000 !important }

.wrap { overflow: hidden }

h2.shorter { color: #283043; font-weight:700 }
h4.color { font-weight:700; margin-left: 3px }
/* Circle items */

.ch-item {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
}
.ch-info-wrap i {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 70px;
    position: relative;
    z-index: 5;
    text-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.ch-info-wrap {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    top: 10px;
    left: 10px;
}
.ch-info {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ch-info>div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 50%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
}
.ch-info .ch-info-front {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.ch-info .ch-info-back {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
    opacity: 0;
}
.ch-item:hover .ch-info {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.breadcrumb-wrapper {
    background: url(../imgs/ft-bg.jpg) 50% 0 no-repeat fixed;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
}
.breadcrumb-wrapper h2.title {
    font-size: 26px;
    line-height: 40px;
    margin: 20px 0;
    color: #fff;
	font-weight: 800;
}
.breadcrumbs {
    margin: 24px 0;
    color: #fff;
}

.breadcrumbs ul li {
    display: inline-block;
    line-height: 24px;
    font-size: 13px;
    color: #9e9e9e;
    margin: 0 0 0 5px;
    color: #fff;
}

.breadcrumbs ul li a {
    color: #fff;
    font-weight: 600;
}

.breadcrumbs ul li:first-child { margin-left: 2px !important }

.breadcrumbs ul li:nth-child(2):before,
.breadcrumbs ul li:first-child:before {
    content: " ";
    margin: 0;
}

.breadcrumbs ul li:before {
    color: #fff;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 12px;
    margin: 0 9px 0 0;
}
.welcome p { margin-left : 1.2em; text-indent : -1.2em }
.welcome p.text-tit { margin-left : 0em; text-indent : 0em }
.welcome p:first-letter { font-size: 18px }
.wel2 { margin: 0 0 30px }


.star-divider {
    border-bottom: 1px solid #D5D5D5;
    margin-top: 30px;
    margin-bottom: 70px;
}

.star-divider-small {
    margin-bottom: 30px !important;
    margin-top: -25px !important;
}

.star-divider-icon { text-align: center }

.star-divider-icon i {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100px;
    color: #D5D5D5;
    font-size: 18px;
    padding: 11px;
    position: relative;
    top: 19px;
}

.reply label { margin: 0 0 4px }

.reply label span { color: #e24747 }

.reply input { margin: 0 0 20px }

.reply textarea {
    min-width: 97.5%;
    min-height: 180px;
    -webkit-resize: vertical;
    -moz-resize: vertical;
    -webkit-resize: vertical;
    -moz-resize: vertical;
    resize: vertical;
    margin: 0 0 18px;
}

.address h3 {
    color: #333;
	font-weight: 700;
	text-decoration:underline;
}
.address p {
    margin: 0 0 30px 0;
}

.content-box-about-icon i {
    color: #fff;
    float: left;
    font-size: 36px;
    line-height: 75px;
    left: 26%;
    position: relative;
    z-index: 5;
}

.content-box-about:hover>.content-box-about-icon { background-color: #2780ba }

.content-box-about-icon,
.content-box-about-icon i,
.content-box-about-icon span {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
}

.content-box-about-icon span {
    z-index: 4;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #2780ba;
}

.content-box-about:hover>.content-box-about-icon span {
    background-color: #2780ba;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -o-transition-duration: .7s;
    -ms-transition-duration: .7s;
    transition-duration: .7s;
}

div.content-box-about div.content-box-about-icon {
    background: #2780ba;
    color: #FFF;
    display: block;
    float: left;
    line-height: 70px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
    margin-bottom: 15px;
}

div.content-box-about div.content-box-about-info { padding-top: 20px; padding-left: 90px }

div.content-box-about div.content-box-about-icon i {
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
    color: #fff;
}

.content-box-about-info h3 { color: #333;font-weight: 400;margin-bottom: 5px }

.content-box-about-info p { padding-bottom: 15px }
/* product cate */

#latest-posts h2 , #products-posts h2 {
    color: #283043;
	line-height: 40px;
    font-weight: 700;
    margin: 0 0 22px 0;
}
img { max-width: 100% }

/*
#latest-posts .post-item .post-img img,
#latest-posts .post-item .post-img { overflow: hidden }

#latest-posts .post-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#latest-posts .post-img img {
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
*/

#latest-posts h3 , #products-posts h3 { color: #283043 }

#latest-posts a , #products-posts a { color: #283043 }

#latest-posts .post-content , #products-posts .post-content { padding: 10px 8px }

.bor-bot { border-bottom: 1px solid #D5D5D5 }

.bor-img { border: 1px solid #D5D5D5 }

.bor-more { text-align:center; border: 1px solid #D5D5D5; margin: 20px 0 0 0 }
.bor-more a { color:#666; line-height:34px; display: block }
.bor-more a:hover { color:#000 }
.bor-more:hover { border: 1px solid #000; } 
.blog-post-content {
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
}

.post-meta {
    width: 100%;
    display: inline-block;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.post-meta-content {
    float: left;
    width: 100%;
    padding: 5px;
    background: #fafafa;
    color: #bdbdbd;
    text-align: center;
    padding: 9px 0px;
    border-right: 1px solid #d5d5d5;
}
.post-meta-content a {
    font-size: 13px;
}

.post-meta-content i {
    font-size: 16px;
    color: #bdbdbd;
}

.post-meta-link { color: #bdbdbd !important }

.post-content { padding: 0 0 20px 0 }

.post-image { margin: 0 0 25px 0 }

.post-content h4 { margin: 0 0 8px 0; line-height: 22px; text-transform:none }
.post-content h4 a { color: #59ab02 !important }
.post-content p { margin: 0 0 5px 0; font-size: 13px }


.pattern-overlay , .pattern-overlay-2 { background-image: url("../imgs/bg_off.png") }

.pattern-overlay p , .pattern-overlay-2 p { color: #fff }

footer {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

footer .social li {
    border-right: 1px solid #ddd;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    margin-right: 5px;
    width: 40px;
    text-align: center;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    padding: 1px;
}

footer .social i {
    color: #555;
    font-size: 16px;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

footer .social li:hover a i { color: #fff }
#footer {
    background: url(../imgs/ft-bg.jpg) 50% 0 no-repeat fixed;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
}
#footer ul,
#footer li {
    padding: 0;
    margin: 0;
    /* cursor: pointer; */
}
#footer .contact-us li {
    padding: 8px 0 0 0;
}

.footer-top {
    border-bottom: 1px solid #414f5a;
    color: #fff;
    padding: 50px 0;
}

.footer-bottom {
    background: #212733;
    color: #fff;
    line-height: 30px;
}

.footer-bottom a { color: #ccc }

.comming-soon-footer .form-inline .input-group-btn {
    width: 1%;
}

.contact-us li i {
    float: left;
    margin: 4px 0 0;
}

.contact-us p {
    line-height: 24px;
    margin-left: 20px;
    margin-top: -2px;
}

.contact-us li p strong {
    float: left;
    font-weight: 600;
    margin: 0 5px 5px 0;
}

.contact-pad { padding-bottom: 20px }

p.credits {
    margin-bottom: 0;
    line-height: 38px;
	font-size: 13px;
}

footer .social li:first-child { border-left: 1px solid #414f5a }

.social-icons-footer-bottom {
    float: right;
    margin: 6px 0 0;
}

.social-icons-footer-bottom li {
    display: inline;
    float: left;
    list-style: none;
    border-right: 1px solid #414f5a !important;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    -ms-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
}

.social-icons-footer-bottom li i {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 38px;
    padding-top: 0;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    color: #fff;
}

/* Slogan */

.slogan {
    background: url(../imgs/slogan.jpg) 50% 0 no-repeat fixed;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
}

.slogan h3 { color: #fff }

.slogan-content { padding: 35px 0 }

.slogan-title {
	font-size: 30px!important;
    display: inline-block;
    margin: 10px 0;
    color: #fff;
}
.btn-special {
    font-size: 13px;
	background-color: #fafafa;
    border-radius: 0px !important;
    padding: 15px 30px;
    text-transform: uppercase;
    outline: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.page-services .slogan-content { padding: 40px 0 }

.page-services .get-started { padding-top: 15px }

.get-started {
    padding-top: 1px;
    vertical-align: middle;
}

/* Team Section */

.team .item .team-member-links a.facebook:hover,
.member-social.dark a.facebook:hover,
header .social li.facebook:hover,
footer .social li.facebook:hover { background: #4C66A4 }

.team .item .team-member-links a.dribbble:hover,
.member-social.dark a.dribbble:hover,
header .social li.dribbble:hover,
footer .social li.dribbble:hover { background: #EA4C89 }

.team .item .team-member-links a.twitter:hover,
.member-social.dark a.twitter:hover,
header .social li.twitter:hover,
footer .social li.twitter:hover { background: #2C77BA }

.team .item .team-member-links a.gplus:hover,
.member-social.dark a.gplus:hover,
header .social li.gplus:hover,
footer .social li.gplus:hover { background: #9e0b0f }

.team .item .team-member-links a.linkedin:hover,
.member-social.dark a.linkedin:hover,
header .social li.linkedin:hover,
footer .social li.linkedin:hover { background: #069 }

.team .item .team-member-links a.pinterest:hover,
.member-social.dark a.pinterest:hover,
header .social li.pinterest:hover,
footer .social li.pinterest:hover { background: #C92228 }

header .social li.rss:hover,
footer .social li.rss:hover { background: #f60 }


/* Common Unique CSS */

.padding0-5 { padding: 0.5px }

.padding-top15 { padding-top: 15px }

.padding-top25 { padding-top: 25px }

.padding-top30 { padding-top: 30px }

.padding-top40 { padding-top: 40px }

.padding-top60 { padding-top: 60px }

.padding-top100 { padding-top: 100px }

.padding-bottom20 { padding-bottom: 20px }

.padding-bottom30 { padding-bottom: 30px }

.padding-bottom40 { padding-bottom: 40px }

.padding-bottom50 { padding-bottom: 50px }

.margin-topminus30 { margin-top: -30px !important }

.margin50 { margin: 50px }

.margin-top0 { margin-top: 0px!important }

.margin-top15 { margin-top: 15px!important }

.margin-top25 { margin-top: 25px!important }

.margin-top30 { margin-top: 30px }

.margin-top40 { margin-top: 40px }

.margin-top50 { margin-top: 20px }

.margin-top60 { margin-top: 60px }

.margin-top70 { margin-top: 70px }

.margin-top80 { margin-top: 80px }

.margin-top100 { margin-top: 100px }

.margin-top140 { margin-top: 140px }

.margin-bottom0 { margin-bottom: 0px!important }

.margin-bottom20 { margin-bottom: 20px }

.margin-bottom40 { margin-bottom: 40px }

.margin-bottom60 { margin-bottom: 60px }

.margin-bottom70 { margin-bottom: 70px }

.margin-bottom80 { margin-bottom: 80px }

.margin-bottom100 { margin-bottom: 100px }

.margin-left10 { margin-left: 10px }

.margin-left20 { margin-left: 20px }

.margin-left25 { margin-left: 25px }

.margin-left30 { margin-left: 30px }

.margin-20 { margin: 20px 0!important }
.margin-20 p { margin: 20px 0!important }
.margin-0 { margin: 0!important }
.margin-0 p { margin: 10px 0!important }
@media (max-width: 767px) { 
    .navbar-header .logo { padding: 18px 0 }
    footer .social li {
        display: inline-block;
        border: none !important;
        margin-right: 0;
    }

    footer .social i { line-height: 40px }
	
    .footer-bottom { text-align: center }
	
	.social-icons-footer-bottom {
        display: inline-block;
        float: none;
    }
	.footer-three { margin: 0 0 15px }
	
	.post-item { margin: 0 0 15px }
	.star-divider-small { margin-bottom: 50px!important }
	.main-features { margin-left: 0px!important }
}
@media (min-width: 768px) { 
    
    .main-features { margin-left: -15px!important }
}
@media (min-width:992px) and (max-width:1199px) {
 .blog-post-content span { display: block; height: 27px }
 .t992-1199{ display: block; height: 22px !important }
 .w1200-42 { display: block;height: 91px !important }
 .style-edge-tape { margin-top: 126px!important }
 .style-cim { margin-top: 69px!important }
 .style-ift-1 { margin-top: 57px!important }
 .style-ift-2 { margin-top: 105px!important }
 .style-ift-3 { margin-top: 95px!important }
 .style-chair-mat { margin-top: 168px!important }
 .style-btmpt { margin-top: 72px!important }
 }
@media (min-width:1200px) {
 .w1200 { display: block;height: 27px }
 .w1200-42 { display: block;height: 42px }
 .w1200-26 { display: block;height: 26px }
 .style-edge-tape { margin-top: 153px!important }
 .style-cim { margin-top: 42px!important }
 .style-ift-1 { margin-top: 84px!important }
 .style-ift-2 { margin-top: 51px!important }
 .style-ift-3 { margin-top: 41px!important }
 .style-chair-mat { margin-top: 114px!important }
 .style-btmpt { margin-top: 45px!important }
 }
/* Gallery image */

.gallery-image { margin-bottom: 30px }

.gallery-image a {
    display: inline-block;
    position: relative;
}

.gallery-image a.active img { opacity: 0.6 }

.project_details span {
    border-bottom: 1px solid #E3E3E3;
    color: #454545;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.project_details strong {
    float: left;
    margin: 0;
    padding: 0;
    width: 40%;
}

.project_details em {
    float: left;
    font-style: normal;
    margin: 0;
    padding: 0;
    width: 60%;
}

.project_details span a {
    background-color: #fafafa;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #283043;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 5px 5px;
    padding: 3px 10px;
    display: inline-block;
}

.recentworks {
    background: #fafafa;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 60px 0;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    /* Safari 4-5,Chrome 1-9 */ background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f8f8f8),to(#fafafa));;;;
    /* Safari 5.1,Chrome 10+*/ background: -webkit-linear-gradient(top,#f8f8f8,#fafafa);;;;
    /* Firefox 3.6+*/ background: -moz-linear-gradient(top,#f8f8f8,#fafafa);;;;
    /* IE 10 */ background: -ms-linear-gradient(top,#f8f8f8,#fafafa);;;;
    /* Opera 11.10+*/ background: -o-linear-gradient(top,#f8f8f8,#fafafa);;;;
}

.text-dec li span { color:#59ab02; font-weight:600; font-size: 18px }
.text-dec li.br { line-height:24px; margin-bottom:26px }
.text-dec-3 li.br { line-height:28px; margin-bottom:26px }
.text-dec-3 span { font-size: 13px; border-bottom: 1px solid #59ab02; padding: 0 0 5px}
.text-dec-2 p { line-height:20px; margin-bottom:15px }
.text-tit { color:#59ab02; font-weight:600; font-size: 18px }
.padd-10 { padding: 2px!important }
.h2size { font-size: 35px!important }
.size-20 { font-size: 20px!important}
.h3title { color:#59ab02; font-weight:600; font-size: 18px }
.item-style { width:49%; display: inline-block }
.style-text div { margin-left : 1.2em; }
.style-text h3 { text-align: left!important }
.style-text p { margin-left : 1.2em; text-indent : -1.2em;text-align: left!important }
.style-text-2 h3 { text-align: left!important }
.style-text-2 p { text-align: left!important }
.size16 { font-size: 16px!important }
.style-color { color:#59ab02!important }
.style-color2 { color:#59ab02!important; font-size: 16px!important }

.shape-img-1 { width:39% }
.shape-img-2 { width:49% }
.align-center {text-align: center }

#topNav {
    min-height:30px;
    background-color:rgba(255,255,255,1)
}
#topNav .slogan-header{display:inline-block;padding:10px 0;}
#topNav .slogan-header p{color:rgb(89,171,2);font-weight:600;font-size:14px;}

.cell-phone a { background:rgba(0,133,178,0.7);color:#fff;position:fixed;z-index:99999;right:8px;bottom:8px;height:42px;width:42px;line-height:48px;border-radius:50%;text-align:center;}
.cell-phone i { font-size:1.4em;}
.cell-phone a:hover { background:rgba(0,133,178,0.9);color:#fff;}

.typing {
    width: 19em; height: 1.6em;
    border-right: 1px solid transparent;
    animation: typing 3.5s steps(38, end), blink-caret .75s step-end infinite;
    word-break: break-all;
    overflow: hidden;
}
/* 打印效果 */
@keyframes typing {
    from { width: 0; }
    to { width: 22em; }
}
/* 光标闪啊闪 */
/*@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: currentColor; }
}*/
.flex {display: flex;flex-wrap:wrap;}


/* swiper圖片輪播 */
.swiper-button-next, .swiper-button-prev {
  color: #59ab02;
  line-height: 50px;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align:center;
  font-weight:600;
  font-size:26px;
}
.wrapper {
  width: 100%;
  margin-bottom: 10px;
}
.gallery-top , .gallery-top2 , .gallery-top3 {
  width: 100%;
  bottom: 3px;
}
.gallery-thumbs , .gallery-thumbs2 , .gallery-thumbs3 {
  width: 100%;
}
.gallery-thumbs .swiper-slide , .gallery-thumbs2 .swiper-slide , .gallery-thumbs3 .swiper-slide {
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active , .gallery-thumbs2 .swiper-slide-thumb-active , .gallery-thumbs3 .swiper-slide-thumb-active {
  opacity: 1;
}