a{color:#333 !important;}

.wsmenu{width:65% !important; float:right !important;}

body.boxed {

    

    background-repeat: repeat;

    background-position: left top;

    font-family: 'PT Sans Narrow', sans-serif;

}

.blink_me {

  animation: blinker 1.5s linear infinite;

    color:#4bacc6;

}



@keyframes blinker {  

   10% { opacity: 0;  } 

    20% { opacity: 1; color:#232323; }

  50% { opacity: 0;  }       

}

.wsmenu > .mail {

    width: 100%;

}

.wsmenu > .mail li {

   float: right;

    margin:10px 20px 0px 0px;

    list-style: none;

    font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

}

.wstmegamenucoll .product-img{width:22.2%; float: left; margin-right: 15px; height: 140px; }

.wstmegamenucoll .product-img a{margin-top:10px; clear: both; font-size: 13px; font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif; font-weight: 600;} 

.jssorb03 {

            position: absolute;

        }

        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {

            position: absolute;

            /* size of bullet elment */

            width: 21px;

            height: 21px;

            text-align: center;

            line-height: 21px;

            color: white;

            font-size: 12px;

            background: url('../img/b03.png') no-repeat;

            overflow: hidden;

            cursor: pointer;

        }

        .jssorb03 div { background-position: -5px -4px; }

        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }

        .jssorb03 .av { background-position: -65px -4px; }

        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }



        /* jssor slider arrow navigator skin 03 css */

        /*

        .jssora03l                  (normal)

        .jssora03r                  (normal)

        .jssora03l:hover            (normal mouseover)

        .jssora03r:hover            (normal mouseover)

        .jssora03l.jssora03ldn      (mousedown)

        .jssora03r.jssora03rdn      (mousedown)

        .jssora03l.jssora03ldn      (disabled)

        .jssora03r.jssora03rdn      (disabled)

        */

        .jssora03l, .jssora03r {

            display: block;

            position: absolute;

            /* size of arrow element */

            width: 55px;

            height: 55px;

            cursor: pointer;

            background: url('../img/a03.png') no-repeat;

            overflow: hidden;

        }

        .jssora03l { background-position: -3px -33px; }

        .jssora03r { background-position: -63px -33px; }

        .jssora03l:hover { background-position: -123px -33px; }

        .jssora03r:hover { background-position: -183px -33px; }

        .jssora03l.jssora03ldn { background-position: -243px -33px; }

        .jssora03r.jssora03rdn { background-position: -303px -33px; }

        .jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }

        .jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }

.about{ width:100%; float: left; background: #f1f1f1; padding: 30px 15px;}

.about h1{ margin-top:0px; text-align:center;}

.about p{ font-size: 16px; text-align:center; line-height:35px;} 

.content{width:100%; float: left; height:auto; clear: both; background: #fff; padding: 30px 0px;}

.content h1{font-size: 18px; padding:4px 0px; text-transform: uppercase; font-weight: 600; color:#156D84; text-shadow:1px 1px 2px #ccc; min-height:48px; font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif; }

.content p{font-size: 14px; line-height: 25px; font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif; color:#333; font-weight: 600;}

.content a{font-size: 16px; font-weight: 600; font-family: 'Signika', sans-serif; border-radius:0px;  }

.content .col-lg-3{width:33%;}

.footer{padding: 20px 0px; width: 100%; float: left; height:auto; background: #292929;}

.footer p{margin:0px; color:#ccc; font-size: 14px; font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;}

.footer a{color:#4bacc6 !important;}

.social-icons li{float:left; list-style: none; margin:0px 10px;}

.social-icons li a{padding:10px; color:#fff !important;} 

.slidershadow {

    float: left;

    width: 100%;

    height: 32px;

    background: url(../img/shadow.png) no-repeat center top;

    position: relative;

    z-index: 999;

}

/* why*/

.why{width: 100%;

    float: left;

    background: #fff;

    padding: 30px 15px;}

.why h1{text-align: center;}

.why p{text-align: center; font-size: 16px; margin-bottom: 15px;}

.why ul li{font-size: 16px; padding:10px 0px;}



.head{

	    font-size: 25px !important;

    padding: 4px 0px;

    text-transform: uppercase;

    font-weight: 600;

    color: #156D84;

    text-shadow: 1px 1px 2px #ccc;

    min-height: 48px;

    font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

}



h2{

		    font-size: 23px !important;

    padding: 4px 0px;

    text-transform: uppercase;

    font-weight: 600;

    color: #8a6d3b;

    text-shadow: 1px 1px 2px #ccc;

    min-height: 48px;

    font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

}



.para{

	text-align:justify 	;

	padding:12px;

}



.point{

	font-size:14px;

	font-family:Arial;

}



.para1{

	padding:0px;

}



@media only screen and (min-device-width: 1366px){

.content p {

    min-height: 0px !important;

}

}





@media only screen and (min-device-width: 1024px){

.content p {

     min-height: 0px; 

}

}





.seal-table{

	font-family:Arial;

}



.seal-table1{

	margin-top:0px;

}



.seal-table td{

	padding:0px 5px;

	font-size:12px;

}



.seal-table1 td{

	padding:0px 5px;

}



.seal-table2 td{

	padding:0px 5px;

}



.career{

	padding:90px 0px !important;

}



.address{

	

	list-style:none;

	min-height:310px;

}



.address li{

	font-size:17px;

	padding:10px 20px 0px 40px;

    color:#000;

	font-family:Arial;

	}

	

	

.red{

    color:red;

    }

.form-area

{

    background-color: #FAFAFA;

	padding: 10px 40px 60px;

	margin: 10px 0px 60px;

	border: 2px solid #ddd;

	}

	

	

	

	.sentence{

		text-align: center;

  padding: 10px 20px;

	}

	



.idea{

    font-size: 32px;

    padding: 4px 0px;

	text-align:center;

    text-transform: uppercase;

    font-weight: 600;

    color: #156D84;

    text-shadow: 1px 1px 2px #ccc;

    min-height: 48px;

    font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

	margin-top:35px;

}



.slide-caption{

	font-size:30px;

	color:#fff;

}



.portfolio {

    float: left;

    margin: 10px 20px 10px 0px;

    border: 3px solid #d9d9d9;

    padding: 0px;

    -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;

	    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

}



.portfolio .portfolio-thumb {

    border-bottom: 1px solid #ffffff;

    float: left;

    padding: 0px;

    position: relative;

    overflow: hidden;

}



.portfolio .image-overlay {

    transition: opacity .5s ease-in-out;

    -moz-transition: opacity .5s ease-in-out;

    -webkit-transition: opacity .5s ease-in-out;

    opacity: 0;

    filter: alpha(opacity=0);

    background: url(../img/transparent-bg.png) repeat;

    width: 100%;

    height: 100%;

    float: left;

    position: absolute;

    top: 0px;

    left: 0px;

}



.portfolio:hover .image-overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    transition: opacity .5s ease-in-out;

    -moz-transition: opacity .5s ease-in-out;

    -webkit-transition: opacity .5s ease-in-out;

}



.portfolio .portfolio-detail {

    background: #ededed;

    border-bottom: 1px solid #ffffff;

    padding: 15px 0px;

    float: left;

    clear: both;

    width: 100%;

    margin: 0px 0px 1px;

    text-align: center;

    -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;

}



.portfolio .portfolio-detail h5, .portfolio .portfolio-detail p {

    padding: 0px 10px;

    margin: 0px;

    -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;

}



.portfolio .portfolio-detail p {

    color: #919191;

}



.portfolio:hover{

    border-bottom-color: #7aa127;

}



.portfolio:hover .portfolio-detail{

	    background: #7aa127;

}



.portfolio .portfolio-thumb img{

	    transition: all 300ms linear;

		width:100%;

}



#footer {

    float: left;

    width: 100%;

    margin: 0px;

    padding: 10px 0px 0px;

    border-top: 5px solid #dddddd;

    background: #333334;

	color:#fff;

}



.foot-about{

	padding:0px 10px 0px 0px;

}



.foot-about1{

	padding:0px 10px 0px 30px;

}



.foot-about h3{

	color:#fff;

	font-size:20px;

}



.foot-about p{

	color:#fff;

	font-size:15px;

	padding:15px 0px 0px 0px;

}



.foot-btn{

float:right;

color:#fff;	

}



.foot-services li{

	color:#fff;

	font-size:15px;

	padding-top:10px;

}



.foot-services li a{

	font-size:15px;

	color:#fff !important;

	text-decoration:none;

}



.foot-address ul{

	padding-left:0px !important;

}



.foot-address ul li{

	list-style:none;

	color:#fff;

	padding-top:10px;

}



.foot-address ul li a{

	color:#fff;

	

}



.foot-address ul li i{

	padding-right:10px;

}



.power{

	float:right;

	color:#fff;

}



.social-icons{

	float:left !important;

	padding-left:0px !important;

}



.wsshoplink-active{

	    box-shadow: 0 2px 2px hsla(0, 0%, 53%, 0.5);

}



.content-bg{

	background-color:#ddd;

	padding:30px 0px;

}





.content1 {

    width: 100%;

    float: left;

    height: auto;

    clear: both;

    background: #ddd;

}



.para1{

	padding-top:0px !important;

}



.carousel-inner::after{

	    transition: opacity .5s ease-in-out;

    -moz-transition: opacity .5s ease-in-out;

    -webkit-transition: opacity .5s ease-in-out;

    opacity: 0;

    filter: alpha(opacity=0);

    background: url(../img/transparent-bg.png) repeat;

    width: 100%;

    height: 100%;

    float: left;

    position: absolute;

    top: 0px;

    left: 0px;

}



.para1{

	font-family:Arial;

	font-size:15px;

	text-align:justify;

	line-height:25px;

}



.page-header {

    position: relative;

    padding: 50px 0 50px 0;

    border-top: 0;

    margin-top: 0;

    margin-bottom: 0 !important;

    background-color: rgba(0,0,0,0.05);

    border-bottom: rgba(0,0,0,0.05) 1px solid;

    -webkit-transition: all 0s;

    -moz-transition: all 0s;

    -o-transition: all 0s;

    transition: all 0s;

}



.page-header h1 {

    margin: 0;

    padding: 0;

    font-size: 26px;

}



.breadcrumb{

	left:auto;

	right:0;

	position: absolute;

    font-size: 12px;

    top: 50%;

    right: 3%;

    margin-top: -15px;

    background: transparent;

    margin-bottom: 0;

    z-index: 10;

}



.head{

	text-align:center;

}



.head1{

	font-size: 25px !important;

    padding: 4px 0px;

    text-transform: uppercase;

    font-weight: 600;

    color: #156D84;

    text-shadow: 1px 1px 2px #ccc;

    min-height: 48px;

    font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

	text-align:center;

	margin-top:40px;

}



.featured-item.border-box{

	padding: 30px 20px 20px 20px;

    text-align: center;

    border: 1px solid #eee;

    background-color: #fff;

	margin:40px 0px;

}





.radius-4 {

    border-radius: 4px;

}



.featured-item{

	 transition: all 0.3s ease;

}



.brand-hover:hover {

    background-color: #4bacc6 !important;

}



.featured-item.border-box:hover h2, .featured-item.border-box:hover .icon {

    color: #fff;

}



.featured-item.border-box:hover {

    color: #fff;

    border: 1px solid transparent;

    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

   

.featured-item .icon{

	    font-size: 40px;

    line-height: 40px;

}



.head2{

	font-size:25px;

	text-align:center;

	font-family:Arial;

}



.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

	height:450px !important;

}



.slider-caption{

	background:rgba(0,0,0,.5);

	padding:10px 10px;

}







@media only screen and (max-width: 919px){

	.smallogo{

		width:100% !important;

	}

}



.desc img{

	width:100%;

}



.para2{

	margin:20px 0px;

}



p, a, span, li{

	font-family:Arial;

}





.foot-address li a{

	color:#fff !important;

}



.point{

	list-style:none;

	    padding: 10px 0px 10px 20px;

}



.point1{

	list-style:none;

	    padding: 10px 0px 10px 20px;

}



.box-height{

	min-height:360px;

}



.box-bg{

	     width: 100%;

    margin: 20px 0px;

    background: #e2e4e6;

    margin-top: 10px;

    border: 5px solid #FFF;

    box-shadow: 0 0 15px rgba(0,0,0,0.298);

    padding-bottom: 10px;

}



.seal-table{

	margin-top:20px;

}



.head3{

	margin-top:20px;

	    font-size: 25px !important;

    padding: 4px 0px;

    text-transform: uppercase;

    font-weight: 600;

    color: #156D84;

    text-shadow: 1px 1px 2px #ccc;

    min-height: 48px;

    font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

}



.content-bg img{

	width:100%;

	margin-top:10px;

	box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.2);

	border:5px solid #fff;

}



.content-bg p{text-align:justify;}



.dam img{

	width:100%;

	margin-top:10px;

	box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.2);

	border:5px solid #4bacc6;

}



.dam p{text-align:justify;}



.dam{

	background-color:#ddd;

	padding:30px 0px;

}







.joint{

    background: #1a4a72 none repeat scroll 0 0;

    border: medium none;

    color: #fff !important;

    display: block;

    float: left;

    max-width: 100px;

    min-width: 100px;

    padding: 0.5em 0em;

	font-size:12px;

	top:30%;

    position: relative;

    vertical-align: middle;

    z-index: 1;

}



.view{

	background:#a94442;

	color:#fff !important;

	padding:12px 20px;

	box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1);

	border-radius:5px 5px 5px 5px;

}



.view i{padding-right:10px;}

.download i{padding-right:10px;}



.download {

    background: #3c763d;

    color: #fff !important;

    padding: 12px 10px;

    

    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);

    border-radius: 5px 5px 5px 5px;

}



.view:hover, .download:hover{

	text-decoration:none;

}





/*  bhoechie tab */

div.bhoechie-tab-container{

  z-index: 10;

  background-color: #ffffff;

  padding: 0 !important;

 

  margin-top: 20px;

 

}

div.bhoechie-tab-menu{

 z-index: 10;

    background-color: #ffffff;

    padding: 0 !important;

    border-radius: 4px;

    -moz-border-radius: 4px;

     border: 1px solid #ddd;

    margin: 20px 0px 20px 0px;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

     box-shadow: 0 6px 12px rgba(0,0,0,.175);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

     background-clip: padding-box;

     opacity: 0.97;

    filter: alpha(opacity=97);

}

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: #1c7288;

  background-image: #1c7288;

  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 #1c7288;

}



div.tab-content{ 

  background-color: #ffffff;

  border: 1px solid #eeeeee;

  padding-left: 20px;

  padding-top: 10px;

   z-index: 10;

    background-color: #ffffff;

    padding: 0 !important;

    border-radius: 4px;

    -moz-border-radius: 4px;

     border: 1px solid #ddd;

   

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

     box-shadow: 0 6px 12px rgba(0,0,0,.175);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

     background-clip: padding-box;

     opacity: 0.97;

    filter: alpha(opacity=97);

}



div.bhoechie-tab-content p{

	margin:20px 0px;

	text-align:justify;

}



div.bhoechie-tab div.bhoechie-tab-content:not(.active){

  display: none;

}



div.bhoechie-tab-menu div.list-group>a.active{

	color:#fff !important;

}



.bhoechie-tab-content img{

	

width: 100%;

    margin: 20px 0px;

    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.2);

    border: 5px solid #fff;

	}





.bhoechie-tab-content{



  border: 1px solid #eeeeee;

  padding-left: 20px;

  padding-top: 10px;

   z-index: 10;

    background-color: #ddd;

    padding: 0 !important;

    border-radius: 4px;

    -moz-border-radius: 4px;

     border: 1px solid #ddd;

   margin:20px 0px;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

     box-shadow: 0 6px 12px rgba(0,0,0,.175);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

     background-clip: padding-box;

     opacity: 0.97;

    filter: alpha(opacity=97);

}



.list-group-item.active{

	border-color:#1c7288 !important;

}
/*.icon_log img{
	padding:0px 108px;
}*/
img.imgc_trds {
    border: none;
    box-shadow: none;
    width: 58%;
    margin-top: 0px;
}
a.color_ytrd{
	background: tomato;
}

.flat img{

	width:70%;

}