@charset "utf-8";
html {
	padding:0;
	margin:0;
	color:#615435;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
	margin:0;
	padding:0
}

body {
	width:100%;
	overflow-x:hidden;
	font-family: Arial,sans-serif!important;
}
*:focus {
    outline: none !important;
}
li {
	list-style-type:none
}
a {
	color:#575757
}
.cur {
	cursor:pointer
}
img {
	border:0
}
.after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden
}
.full-width {
	width:100%;
	float:left;
}
.relative {
	position:relative
}
.absolute {
	position:absolute
}
.floatLeft {
	float:left
}
.floatRight {
	float:right
}
a {
	outline:none;
	text-decoration:none;
	cursor:pointer
}
#maincontainer {
	width:100%;
}
.centered {
	width:1398px;
	margin:0 auto;
}

a:focus, a:hover{
    color: inherit !important;
}

.footer-news-box a:active{
    color: #fff;
}

.carousel{
    overflow: hidden;
}



.tc{text-align: center}
.fw{width: 100%}
.fh{height: 100%}
.fwn{font-weight: normal}
.fwb{font-weight: bold}
.fwl{font-weight: lighter}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.dn{display:none}
.cur{cursor: pointer}
.abs{position: absolute}
.rel{position: relative}
.fix{position: fixed}

.menu_holder{
    display: block;
    width:100%;
    height:auto;
    background: #6a6b6d !important;
}
.green{background: lightgreen}
.grey{background: lightgrey}
.red{background: red}
.blue{background: lightblue}
.ls{
	box-shadow: -10px 0px 10px 0px #b4b4b4;
    -webkit-box-shadow: -10px 0px 10px 0px #b4b4b4;
}

.rs{
    box-shadow: 10px 0px 10px 0px #f3f3f3;
    -webkit-box-shadow: 10px 0px 10px 0px #f3f3f3;
}

.bs{-webkit-box-shadow: 0 -3px 12px 0px rgba(0,0,0,0.64);
    box-shadow: 0 -3px 12px 0px rgba(0,0,0,0.64);}
.ts{
    -webkit-box-shadow: 0 -10px 20px 0px #b4b4b4;
    box-shadow: 0 -10px 20px 0px #b4b4b4;
}

.bebasNeueBold{
    font-family: 'Bebas Neue' !important;
    font-weight: bold;
    font-style: normal;
}

.bebasNeueRegular{
    font-family: 'Bebas Neue Regular' !important;
    font-weight: normal;
    font-style: normal;
}

.helveticaNeue{
    font-family: 'Arial' !important;
}

.helveticaNeueLight{
    font-family: 'Arial' !important;
}

.helveticaNeueRegular{font-family: 'Arial' !important;}



.header{
	width: 100%;
}





.logo{ background:#fff;}
.logo img{
    padding:11px 0;
    margin: 0 auto;
}

.padding-10{padding: 10px}
.green-color{
    color: #5eba46;
}

.header-slider{
    height: 63px;
    background: #646567;
    border-bottom:5px solid #5eba46;
}

.gray-color{
    color: #6a6b6d;
}
.green-bg{
    background: #5eba46;
}

/*.row {*/
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
/*}*/
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.ex-form{
    background: #747474;
    border-radius: 5px;
    margin: 0 0 3px 0;

}
.slider-arrow img{

    /*background-repeat: no-repeat;*/
    width:22px;
    height:22px;

}
.square-list{
    width: 10px;
    height:10px;
    background: #fff;
    margin: 23px 0;
}
.box-arrow-slider{

    width: 50px;
    height: 22px;
    margin: 10px 0 0 20px;
}
.slider-arrow{
    /*width: 22px;*/
    /*height: 22px;*/
    /*background: #fff;*/
    /*-webkit-border-radius:5px;*/
    /*-moz-border-radius:5px;*/
    /*border-radius:5px;*/
}

.left-slider-arrow{
    background: url("../../images/small-arrows-left.png") no-repeat;

    background-position: -24px -1px !important;
    margin:5px 0 0 0px
}



.right-slider-arrow{
    background: url("../../images/small-arrows.png") no-repeat;
    background-position: -2px -1px  !important;
    margin:5px 0 0 2px
}
.left-slider-arrow-hover{
    background-position: -1px -1px !important;
}

.right-slider-arrow-hover{
    background-position: -25px -1px !important;
}

.is-table-row {
    display: table;
}
.is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.centerInDisplayTable{
    vertical-align: middle !important;
}

.slider-title{
   margin: 15px 0 0 12px;
}
.ex-form input,.ex-form textarea{background: none; height: 100%; width: 95%; padding: 2%;resize: none;
    border:none;}
.ex-email{
    height: 40px;
}
.ex-msg{height: 100px}

.font-16{font-size:16px;line-height: 16px}
.font-15{font-size:15px;line-height: 15px}
.font-14{font-size:14px;line-height: 14px}
.font-70{font-size:70px;line-height: 70px;}
.font-18{font-size:18px;line-height: 18px}
.font-17{font-size:18px;line-height: 17px}
.font-13{font-size:13px;line-height: 13px}
.font-12{font-size:12px;line-height: 12px}
.font-30{font-size:30px;line-height:30px}
.font-27{font-size:27px;line-height:27px}
.font-23{font-size:23px;line-height:23px}
.font-20{font-size:20px;line-height:20px}
.font-22{font-size:22px;line-height:22px}
.c-ba{color:#bababa}
.c-white{color:#fff}
.c-62{color: #626262;}
.submit-ex{
    padding:10px 20px;
    background: #4e4d4d;
    float: left;
    border-radius: 5px;
    text-align: center;
    display: inline-table;
}
.submit-ex:hover{
    background: #5eba46;
}
.new-footer-description{
    border-left:2px solid #626262;
    padding: 0 10px 20px 20px;
    margin: 10px 0 0 0;
    font-weight: normal;
    line-height: 17px;


}
.tableCell{ display: table-cell}
.font-bold{ font-weight: bold}

.upper-footer{background:#878686;}
.footer-header{ max-width: 690px}
.search-header{
    background:#ececec;
    height:45px;
    overflow: hidden;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin: 0px 0 5px;
}
.submit-search{
    height: 100%;
    width: 55px;
    padding: 13px 0 0 0;
}
.icon-custom{
    background: url("../../images/spirite.png");
    display: block;
}
.custom-icon-search{

    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0px -19px !important;

}
.footer-news{
    margin:0px 0 15px 30px;
    max-width: 690px;
}
.box-read-more{
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    background: #626262;
    border-radius: 5px;
    bottom:0px;
    left:-10px;
    line-height: 19px;
    color: #fff;
}
.news-read-more{
    color: #bababa;
}
.news-read-more:hover,.news-read-more:hover + div.box-read-more{
    color: #5eba46;
}
div.box-read-more:hover,div.box-read-more:hover ~ span.news-read-more {
    color: #5eba46;
}
.desc-read-more{

}
.day{}

.footer-shadow{-webkit-box-shadow: -14px 2px 18px -9px rgba(0,0,0,0.64);
    -moz-box-shadow: -14px 2px 18px -9px rgba(0,0,0,0.64);
    box-shadow: -14px 2px 18px -9px rgba(0,0,0,0.64);}
.footer-right{
    background: url("../../images/footer-bg.png") no-repeat top right #818181;
    min-height: 275px;
}
.site_map_thing{
    margin: 164px 0 0 0px
}
@media all and (max-width: 1024px){
   .site_map_thing{
        margin: 20px 0 0 0px
    } 
}

.vertical-center {



}
a:hover{
    font-style: normal;
    color: inherit;
    text-decoration: none;
}

.news-all-btn {
    color: #b1b1b1;
    padding: 35px 0 0 20px;
}

h3{ font-size:22px; color:#fff; font-weight:bold;}
.footer-header h3{ padding: 30px 0px 30px 25px; font-size: 20px}
.footer-news-box .title{
    margin: 0 0 0 20px;
}

.submit-search:hover{
    background:#878686;
}

.input-search-header{
    width: 211px;
    padding: 10px 0 0 2%;
    color: #8b8b8b;
    border: none;
    height: 40px;
    background: inherit;
    font-size: 19px;
    background: #ececec;
    /* line-height: 36px; */
    /*padding: 2% 0 0 2%;*/
}

.marquee-news{
    width: 100%;
    background: url("../../images/repeat-marquee.jpg") repeat-x 0 0;
    display: block;
    height: 50px;
    border-top-right-radius: 5px;
}

.no-margin{margin:0 !important;}
.marquee-end{
    right:-30px;
    top:0px;
    height: 50px;
    width: 30px;
    z-index: 10;


}

.read-more-text{padding: 0px 0 3px 0px}
.read-more-text2{padding: 0px 0 3px 14px;}

.padding-right-30{
    padding-right:30px;
}
.no-padding-right{
    padding-right:0 ;
}

.no-padding-left{
    padding-left:0 ;
}
.no-padding{
    padding:0px;
}


.image-slider{
    /*height: 160px;*/
    float: left;
    /*margin: 40px 0;*/
    width: 100%;
    border-right: 1px solid #e3e3e3;
    height: 100%;
}
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{
    height:100%;
}

.owl-carousel{
    height:100%;
}
.main-home{
    background: url("../../images/projects-bg.png") no-repeat top right  #f4f4f4;
    border-top:5px solid #646567;
}
.cr-title{
    color:#369d46
}
.spliter-cr{
    background: #646567;
    margin: 30px 0 0 0;
    height: 3px;
    width: 111px;
}
.cr-apply{
    color: #fff;
    background: #959595;
    padding: 9px 25px;
    border-radius: 10px;
    /*margin: 10px 0 0 0;*/
    text-align: center;

}

.owl-carousel .owl-wrapper-outer{
    height: 100%;
}

.green-36{background: #369d46;}
.c-36{color: #369d46 !important;}

.service-block{margin: 0px 0  15px 0;}
.ser-row{
    /*height: 147px; */
    /*overflow: hidden; */
    margin: 15px 0  0 0;}


.ser-img{height:147px;max-width:147px;height: 100%;}
.ser-img img{border-bottom-left-radius: 10px;border-top-right-radius: 10px; width: 100%;}
.ttl_project{font-size: 16px}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    margin-right: 0px !important;
}





.des-ser-box{margin: 5px 20px 0 10px;}
.split-ser{ height: 3px; width:111px; background: #5ebb47; margin: 20px 0;}
.desc-ser{}
.home-section-left{margin: 35px 0 35px  0;}
.home-section-right{margin: 35px 0 35px  0;}
.img-project-container{ margin: 15px 0 0px 0}
.box-item-project{overflow: hidden;width:278px;}
.img-project{border-bottom-left-radius: 10px;border-top-right-radius: 10px;background: #ff4444;border-bottom: 3px solid #369d46; width: 100%;height:278px;}
.caption-project{color:#369d46;
    margin:12px 0 0 0;}
.caption-project span{
    float: left;
}


.caption-project span.icon-custom{
    float: right;
    background-repeat: no-repeat;
    background-position: -51px -2px !important;
    width: 9px;
    height: 14px;
    margin: 0 5px 0 0;
}
.input-career-box{
    background: #ebebeb;
    border-left:8px solid #646567;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    height: 46px;
    margin: 0 0 16px 0;
}
.cv-box-input{
    overflow: hidden;
}

.mand-text-hint{
    font-size:16px;
    color: #646567;
    margin: 20px 0;
}
.input-career-box.error-input{
    border-left:8px solid #ff4444;
}
.input-career-box.active{
    border-left:8px solid #369d46;
}

.textarea-box.active{
    border-left:8px solid #369d46;
}
.modal-content{
    
}
.table-div{
    display: table;
}

.table-div > div{
    display: table-cell;
    float: none;
}
.input-cr{
    color: #646567;
    width: 95%;
    height: 100%;
    float: right;
    border:none;
    background: none;
}
.input-career-box select{
    margin: 0 2% 0 0;
}

select.input-cr{
width: 95%;
}
.date-field{
    width: 25%;
    /*float: left;*/
}

.title-date{
    color:#646567;
    padding: 14px 0 0 20px;
    float: left;
}
.inner-header-section{
    padding: 10px 0 10px 0;
}
.list-tags{
    padding: 20px 0 20px 16px;
    color: #707172;
}
.list-tags li{
    margin: 0px 0 10px 0;
}
.list-tags li img{
    margin: 5px 10px 0 0;
}
.square-grey{
    width: 6px;
    height: 6px;
    background: #646566;
    margin: 5px 10px 0 0;
}
.link-manu{
    color: #8a8a8a;
    word-wrap: break-word;
}
.inner-header{
    color: #646567;
    padding: 10px 0 0px;
    font-weight:bold !important;
    text-transform: uppercase;
}

.inner-content-section{
    min-height: 650px;
}
.description-area{
    width: 90%;
    padding: 20px 0 42px 16px;
    color: #707172;
}
.section-brands{
    padding: 30px 0;
    background: #ffffff;
    /*margin: 30px 0;*/
}

.section-brands:nth-child(even){
    background: #f6f6f6;
}
.cert-brands{
    padding: 30px 0;
    background: #f6f6f6;
}
.splite-light{
    background: #ececec;
    height: 1px;
    width: 150px;
    margin: 20px 0 0 0;
}

.green-square{
    width:6px;     height:6px;     background: #369d46; margin: 0 10px 0 0;
}
.supp-prod{
    color: #646567;
    padding: 0  10px;
}
.pdf-down{
    margin: 0 10px 0 0;
}
.company-down{
    color: #646567;
    margin: 5px 0 0 0;
}

.marquee-options{
    width: 100%;
    overflow: hidden;

}
.related-project-container{
    background: #f6f6f6;
}
.project-details-title{
    color: #369d46;
}
.project-img-details{
    width: 100%;
    max-width: 475px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
}

.project-img-details img{
    width: 100%;
}
.project-detials-splitter{
    width: 111px;
    height: 3px;
    background:#646567;
    margin: 20px 0 0 0;
}
.square-cr-table{
    width:6px;
    height:6px;
    background: #369d46;
    margin:9px 8px;
}
.table-title-row{
    margin: 40px 0 20px 0;


}
.row-title-apply{
    border-bottom:1px solid #dddddd;
}
.row-cr-table{
    border-bottom:1px solid #dddddd;

}
/*.row-cr-table:nth-child(2){*/
    /*border-top:1px solid  #dddddd;*/
/*}*/
.gray-cr{
    color: #646567;
    margin: 20px 0 0 0;
}
.row-cr-table:hover{
    background: #fff;
}

.row-cr-table:hover > .apply-cr-row > .cr-app > .cr-apply{
    background: #5eba46;
}
.row-table-title{
    /*padding: 20px 0 20px 24px;*/
    padding: 20px 0 20px 0px;

}
.title-cr-table{
    color: #646567;
}
.table-list-career{
    background: #f6f6f6;
    padding: 0 0 40px 0;
}

.marquee-square{
    background: #379e47;
    width: 8px;
    height: 8px;
    margin: 5px 10px;
}
.js-marquee a{
    margin: 15px 0 0 0;
    float: left;
    color: #646566;
}
.js-marquee a span:hover{
    color: #379e47;
}
.carousel-indicators{
    z-index: 10;
}
.cr-file{
    opacity: 0;
    top:0px;
    left:0px;
}
#cv-cr{
    background: none;
    color: #646567;
    border:none;
    float: left;
    padding: 0 0 0 20px;
    height: 100%;
}
.cr-browse{
    padding: 15px 20px;
    background: #646567;
    color: #fff;

}
.margin-40{
    margin: 40px 0 0 0;
}

.margin-30{
    margin: 30px 0 0 0;
}

.text-error{
    color: #ff4444;
    top:-15px;
    font-size: 10px;
    left: 20px;
}
.text-error-cv {
    left: 25px;
}
.title-cr-pu{
    color: #7e7f81;
    text-align: center;
}
.title-cr-pu2{
    color: #369d46;
    text-align: center;
    padding: 0 0 20px 0;
}
.img-cr-pu{
    margin: 20px 0;
}
.cr-btn{
    padding: 12px 0px;
    background: #646567;
    border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    color: #fff;
    margin: 0 0 20px 0;
    width: 100%;
    text-transform: uppercase;
}
.cr-btn:hover{
    background: #5eba46;
}
.input-career-box:hover .cr-browse{
    background: #5eba46;
}
.img-services{
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    max-width: 147px;
    /*height: 147px;*/
    overflow: hidden;
    /*margin: 0 15px 0 0;*/
}
.img-newsEvents{
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    max-width: 147px;
    max-height: 147px;
    overflow: hidden;
    /*margin: 0 15px 0 0;*/
}

.title-services{
    color:#646567;
    left: 15px;
    bottom: 20px;
    /*float: none;*/
}
.green-border{
    width: 111px;
    height: 3px;
    background: #379d47;
    bottom: 10px;
    left:15px;
}
.section-services-margin{
    margin: 0 0 50px 0;
}
.service-description{
    margin: 20px 0 0 0;
    color: #707172;
    line-height: 20px;
}
.service-description ul li{
    list-style: square inside;
    color: #379d47;;
}

.bootstrap-select>select{
    display: none !important;
}
.news-date{
    margin:26px 0 0 0;
}

.desc-news-box{
    /*margin:0 0 0 20px;*/
}

.desc-news-box h2{
    padding: 0 0 0 20px;
    color: #646567;
}
.green-border-news{

    width: 111px;
    height: 3px;
    background: #379d47;
    bottom: -20px;
    left: 20px;

}

.desc-news{

    color: #646567;
    max-width: 700px;

    margin: 20px 0 0 0;
    border-left: 1px solid #000;
    padding: 0 0 0 20px;
    line-height: 20px;
}

.activeReadMore{
    color: #5eba46;
}

.hoverReadMore{
    color: #5eba46;
}

.desc-news .desc {
 padding: 0 0 20px 0;
    left:0px;
    top:0px;
}

.btn-load-more{
    background: #c2c2c2;

    padding: 12px 13px 12px 14px;
    /*margin: 40px auto;*/
    display: table;
    color: #FFF;
    border-radius: 10px;
    border : none;
    float: right;


}

.project-details-title{
    margin: 20px 0 0 0;
}
.title-project-slider{
    width: calc(100% - 25px);
}
.btn-load-more:hover{
    background:  #5eba46;
}

.loader-news{
    right: 65px;
    top: -39px;
    display: none;
}


.right-banner{
    right:0px !important;

    background: #fff ;
    filter:alpha(opacity=100);opacity:1;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0 !important;
    margin-left: 0 !important;
    -webkit-box-shadow: 2px 0px 31px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 0px 31px -4px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 31px -4px rgba(0,0,0,0.75);
    position: relative;
}


.left-banner{
    left:0px !important;

    background: #fff ;
    filter:alpha(opacity=100);opacity:1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 !important;
    margin-left: 0 !important;
    -webkit-box-shadow: 2px 0px 31px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 0px 31px -4px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 31px -4px rgba(0,0,0,0.75);
    position: relative;
}

.left-banner,.right-banner{
    width: 70px ;
    height: 60px ;
}



.img-project-item img{
    width: 100%;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 3px solid #358a35;
}
.btn{
    white-space: normal;
}

.carousel-control{
    width: auto;
    opacity: 1;
}

.left-banner:hover{
    background: #358a35;
}

.right-banner:hover{
    background: #358a35;
}
 .carousel-control:hover{
    opacity: 1;
    background: #358a35 !important;

}


 .left-arrow-banner{
     width: 15px;
     height: 27px;
     background-repeat: no-repeat;
     background-position: -157px 0px !important;
     margin: 16px 0px 0 25px;

 }
.header-title-section-contactus{
   margin: 50px 0 50px 0;

}


.contact-icon-text{
    color: #fff;
    padding: 7px 0px !important;
    width: 33px;
    text-align: center;
}
.map-btn-active{
    background: #369d46 !important;

}

.contact-icon-text2{
    color: #fff;
    padding: 7px 0px !important;
    width: 33px;
    text-align: center;
}
.section-contactus-data{
    margin: 10px 0 0 0;
}
 .contactus-header-title{
     margin:8px 0 30px 15px;
 }
.contactus-header-country{
    color: #646567;

}


.img-project-item{
    max-width: 278px;
    max-height: 278px;

    /*border-bottom: 3px solid #358a35;*/
    /*border-top-right-radius:15px;*/
    /*border-bottom-left-radius:15px;*/

    /*overflow: hidden;*/
}

.section-map{
    margin: 40px 0;
    height: 342px;
    overflow: hidden;
    border: none;

}
.section-map iframe{
    overflow: hidden;
    border: none;

}
.icon-contactus{
    padding: 4px 8px;
    background: #646567;
    border-radius: 10px;
}

.desc-contactus{
    color: #646567;
    margin: 0 0 20px 45px;

}
.desc-contactus:not(.desc-contactus-one){
    padding: 7px 0 0 0;
}
.desc-contactus-one{
    max-width: 350px;
}
.filter-projects img{
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0px -19px !important;
}
.list-item-prod{
list-style: none;

}
.list-item-prod li{
    float: left;
    width: 100%;
    padding: 5px 0;
}
.filter-projects{
    width: 35px;
    height: 35px;
    background: #5eba46;
    border:none;
    border-radius: 10px;
    padding: 8px;
}
.first-col{
    background: #f6f6f6;
}

.second-col{
    background: #fbfbfb;
    left: 50%;
    z-index: 2;
}

.third-col{

    left: 100%;
    z-index: 3;
    background: #fff;

}
.products-col{
    /*width: 50%;*/
    min-height: 500px;
}
.title-cr-prod{
   padding: 5px 0;
    color: #646567;
    text-align: left;
    padding-right: 20px;
}
.row-prod:hover > td > span.title-cr-prod{
    color: #5eba46;
}

.row-prod:hover > td > .square-cr-table{
    background: #646567;
}

.second-loader{
    top:40%;
    left:48%;
}

.activebullet{
    background: #646567;
}
.activeProduct{
    color: #5eba46;
}
.second-col .inner-col-prod,.third-col .inner-col-prod{
    width: 95%;
}

.prod-arrow{
    background: url("../../images/products-arrow-list.png") no-repeat;
    background-position: -9px 1px !important;
    background-repeat: no-repeat;
    width: 9px;
    height: 14px;
}
.row-prod:hover img{
    background-position: 0px 1px !important;
}
.prod_arrow_active{
    background-position: 0px 1px;
}
.product-title{
    color: #737475;
}
.prod-spliter{
    background: #5eba46;
    height: 3px;
    width: 111px;
    margin: 20px 0 ;
}
.inner-col-prod{
    width: 82%;
    padding: 40px 0;
}
.prod-arrow{
    margin: 6px 0 0 5px;
}
.showAllHome{
    padding: 7px 12px;
    background: #606163;
    color: #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin: 10px 0 0 10px;
}
.showAllHome:hover{
    background:  #369d46;
}
.plus-home-ser{
    background:#606163;
    color: #fff;

    margin: 0 0 0 10px;
    font-size: 14px;
    line-height:12px;
    border-radius: 3px;
 width: 18px;
    height: 18px;


}
.map-btn:hover{
    color: #fff;
}
.plus-home-ser:hover{
    background:  #369d46;;
}
.plus-home-ser span{
    margin: 3px 0px;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}
.dropdown-menu>li>a{
    white-space: normal;
}
.inset-shadow{
    -webkit-box-shadow: inset -5px 0px 32px -8px rgba(0,0,0,0.46);
    -moz-box-shadow: inset -5px 0px 32px -8px rgba(0,0,0,0.46);
    box-shadow: inset -5px 0px 32px -8px rgba(0,0,0,0.46);
}
.no-data-found{
    color: #646567;
    font-size: 20px;
    text-align: center;
    margin: 40px 0;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
    word-wrap:break-word;
}
.spliter{
    left: 0px;
    height:3px;
    width: 111px;
    bottom: -15px;
    background:  #369d46;
}
.c-64{
    color: #646567;}

.map-btn{
    padding: 6px 10px;
    background: #ebebeb;
    color: #fff;
    border:none;
    border-radius: 10px;

    top: -2px;
    right: -60px;

}
.sub-list-product{
    list-style: none;
}
.sub-list-product li{
    text-align: left;
    padding: 5px 0px;
    color: #646567;
}

.collapseProd{
    overflow: hidden;
    height:0;
}

.collapseProd.active{
    height:auto;
}

.prod-square{
    margin: 10px 8px;
}

.map-btn:hover {
    background: #369d46;
    color: #fff !important;
}
ul li span{
    color: #707172;
}

.input-row-call-action{
    margin: 20px 0 0;
}
.textarea-box{
    background: #ebebeb;
    border-left: 8px solid #646567;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    height: 200px;
    margin: 0 0 20px 0;
}

.project-details-list li{
    list-style: square inside;
    color: #369d46;
    margin: 20px 0 0 0;

}
.sub-project-list-title{
    color: #646567;
    margin: 0 0 0 14px;
}
.project-details-list li .title-project-list {
    color: #369d46;
    font-weight: bold;

}
.title-project-list {
    text-transform: uppercase;
}
 .desc-banner{
     width: 350px;
     height: 350px;
     right: 150px;
     top: 50%;
     transform: translate(0,-50%);
     overflow: hidden;
     display: block;

 }

 .desc-data{
    z-index: 2;
     width: 100%;
     height: 100%;
 }
 .txt-banner{
     font-size: 30px;
     line-height: 35px;
     text-align: center;
     padding: 0 10px;
     float: right;
     font-weight: bold;

 }



 .gray-text{

     color: #717374;
 }

.green-text{
    color: #358a35;
}
.right-arrow-banner{
    width: 15px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: -177px 0px !important;
    margin: 16px 0px 0 25px;

}
.allnewsLink:hover{
    color: #575757;

    border-bottom: 1px solid #575757;

}

.case-brands{
    margin:0 0 30px 0;
}
.bootstrap-select>.dropdown-toggle{
    background: #ededed;
}

.bootstrap-select.btn-group .dropdown-toggle .caret{

    color: #fff;
    right:11px;
}


.bootstrap-select .dropdown-toggle:focus{
    outline:none !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 100%;
}
.description-prod table{
    width: 90% !important;
}
.description-prod table tr td{
    border: 1px solid #c8c8c8;
    padding: 4px 4px 4px 18px;
    width: 50%;
}
strong{
    font-weight: bold;
}
.bs-caret{
    background: #5eba46;
    padding: 15px;
    float: right;
    position: relative;
    border-radius: 5px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    width: auto;
    padding: 5px;

    font-size: 13px;
}
.future-destination:hover,.future-destination:active,.future-destination:focus,.future-destination  {
    text-decoration: none;
    color: #7b7b7b;
}
.dropdown-toggle{
    padding: 2px;
}
.bootstrap-select>.dropdown-toggle{
    padding-right: 2px;
}
.close{
    opacity: 1 !important;
}
.close img{
    opacity: 0.5 !important;
}
.disableBtn{
    background: #f5f5f5 !important;
    /*opacity:0.35 !important;*/
    color: #d1d1d1;
    text-transform: uppercase;
}
.close:hover img{
    opacity:1 !important;
}
.back{
    background: #8d8e8f;
    color: #fff;
    padding: 7px 13px 7px 40px;
    border-radius: 5px;
    margin: 15px 0 0 15px;
    float: left;
    overflow: hidden;
}
.back:hover{
    background: #696969;
}
.back-arrow-area{
    left: 0px;
    top:0px;
    background: #696969;
    height: 100%;
    width: 30px;
}
.back-arrow-area img{
    padding: 6px 0 0 9px;
}
.bg-desc-banner{
    background: #fff;
    opacity: .65;
    width: 100%;
    height: 100%;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.img-product-arrow-abs{
    right: 5px;
    top: 0px;
}
.carousel-indicators li{
    border-radius: 0px;
    background: #717374;
    border:none;
}
.carousel-indicators .active{
    background: #358a35;
}

.carousel-indicators li:hover{
    background: #358a35;
}

.right-arrow-banner-hover{
    background-position: -135px 0px  !important;
}
 .left-arrow-banner-hover{
     background-position: -116px 0px  !important;
 }

.glyphicon-chevron-left:before{
    content: "";
}
.glyphicon-chevron-right:before{
    content: "";
}


/* For  Header Fix  Custom Bootstrap Lib*/
.affix {
    top: 0px;
    width: 100%;
}

.affix + .container-fluid {
    padding-top: 70px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
     margin-right: 0px;
     margin-left: 0px;
}
/*Customize Header*/


.navbar{
    border:none;
}
.navbar-inverse{
    background: #646567;
    border-bottom: 5px solid #5eba46;
    height: 60px;
    z-index:11;
    border-radius: inherit;

}

.close_section_prod{
    top:20px;
    right:20px;
}

.navbar-nav li:last-child a {
    padding: 10px 7px 10px 8px;
    margin-right: -8px;
}
.carousel-inner>.item{
    /*height: 100%;*/
}

.suppliers-row{
    margin: -1px 0 0 0;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    /*height: 100%;*/
}

@media (max-width: 992px){
    .hidden-sm {
        display: none!important;
    }

    .products-col{
        width: 85%;

    }
    .inner-col-prod{
        width: 90%;
    }
    .close_section_prod{
        display: block !important;
    }
    .third-col {
        width: 80%;
    }

    .second-col {
        width: 80%;
        left: 80%;
    }
    .third-col {

        left: 100%;
    }

   /*.project-manufac{*/
       /*width: 80% !important;*/
   /*}*/
    .des-ser-box{
        margin :15px 20px 0 10px;
    }

    .input-search-header{
        width: 75%;
    }
    .submit-search{
        width: 20%;
    }
    .search-header{
        margin: 10px 0;
    }
    .img-newsEvents{
        max-width: 147px;
    }

    .img-services{
        width: 147px;
    }
    .main-home .container{
        margin-right: 30px;
        margin-left: 30px;
        width: calc(100% - 60px);
    }
    .header-main-product{
        float: left;
    }

}

@media (max-width: 600px){
    .products-col{
        width: 100%;
        left: 100%;
    }

    .inner-col-prod {
        width: 100%;
    }

    .third-col {

        left: 100%;
    }

    .left-banner,.right-banner{
        width: 50px ;
        height:40px ;
        margin-top: -20px !important;
    }

    .left-banner img,.right-banner img{
        margin: 7px 0 0 15px;
    }

    .main-home .container{
        margin-right: 20px;
        margin-left: 20px;
        width: calc(100% - 40px);
    }
    .home-section-right:first-child{
        margin:0px 0 35px  0;
    }
    .slider-title{
        font-size: 20px;
    }
    .green-title{
        clear: both;
        width: 100%;
        float: left;
    }

    .green-title{
        clear: both;
        width: 100%;
        float: left;
    }

}
.nav>li>a{
    line-height: 30px;
    color:#fff !important;
    margin: 10px 0 0 0;
    height: 48px;
    padding: 10px 9px;
}

.nav>li:not(.active)>a:hover {
    color: #5eba46 !important;
}
.img-colored{
    top:0px;
    left:0px;
    width: 100%;

}
.project-manufac:focus,.project-manufac:active{
    color: #fff !important;
    text-decoration: none;
}
.active_project_title{
    color: #369d46 !important;
}

.active_project_arrow{

    background-position: -19px -1px !important;
}
.link-down:hover span{
    color:#369d46 !important;
}

.link-down2:hover span{
    color:#369d46 !important;
}


.project-manufac{
    background: #646567;
    padding: 10px 14px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    max-width: 225px;
}
.project-manufac:hover{
    color:#fff !important;
    background: #5eba46;
}
.project-title{
    margin: 16px 0 0 0;

}

.successMsg{
    color: #5eba46;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    display: none;
}

.title-project{
    color: #606060;
    margin: 0 0 0 5px;
}
.manu-list{
    padding: 0;
    margin: 0;
    list-style: none;

}
.modal-body{
    padding: 45px 0;
}
.shadowAllSides {
    -webkit-box-shadow: 3px 0px 46px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 0px 46px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}

/*.shadowAllSides{*/
    /*-webkit-box-shadow: 3px 0px 46px -3px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 3px 0px 46px -3px rgba(0,0,0,0.75);*/
    /*box-shadow: 3px 0px 46px -3px rgba(0,0,0,0.75);*/
/*}*/
.manu-list li{
    padding-left: 1em;
    /*text-indent: -.7em;*/
    margin: 0 0 30px 5%;
    /*border-bottom: 1px solid #E2E2E2;*/
    width: 89%;
    /*list-style-type: square;*/
    /*list-style: inside;*/


}

.manu-project-squer{
    width:10px;
    height:10px;
    background: #369d46;
}

.border-manu:last-child{
    height: 0px;
    margin-bottom: 20px;
}

.modal-content{
    border-radius: 0;
    border:none;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
}
.border-manu{
    height: 1px;
    background: #e2e2e2;
    margin-bottom: 30px;
    width: 90%;
}
.manu-list li{
    float: left;
    color: #369d46;
}
.model-desc-header{
    color: #646567;
    padding: 15px;
}
.open-model-header:active,.open-model-header:focus{
    color: #646566 !important;
}
.manu-list-title{
    color: #369d46;
    font-size: 17px;
}
/*.manu-list-title:last-child{*/
    /*margin: 0 0 20px 0 !important;*/
/*}*/
.ttle-manu{
    margin: 0 0 0 20px;
}
.link-manu{margin: 0 0 0 30px; width: 90%}

.link-manu:hover{
    color:#369d46
}








.icon-project{
    background:  url("../../images/project-arrow.png") no-repeat;
    background-position: -4px -1px;
    width: 9px;
    height: 14px;
    margin: 0 5px 0 0;
}
.arrow-bc{
    background:  url("../../images/products-arrow-submenu.png") no-repeat;

    width: 9px;
    height: 14px;
    margin: 14px 10px 0 10px;
}
.header-contactus{
    margin:30px 0 0 0 ;
}
.spliter-popup {
    height: 3px;
    width: 111px;
    left: 15px;
    bottom: 0px;
    background: #369d46;

}
.bc-title{
    margin: 12px 0 0;
    color: #646567;
}
.back-bc{
    margin: 15px 0 0 20px;
}
.modal-header{
    border-bottom:none;
}
.manu-title{
    color: #646567;
    font-size:24px;
}

.project-item{
    margin: 0 auto 27px auto;
    /*float: left;*/
    max-width: 278px;
    display: table;
}

.projects-box{
    background: url("../../images/list-projects-bg.png") no-repeat top right;
    min-height: 500px;
    padding: 40px 0;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,.nav>li>a:hover {

    background-color: #5eba46;
    border-radius: 5px;


}
.resetParent{
    max-width: 90px;
    margin: 0 20px 0 0;
}
.cr-btn{
    padding: 12px;
}
.navbar-collapse{
    border:inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
}

.margin-b-15{
    margin-bottom: 15px;
}

.font-14{
    font-size:14px;
}
.grey-7b{
    color:#7b7b7b;
}
.futureDestination{
    background: #fff;

}


.navbar{
    margin-bottom: 0px;
}



.navbar-nav{
    float: right;
}

.about-us-cus{
    color: #707172;
    padding: 40px 0;
}



.img-prod{
    border-top-right-radius: 10px;
    border-bottom-left-radius : 10px;
    height: 186px;
    margin: 0 0 40px 0;
    max-width: 186px;
}

.header-prod-details{
    color: #369d46;
}
.prod-splite-gray{
    width: 111px;
    height:3px;
    float: left;
    margin:20px 0;
    background: #646567;
}
.pdf-prod{
    margin:0 10px 0 0;
}
.description-prod{
    color: #646567;
    margin: 0px 0 40px;
}
.description-prod > ul{
    list-style: square inside;

}


.description-prod > ul li:first-child{
    margin-top: 10px;
}
.description-prod > ul li{
    margin: 5px 0;
    list-style-type: square;
    color: #369d46;
    margin: 0 0 5px 0;
}


.table-title-row2{
    margin: 20px 0 20px 0;
}

.serv-home-section-3{
    display: block !important;
}
.serv-home-section-9{
    display: block !important;
}

.navbar-toggle{
    padding:12px 10px ;
    margin-top: 7px;
    margin-bottom: auto;
}

.popFormBtn{
    margin: 0px 7px;
    /*width: calc(100% - 30px);*/
}

.supp-prod{
    text-align: left;
}

.navbar-collapse.in{
    max-height: 100%;
}
.img_gal_news{
    margin: 0 20px 20px 0;
}


@media (max-width: 1242px) {

    .desc-news{max-width: 500px}

}

@media (max-width: 820px) {

    .desc-news{max-width: 100%}
    .desc-news-box{ margin: 20px 0 0 0}

}

/*Navbar Break point at 840 Custom */
@media (max-width: 1180px) {
    #myNavbar{
        background: #6a6b6d !important;
        margin: 10px 0 0 0;
    }
    .menu_holder{
    display: none;
    width:100%;
    height:539px;
    background: #6a6b6d !important;
}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-right:30px;
    }
    .navbar-collapse {


    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        padding-bottom: 10px;

    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


}




@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: 0px;
    }

}

@media screen and (max-width: 768px) {
    .services-section-container,.product-section-container{
        width: 96%;
        margin: 0 2%;
    }

    .close_section_prod{
        width: 30px;
        top:10px;
    }
    .product-section-container{
        margin: 40px 2% 0;
    }

    .title-contact-sub{
        font-size: 20px !important;
    }



}

@media only screen
and (max-device-width : 768px)
and (orientation : landscape){
    .navbar-collapse.in{
        max-height: 540px;
    }
    .navbar-nav li:last-child a{
        margin-right: 0;
    }
}

@media only screen
and (max-device-width : 768px)
and (orientation : portrait){

    .navbar-nav li:last-child a{
        margin-right: 0;
    }
}



@media (max-device-height : 568px){
    .navbar-collapse.in{
        max-height: 450px;
        overflow: scroll!important;
    }

    .navbar-nav li:last-child a{
        margin-right: 0;
    }
}


    /* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    /* Styles */
}

@media only screen
and (max-width : 321px) {
    .search-header{
        overflow: hidden;
        width:100%;
        /*margin: 0px 0px 10px 0;*/
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* Styles */
    .search-header{
        overflow: hidden;
        width:100%;
        /*margin: 0px 0px 10px 0;*/
    }
    .slogan{
        width: 100%;
        text-align: center;
        padding: 21px 0px 20px;
    }


    .container{
        width: 100%;
    }
    .marquee-custom{
        padding-right: 0px;
    }

}


@media only screen
and (min-width : 992px)
and (max-width : 1200px) {
    .logo img{
        padding: 43px 0;
    }
    .sub-sections-inner{
        padding-left: 40px;
    }

    .serv-home-section-3{
        width: 30%;
    }
    .serv-home-section-9{
        width: 70%;
    }
    .search-header{
        margin: 20px 0 0 !important;
    }
    .wrappedTitle{
        width: 90%;
    }

}
.cr-btn{
    max-width: 90px;
}
@media (min-width: 992px) {
    .project-region{
        /*max-width: 220px;*/
    }
    .project-manufac{

        max-width: 222px;
    }
    .project-item{
        max-width:278px;
        width: 100%;
    }

    .cr-apply{
        max-width: 95px;
    }
    .products-col{
        width: 50%;
    }
    .img-prod{
        max-width: 186px;
    }
    .btnCareerBox{
        padding-left: 7px;
        padding-right: 7px;
    }


}

@media only screen
and (min-width : 668px)
and (max-width : 992px) {
    .logo img{
        padding: 23px 0;
    }
    .desc-banner{
        height: 200px;
    }


}
@media only screen
and (max-width : 668px) {
    .desc-banner{
        display: none;
    }

}
/* Smartphones (portrait) ----------- */
@media only screen
and (min-width : 992px) {
    /* Styles */
    .marquee-end{
        display: block;
    }

    .search-header{
        overflow: hidden;
        width:100%;
        margin: 10px 0px 10px 0;
    }

    .slogan {
        width: 100%;
        text-align: left;
        padding: 36px 0px 44px 48px;
    }
    .footer-news-row-left{
        width: 20%;
    }
    .footer-news-row-right{
        width: 80%;
    }


}

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

    .search-header{
        overflow: hidden;
        width:100%;
        margin: 25px 0px 0px 0;
    }
    .marquee-custom{
        padding-right: 15px;
    }

    .sub-sections-inner{
        padding-left: 40px;
    }
}


/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* Styles */
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 750px;
        height: 750px;
    }
}

@media (max-width: 767px) {
   .padding-sm{
       padding-left:40px;
       padding-right:40px;
   }
    .date-box.forInnerPage .day,.date-box.forInnerPage .date{
        text-align: left;
    }

    .date-box.forInnerPage .day{
        padding-left: 20px;
    }
    .date-box.forInnerPage .date{
        padding-left: 38px;
    }
    .hidden-xs {
        display: none!important;
    }

}

@media (max-width: 650px) {

    .projects-item-box-inner{
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .projects-item-box-inner div.project-item {
        margin-left: auto;
        margin-right: auto;
        display: table;
        float: none;
    }

}

@media (max-width: 767px) {

    .desc-news-boxInner{
        margin:40px 0 0 0;
        padding-left: 0px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 922px) {
    .upper-footer{display: flex}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* Styles */

    .footer-header h3{
        padding: 30px 0px 30px 25px
    }
    .des-ser-box {
        margin: 0px 20px 0 10px;
    }

    .about-section-container,.services-section-container,.downloads-section-container{
        width: 90%;
        margin: 0 5%;
    }
    .product-section-container{
        width: 92%;
        margin: 40px 4% 0;
    }
   .downloads-section-container,.container-header{
       width: 92%;
       margin: 0px 4% 0;
   }
    .ipad-no-padding{
        /*padding-left: 0px;*/
    }

    .ipad-portrait-fix-products-left{
        width: 25%;
    }

    .ipad-portrait-fix-products-right{
        width: 75%;
    }

    .slogan{
        text-align: left;
    }
    /*.project-item-container-home{*/
        /*max-width: 45%;*/
    /*}*/
    .row-table-title {
        padding: 20px 0 20px 24px;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* Styles */
    .des-ser-box {
        margin: 0px 20px 0 10px;
    }

    .project-item-container-home{
        max-width: 48%;
    }
    .img-project-container{
        padding: 0 0 0 30px;
    }
    .about-section-container,.services-section-container{
        width: 90%;
        margin: 0 5%;
    }
    .product-section-container {
        margin: 40px 4% 0;
        width: 92%;
    }

    .downloads-section-container,.container-header{
        width: 92%;
        margin: 0px 4% 0;
    }

    .ipad-no-padding{
        padding-left: 0px;
    }

    .slogan{
        text-align: left;
    }
    .row-table-title {
        padding: 20px 0 20px 24px;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1398px) {
    /* Styles */
    .container{
        width: 1398px;
    }

    .slogan{
        /*padding: 36px 0px 35px;*/

    }


    .search-header{

        width:266px;
        margin: 25px 0px 0px;
    }
}


/* Large screens ----------- */
@media only screen
and (max-width : 400px) {
    /* Styles */
    .showAllHome{
        /*clear: both;*/
        margin: 10px 0 0 10px;
    }


}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    /* Retina-specific stuff here */
}



/*Responsive Table in executed projects page*/







.title-table-capital th{
    text-transform: uppercase;
}

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

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        min-height: 30px;
    }


    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}


/*  =====================================================================    popup image bootstrap  ==================================================================*/

/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*  =====================================================================    popup image bootstrap  ==================================================================*/











@media all and (max-width: 1395px){
    .nav>li>a{
        padding: 10px 5px;
    }
    .navbar-nav{
        margin: auto;
        float: none;
        width: 1295px;
    }
}
@media all and (max-width: 1315px){
    .navbar-nav{
        width: 1223px;
        font-size: 15px!important;
    }
}
@media all and (max-width: 1240px){
    .navbar-nav{
        width: 1140px;
        font-size: 14px!important;
    }
}
@media all and (max-width: 450px){
    .nav>li>a{
        margin: 0px;
        height: 34px;
        line-height: 15px;
    }
    .navbar-nav{
        padding-top: 7px;
        width: 100%;
    }
}