* { margin: 0; padding: 0; }
body{ font-family: 'open_sansregular';}
p{margin:0;}
btn{transition: all 0.2s ease-in-out 0s;}
.logo figure { margin: 17px 0; }
.menu { margin: 35px 0 0; }
/*navbar*/
.navbar-nav { float: right; margin: 0; }
.navbar-default { border: none; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: #60b6ff; color: #fff; }
.navbar-default .navbar-nav > li > a { color: #898989; font-weight: bold; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #60b6ff; }
.nav > li > a { border-radius: 15px; display: block; padding: 4px 15px; position: relative; }
.navbar { border: 1px solid transparent; margin-bottom: 0; min-height: 31px; position: relative; }
/*close navbar*/
.banner { border-top: 3px solid #8199a9; border-bottom: 20px; }
.slider-txt-main { margin: 0 auto 90px; width: 60%; padding: 30px; box-sizing: border-box; background: url(../images/banner-bg.png) repeat; }
.slider-txt-main h2 { margin: 10px 0; font-size: 42px; color: #fff; text-transform: uppercase; font-weight:bold;  font-family: 'open_sansbold';}
.slider-txt-main p { margin: 0; font-size: 15px; color: #fff; font-style: italic; color: #000; }
.click-to-more {  margin: 19px auto 0;   }
.click-to-more > a { color: #fff; text-decoration: none; font-size: 15px; padding: 5px; border: 1px solid #fff; }
.click-to-more > a:hover{background:#36a2ff; border:1px solid #36a2ff;}
.who-we-are-main { margin-top: 70px; }
.who-we-are-main h1 {
   color: #2d2c32;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 3px;
    padding-bottom: 24px;
	text-transform: uppercase;
	 font-family: "open_sansbold";
}
.banner .carousel-control{top:0;}

.who-we-are-main h6 { color: #aaaaaa;
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 24px;
    padding-bottom: 26px;text-transform: uppercase; }
	
	
.who-we-are-main > p {
    color: #94949d;
    font-size: 14px;
    line-height: 1.6;
}
.zoom .home-img-set {
    margin: 0 10px 20px;
    width: 44%;
}

.who-we-are-main .welcome-btn{
    border: 1px solid #dcdcdc ;
  
}




.product-main-box { width: 100%; margin-top: 50px; padding: 0; }
.product-box1 > figure { float: left; margin-right: 43px; }
.product-box2 > figure { float: left; margin-top: 50px; }
.product-box3 > figure { float: left; margin-right: 43px; }
.product-box4 > figure { float: left; margin-top: 50px; }
.cnc-service-bg { background: #2d2c32; width: 100%; margin: 20px 0; }
.services-txt > h2 { color: #b4b4b4; font-size: 30px; padding: 65px 0 20px; margin: 0; text-transform: uppercase; }
.services-txt > h6 { color: #b4b4b4; font-size: 13px; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase; }
.services-txt > p {
    color: #949494;
    font-size: 14px;
    line-height: 24px;
}
.more-button { border: 1px solid #36a2ff; margin: 30px 0; padding: 5px; text-align: center; width: 130px; }
.more-button > a { color: #36a2ff; text-decoration: none; text-transform: capitalize; }
.more-button:hover{background:#36a2ff; color:#fff;}
.more-button:hover a{color:#fff;}
.what-we-do { border-left: 1px solid #35343b; display: block; margin-top: 70px; padding: 0 0 0 30px; }
.what-we-do h3 { color: #3e3d44; font-weight: bold; margin: 0; text-transform: uppercase; font-size: 40px; }
.what-we-do > h2 { color: #3e3d44; font-size: 70px; text-transform: uppercase; font-weight: bold; }
.what-we-do h4 { color: #fff; font-size: 30px; text-transform: uppercase; font-weight: bold; }
.who-we-are-main .welcome-btn  a{color:#555;}
.who-we-are-main .welcome-btn:hover{background:#eee; color:#555 !important;}
.our-quality.clearfix {
    list-style: outside none none;
}

.info-container .our-quality {
    border-top: 1px solid #c0c0c0;
    list-style: outside none none;
    margin-top: 41px;
}
.info-container .our-quality li {
    color: #717171;
    cursor: pointer;
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin-top: -15px;
    width: 33.33%;
}
.info-container .our-quality strong {
    display: block;
    margin-top: 18px;
}
.info-container .our-quality span {
    display: block;
    font-weight: 400;
}
.info-container .our-quality i.check-svg {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 50%;
    color: #c0c0c0;
    display: block;
    height: 29px;
    text-align: center;
    vertical-align: middle;
    width: 29px;
}
.our-quality i.check-svg .fill {
    fill: #c0c0c0;
}
.our-quality i.check-svg .stroke {
    stroke: #c0c0c0;
}
.info-container .our-qualityi::before {
    position: relative;
    top: 1px;
}
.info-container .our-images {
    text-align: right;
}
.info-container .our-images ul {
    display: inline-block;
    list-style: outside none none;
    padding-top: 23%;
    vertical-align: top;
}
.info-container .our-images ul:first-child {
    padding-top: 0;
}
.info-container .our-images ul li {
    padding: 0 0 20px 20px;
}
.info-container .our-images ul li figure {
    overflow: hidden;
}
.our-quality li:hover i.check-svg .stroke, .our-quality li.active i .stroke {
    stroke: #f38929;
    transition: all 0.2s ease-in-out 0s;
}


/*gallery slider*/

.carousel-control.right { background: none; }
.carousel-control.left { background: none; }
.gallery-slider .thumbnail { background-color: #6e6e6e; border-radius: 0; }
.gallery-pro-title { background: rgba(0, 0, 0, 0) url("../images/gallery-title-bg.png") repeat scroll 0 0; bottom: 0; color: #fff; float: left; padding: 10px; position: absolute; text-align: center; width: 100%; font-weight:bold; }
.photo-box {
    position: relative;
}

/*----------close index page-------------*/



.about-us { margin-top: 70px; }
.about-us h1 { border-bottom: 1px solid #ccc; font-size: 25px; font-weight: bold; margin: 0; padding: 0 0 5px; text-align: center; text-transform: uppercase; }
.about-us h6 { font-size: 12px; line-height: 20px; text-transform: uppercase; margin: 25px 0; }
.about-us > p { font-size: 13px; line-height: 21px; }
.footer-one-bg{background:#222127; margin:0; padding:0; width:100%;}
.footer-one{margin:0; padding:0;}

/*footer*/

#footer {
    background: #2d2c32 none repeat scroll 0 0;
}
.contact-us-container {
    background: #222127 none repeat scroll 0 0;
}
.contact-us-container .box {
    border-right: 1px solid #28272d;
    color: #828282;
    float: left;
    font-size: 16px;
    line-height: 24px;
    padding: 40px 0;
    width: 25%;
}
.contact-us-container .box strong {
    display: block;
    font-weight: 700;
}
.contact-us-container .box span {
    display: block;
}
.contact-us-container .box span a {
    color: #828282;
}
.contact-us-container .box span a:hover {
    color: #f38929;
}
.contact-us-container .box em {
    float: left;
    font-size: 40px;
    margin-right: 20px;
    vertical-align: top;
}
.contact-us-container .box ul {
    list-style: outside none none;
    padding-left: 30px;
    padding-top: 7px;
    text-align: left;
}
.contact-us-container .box li {
    display: inline-block;
    padding: 0 15px;
}
.contact-us-container .box li a i {
    color: #828282;
    display: inline-block;
    font-size: 20px;
}
.contact-us-container .box li a:hover i {
    color: #36a2ff;
}
.contact-us-container .contact-us {
    border: 2px solid #828282;
    color: #828282;
    float: right;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 12px;
    text-align: center;
    width: 149px;
}
.contact-us-container .contact-us:hover {
    border: 2px solid #36a2ff;
    color: #36a2ff;
    text-decoration: none;
}
.contact-us-container .box.call {
    padding-left: 36px;
}
.contact-us-container .box.last {
    border: medium none;
}
.primary-footer {
    padding:0 ;
}
.primary-footer h3 {
    color: #a0a0a0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 33px;
    margin-bottom: 26px;
    text-transform: uppercase;
}
.primary-footer h3 i {
    background: #36a2ff;
    display: block;
    height: 2px;
    margin-top: 4px;
    width: 33px;
}
.primary-footer p {
    color: #767381;
    font-size: 15px;
    line-height: 24px;
}
.primary-footer .list {
    list-style: outside none none;
}
.primary-footer .list li {
    float: left;
    margin-bottom: 17px;
    width: 50%;
}
.primary-footer .list li a {
    color: #767381;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
}
.primary-footer .list li a:hover {
    color: #36a2ff;
}
#footer .input-field {
    background: #3e3d45 none repeat scroll 0 0;
    margin-top: 30px;
    max-width: 293px;
    overflow: hidden;
    padding: 0 15px 0 20px;
    width: 100%;
}
#footer .input-field .signup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #7e7d80;
    float: left;
    font-size: 14px;
    height: 50px;
    width: 90%;
}
#footer .subimt {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #7e7d80;
    float: right;
    font-size: 23px;
    height: 50px;
    padding: 0;
    width: 10px;
}
#footer .copyright {
    border-top: 1px solid #363539;
    color: #51505a;
    display: inline-block;
    font-size: 15px;
	padding:20px 15px;
    
}
#pageloader {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999999;
}
.m0 {
    margin: 0;
}
.loader-item {
    background: #f38929 none repeat scroll 0 0;
    bottom: 0;
    box-sizing: content-box;
    height: 50px;
    left: 0;
    margin: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.loader-item img {
    width: 100%;
}
.row.animate-effect.footer-link-con {
    padding: 30px 0;
}
.location-svg svg {
    fill: #828282;
}


/*about us*/

#slider {
    position: relative;
    width: 100%;
}
.banner-container {
    background: rgba(0, 0, 0, 0) url("../images/banner-bg.jpg") no-repeat fixed 0 0 / cover ;
    min-height: 214px;
    padding: 86px 0 88px;
}

.banner-container h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 4px;
    line-height: 40px;
	 font-family: "open_sansbold";
	 text-transform:uppercase;
}

.breadcrumbs-box {
    border-bottom: 1px solid #e8e8e8;
}
.breadcrumbs-box ul {
    list-style: outside none none;
    padding: 25px 0 21px;
}
.breadcrumbs-box ul li {
    color: #636364;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    margin: 0 18px;
    position: relative;
    text-transform: uppercase;
}
.breadcrumbs-box ul li:first-child::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    right: -22px;
    top: -1px;
}
.breadcrumbs-box ul li a {
    color: #2d2c32;
}
.about-detail {
    padding: 18px 0 0;
}
.about-detail h3 {
    color: #2d2c32;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 36px;
	 font-family: 'open_sansbold';
}
.about-detail h3 i {
    background: #36a2ff none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin-top: 17px;
    width: 43px;
}
.about-detail h4 {
    color: #636364;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 24px;
    margin-top: 21px;
    text-transform: uppercase;
}
.about-detail p {
    color: #636364;
    line-height: 27px;
    margin: 17px 0 0;
}
.about-img {
    float: right;
    margin-top: 48px;
    overflow: hidden;
    padding-left: 60px;
}
.about-img img {
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 6px 6px;
    vertical-align: top;
}
.about-img .coll {
    float: left;
}
.about-all-con{margin:0 0 10px 0;}

.our_contact {
    min-height: 500px;
    padding: 51px 0;
    position: relative;
}
#success {
    display: none;
    left: 15px;
    position: absolute;
    top: -7px;
}
.our_contact h3 {
    color: #2d2c32;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 4px;
    line-height: 40px;
}
.our_contact h3 i {
    background: #60b6ff none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin-top: 18px;
    width: 42px;
}
.our_contact .left-detail {
    float: left;
    padding: 19px 0 0;
    width: 100%;
}
.our_contact .left-detail strong {
    color: #656565;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 24px;
}
.our_contact .left-detail form {
    margin-top: 60px;
}
.our_contact .left-detail form .coll-1 {
    display: inline-block;
    float: left;
    width: 49%;
}
.contactsuccess{
    float: left;
    width: 100%;
    color: green;
    padding: 8px;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}
.our_contact .left-detail form .coll-1.last {
    margin-left: 2%;
}
.our_contact .left-detail input[type="text"] {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    color: #777575;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 17px;
    padding: 17px 30px;
    width: 100%;
}
.our_contact .left-detail .box {
    background: #f4f4f4 none repeat scroll 0 0;
    float: left;
    padding: 23px 28px;
    width: 100%;
}
.our_contact .left-detail textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:1px solid #dfdfdf;
    color: #777575;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 150px;
    letter-spacing: 1px;
    line-height: 16px;
    resize: none;
    width: 100%;
	padding:20px;
}
.our_contact .left-detail input[type="button"] {
    background: #60b6ff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: 700;
    height: 53px;
    letter-spacing: 1px;
    line-height: 21px;
    margin-top: 10px;
    padding: 16px 10px;
    text-align: center;
    width: 184px;
}
.our_contact .left-detail input[type="button"]:hover {
    background: #fff none repeat scroll 0 0;
    color: #60b6ff;
}
.our_contact .right-detail {
    float: left;
    padding-left: 65px;
    width: 100%;
}
.our_contact .right-detail .social-icons {
    display: block;
    padding: 0 45px;
}
.our_contact .right-detail .social-icons a {
    color: #828282;
    display: inline-block;
    font-size: 20px;
    margin-right: 40px;
}
.our_contact .right-detail .social-icons a:last-child {
    margin-right: 0;
}
.our_contact .right-detail .social-icons a:hover {
    color: #60b6ff;
}
.our_contact .right-detail address {
    background: #2d2c32 none repeat scroll 0 0;
    line-height: 1;
    margin: 43px 0 0;
    padding: 29px 34px 2px;
}
.our_contact .right-detail address strong {
    color: #b4b4b4;
    font-size: 26px;
    letter-spacing: 2px;
    line-height: 28px;
}
.our_contact .right-detail address ul {
    list-style: outside none none;
    margin-top: 45px;
}
.our_contact .right-detail address li {
    margin-bottom: 32px;
    padding-left: 47px;
    position: relative;
}
.our_contact .right-detail address li i {
    color: #828282;
    left: 0;
    position: absolute;
    top: -1px;
}
.our_contact .right-detail address li i.fa-map-marker {
    font-size: 32px;
}
.our_contact .right-detail address li i.fa-phone {
    font-size: 24px;
}
.our_contact .right-detail address li i.fa-print {
    font-size: 24px;
}
.our_contact .right-detail address li i.fa-envelope-o {
    font-size: 20px;
}
.our_contact .right-detail address li span {
    color: #b4b4b4;
    display: block;
    font-size: 14px;
    letter-spacing: 1.2px;
    line-height: 18px;
    padding-bottom: 7px;
}
.our_contact .right-detail address li span a {
    color: #b4b4b4;
}
#map {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.map.embed-responsive.embed-responsive-16by9 {
    height: 335px;
    padding-bottom: 0;
}
.gmnoprint, .gm-style-cc {
    display: none;
}
.mapmarker {
    font-size: 60px;
    position: relative;
    top: -20px !important;
}
.map-box {
    text-align: center;
}

	
/*projecrs*/
.project-list {
    list-style: outside none none;
    padding: 23px 0 0;
}
#project-gallery {
    padding-bottom: 10px;
}
.project-list > li {
    background: #f7f7f7 none repeat scroll 0 0;
   
    transition: all 0.5s ease 0s;
    width: 100%;
}
.project-list > li a {
    display: block;
}
.project-list > li img {
    width: 100%;
}
.project-list .detail {
    float: left;
    padding: 0 45px 39px 15px;
    position: relative;
    width: 50%;
}
.project-list .detail::before {
    background: rgba(0, 0, 0, 0) url("../img/tag-arrow-left.png") no-repeat scroll 0 0;
    height: 28px;
    position: absolute;
    right: -15px;
    top: 50px;
    width: 15px;
}
.project-list > li:nth-child(2n) .detail::before {
    background: rgba(0, 0, 0, 0) url("../img/tag-arrow.png") no-repeat scroll 0 0;
    left: -15px;
    right: auto;
}
.project-list > li:nth-child(2n) figure {
    float: left;
}
.project-list .detail h4 {
    color: #4e4d51;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
}
.project-list .detail h4 a {
    color: #4e4d51;
}
.project-list .detail h4 span {
    display: block;
}
.project-list .detail h4 i {
    background: #60b6ff none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin-top: 21px;
    width: 42px;
}
.project-list .detail ul {
    list-style: outside none none;
    padding: 28px 0 19px;
}
.project-list .detail ul li {
    float: left;
    margin-right: 34px;
}
.project-list .detail ul li a i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #989899;
    font-size: 30px;
    margin-right: 8px;
}
.project-list .detail ul li a span {
    color: #989899;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 23px;
    text-transform: uppercase;
}
.project-list .detail h5 {
    color: #6c6c6c;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 16px;
    text-transform: uppercase;
}
.project-list p {
    color: #989899;
    font-size: 14px;
    line-height: 24px;
}
.project-list .view {
    background: #f38929 none repeat scroll 0 0;
    border: 1px solid #f38929;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 17px;
    margin-top: 34px;
    padding: 14px 24px;
}
.project-list .view:hover {
    background: #fff none repeat scroll 0 0;
    color: #f38929;
}
.project-list figure {
    float: right;
    overflow: hidden;
    width: 50%;
}
.project-category-1 {
    padding: 65px 0;
}
.project-category-1 h3 {
    color: #2d2c32;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 36px;
}
.project-category-1 h3 span {
    display: block;
}
.project-category-1 h3 i {
    background: #f38929 none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin-top: 14px;
    width: 42px;
}
.img-thumb:hover img, .img-thumb:focus img, .zoom:hover img {
    transform: scale(1.1);
    transition: all 0.2s ease-in-out 0s;
}
.product-main-box:hover img{transform: scale(0.9);
    transition: all 0.2s ease-in-out 0s;}


.welcome-con{margin:0 0 50px 0;}

.gallery-slider {
    padding: 30px 0;
}

 .carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 52px;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 20%;
    width: 6%;
}

.product-main-box.zoom .home-img-set:nth-child(2) {
    position: relative;
    top: 30px;
}


.product-main-box.zoom .home-img-set:nth-child(4) {
    position: relative;
    top: 30px;
}
.image-cover {
    background: rgba(0, 0, 0, 0) url("../images/image-slide.png") repeat scroll center top / 100% 100%;
    height: 94%;
    left: 3%;
    position: absolute;
    top: 3%;
    width: 94%;
}
	
/*photo gallery*/
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.photo-gallery-box{margin:20px 0 0 0;}
.product-box1, .product-box2 ,  .product-box3,  .product-box4 {
    margin: 0;
    width: 31%;
	float:left;
}


.product-main-box > .product-box1 > figure , .product-main-box > .product-box2 > figure, .product-main-box > .product-box3 > figure, .product-main-box > .product-box4 > figure {
    float: left;
    width: 100%;
	margin:0;
	position:relative;
}

.product-main-box .product-box1 img, .product-main-box .product-box2 img, .product-main-box .product-box3 img, .product-main-box .product-box4 img {
    width: 100%;
}
#gallery-content {
    clear: both;
}

.table-responsive.main-title h3 {
    margin: 30px 0 15px;
}

/*--right tab--*/


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
 
  margin:20px 0;
 

  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #60b6ff;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #60b6ff;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}


.pro-tab-img > p {
    font-size: 11px;
    text-align: justify;
	    margin: 10px 0 0;
}

.pro-tab-img h5 {
    font-weight: bold;
    text-align: left;
	text-transform: capitalize;
}

.tab-read.more {
    background: #36a2ff none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 20px;
    padding: 5px 9px;
    text-align: left;
}

.tab-read.more a{text-decoration:none; color:#fff;}
.tab-read.more:hover{background:#1682cf; }
.pro-tab-img > img {
    width: 100%;
}
.pro-tab-img > img:hover{transition:background 2s linear 1s; opacity:0.6}

.thumbnail > img:hover {
    opacity: 0.6;
	background:#000;
}

.photo-gallery-box iframe {
    margin: 0 0 30px;
}

.photo-gallery-box iframe:hover{border:3px solid #60b6ff;}

.thumbnail > img {
  margin-top: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}

.thumbnail > img:hover  {
  margin-top: -5px;
}


.photo-gallery-box h4 {
    background: #dedede none repeat scroll 0 0;
    border-bottom: 3px solid #cfcfcf;
    float: left;
    font-size: 16px;
    margin: 10px 0 15px 16px;
    padding: 5px 10px;
    width: 97.3%;
}

.gallery-pro-title > a {
    color: #fff;
}

.bhoechie-tab-content p {
    margin: 0 0 25px 15px;
    text-align: left;
}

@media (min-width:992px) and (max-width:1200px) {
	
.carousel-caption {
    left: 20%;
    padding-bottom: 30px;
    right: 20%;
    top: 10px;
}	

.product-box1, .product-box2, .product-box3, .product-box4 {
    float: left;
    margin: 8px;
    width: 46%;
}

.contact-us-container .box{ font-size: 14px;}


	}

@media (min-width:768px) and (max-width:991px) {
.nav > li > a{   font-size: 13px;}
.slider-txt-main {
    margin: 0;
    padding: 10px 10px 20px;
    position: relative;
    top: 10px;
    width: 90%;
}

.slider-txt-main h2{margin: 0 0 10px;}

.product-box1, .product-box2, .product-box3, .product-box4 {
    float: left;
    margin: 0;
    width: 47%;
}



.who-we-are-main h1{padding-bottom:0;}

.who-we-are-main h6{ line-height: 20px; padding-bottom:0;  font-size: 12px;}
.who-we-are-main > p{font-size:13px;}
.info-container .our-quality strong {
    font-size: 12px;
	margin-top:5px;
}


.gallery-pro-title{font-size: 10px;}
.contact-us-container .box{ font-size: 12px;}	
.contact-us-container .box em{margin-right: 10px;}
.contact-us-container .box.call {
    padding-left: 18px;
}
.primary-footer p {font-size: 12px;}
#footer .copyright{ font-size: 12px;}

.who-we-are-main {
    margin-top: 50px;
}

.who-we-are-main h1 {
    font-size: 26px;
}

.services-txt > h6{ font-size: 12px;}
.who-we-are-main > p {
    font-size: 13px;
}

.carousel-control{ top: 26%;}

.our_contact .right-detail{padding-left:0;}

	
	}

@media (max-width:767px) {
	
.menu {
    margin: 20px 0 0;
}

.carousel-caption{top:0;}

.slider-txt-main{padding:6px; width: 80%;}

.slider-txt-main h2{ font-size: 24px;}

.slider-txt-main p{font-size: 13px;}
.click-to-more{ margin: 19px auto 10px;}


.banner .carousel-control{top:0;}	
.banner .carousel-control{font-size: 20px ;}
.mobile-nav-top {
    margin: -90px 0 0;
}
	.navbar-collapse.collapse.in {
   
}

.nav.navbar-nav {
    width: 100%;
	
	 margin: 10px 0;
   
    width: 100%;
}
.navbar-header {
    padding: 0 0 20px;
}
.nav > li {
    display: block;
    margin: 5px 0;
    position: relative;
}

.what-we-do{margin-top: 0;}

.cnc-service-bg{ padding: 0 0 40px;}

.contact-us-container .box{width:100%;}

.contact-us-container .box.call {
    padding-left: 10px;
}

.contact-us-container .box, .contact-us-container .box.last{ border-bottom: 1px solid #2e2e2e; padding: 20px 0;}
.contact-us-container .contact-us{float:left;   margin: 0 0 0 30px;}
.contact-us-container .box ul{margin-bottom:0;}
.our_contact .right-detail{padding-left:0;}
.modal-dialog {
    margin: 10px auto;}
	
	.table-responsive{clear:both;}

.project-list .detail {
    float: left;
    padding: 0 15px;
    position: relative;
    width: 100%;
}
.project-list{padding:0;}

.project-list figure {
    clear: both;
    float: right;
    overflow: hidden;
    padding: 15px;
    width: 100%;
	margin: 0 0 30px;
}

	}

@media (max-width:480px) {
.slider-txt-main{width:100%;}	
.carousel-caption{padding-top:0;}

.about-img {
    float: right;
    margin-top: 30px;
    overflow: hidden;
    padding-left: 0;
}

.about-all-con {
    margin: 0 0 40px;
}

.about-detail {
    padding: 0;
}

.about-detail h3{ font-size: 23px;}
.about-img .coll {
    float: left;
    width: 100%;
}

.about-img img{margin:0 0 5px 0;}	

 .our_contact .left-detail form .coll-1{width:100%;}
 .our_contact .left-detail form .coll-1.last{margin-left:0;}
.our_contact h3{font-size: 30px;}	
.our_contact{padding-top:0;}

.table-responsive > .table {
    font-size: 12px;
    margin-bottom: 0;
}

	}

@media (max-width:360px) {
	
	
	.slider-txt-main{display:none;}
	.info-container .our-quality strong {
  
    font-size: 11px;
  margin-top: 4px;
      line-height: 18px;
}
	
	.zoom .home-img-set {
    float: none;
    margin: 0 auto;
    width: 300px;
}

.product-main-box.zoom .home-img-set:nth-child(2), .product-main-box.zoom .home-img-set:nth-child(4){top:0}
.product-main-box {
    margin-top: 30px;}	
	
	.zoom .home-img-set {
    display: inline-block;
    float: none;
    margin: 0 auto 20px;
    width: 300px;
}

.product-main-box{text-align:center;}
.welcome-con {
    margin: 0;
}

.services-txt > h6{  line-height: 25px;}
.services-txt > h2{ padding: 25px 0 15px;}	

#footer .copyright{    font-size: 11px;}

.who-we-are-main {
    margin-top: 30px;
}

.who-we-are-main h1{font-size: 25px;  padding-bottom: 5px;}

.who-we-are-main h6{padding-bottom: 0;}

.services-txt > h2{font-size: 24px;}

.what-we-do > h2 {
    margin: 0;
    padding: 16px 0;
}
.our_contact .right-detail address{ padding: 29px 14px 2px;}

	
	}

@media (max-width:320px) {
	
.slider-txt-main{display:none;}	
	
	}
	
.contactbutton{
    background: #60b6ff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: 700;
    height: 53px;
    letter-spacing: 1px;
    line-height: 21px;
    margin-top: 10px;
    padding: 16px 10px;
    text-align: center;
    width: 184px;
    
}
.contactbutton:hover{
    background: #fff none repeat scroll 0 0;

color: #60b6ff;
}