@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/*font-family: 'Open Sans', sans-serif;*/

body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif;}

a{text-decoration:none; outline:none;}

ul{list-style:none; margin:0px; padding:0px;}

p{margin:0px; padding:0px;}

h1, h2, h3, h4, h5{margin:0px; padding:0px;}

header{width:100%; display:table;}

header .wrap{padding:15px 10px;}

.wrap{width:100%; max-width:1300px; margin:0px auto; display:table; padding:0px 10px; box-sizing:border-box;}

.logo{float:left; width:100%; max-width:200px; padding-top:5px; letter-spacing:4.4px; font-size:11px; font-weight:300;  color:#000; position:relative; z-index:999999;}
.logo strong{  float:left; letter-spacing:0px; font-size:24px; line-height:24px; font-weight:900;}
.logo span{ color:#ff0000;}

nav{position:relative; padding:4px 0px;}

/*Banner*/
#banner{width:100%; display:table; background:url(images/home-banner-bg.png) no-repeat center top -70px; background-size:contain;}
#banner h1{font-weight:300; color:#000; margin:60px auto 5px; display:table; text-align:center; line-height: 45px;}
#banner h1 span{display:block; font-size:18px;}
#banner h1 strong{font-weight:800; font-size:43px; text-transform:uppercase;}
#banner h1 b{color:#ff0000; font-weight:800;}


.cliente{max-width:1200px; margin:0px auto; display:table; width100%;}
.cliente ul{margin:0px; padding:0px; width:100%; float:left; }
.cliente ul li{width:24%; margin:0.5%; padding:15px; float:left; }
.cliente ul li img{width:100%; float:left; }
.products-carousel{width:100%; display:table;}
.control{margin:0px auto 25px; display:table; position:relative;}
.carousel-control.right{background:url(images/arrow-right.png) no-repeat center; padding:0px 18px;}
.carousel-control.left{background:url(images/arrow-left.png) no-repeat center; padding:0px 18px;}
.carousel-control:hover{opacity:0.7; transition: all 0.5s ease 0s;}
.item{text-align:center;}
.item .page-item{width:100%;}
.item li{padding:0px;  transition: all 0.5s ease 0s; padding:30px 0px 30px 0px; cursor:pointer;}
.item li:hover{background-color:#ff0000; transition: all 0.5s ease 0s;}
.item li:hover h4{color:#FFF; transition: all 0.5s ease 0s;}
.item li:hover .view-more{color:#FFF; border:2px solid #FFF; transition: all 0.5s ease 0s;}
.item.active li:last-child{border:none;}
.item h4{font-size:16px; font-weight:400; color:#000; padding:35px 0px 10px 0px;}
.item .view-more{font-size:10px; font-weight:600; color:#000; text-transform:uppercase; border:2px solid #ff0000; border-radius:50px; padding:4px 10px; margin:0px auto; display:table; transition: all 0.5s ease 0s;}
.item li:hover .view-more:hover{color:#FFF; border:2px solid #FFF; transition: all 0.5s ease 0s;}

.inner-banner{background:url(images/inner.jpg )#000; width:100%; float:left; padding:20px; min-height:200px; }
.inner-banner h1{max-width:1200px; width:100%; margin:0px auto; display:table; font-size:34px; font-weight:900; color:#FFF; text-align:center; text-transform:uppercase; padding:70px 0px 0px 0px; }

/*Mobile and tablet products*/
.mobile-and-tablet-products{width:100%; display:none;}
.mobile-and-tablet-products ul{width:100%;}
.mobile-and-tablet-products ul li{padding:0px; transition: all 0.5s ease 0s; padding:30px 0px 30px 0px; width: 50%; float: left; text-align: center; border-right:1px solid #ff0000; border-bottom:1px solid #ff0000;}
.mobile-and-tablet-products ul li:nth-child(2), .mobile-and-tablet-products ul li:nth-child(4), .mobile-and-tablet-products ul li:nth-child(6){border-right:0;}
.mobile-and-tablet-products ul li:nth-child(5), .mobile-and-tablet-products ul li:nth-child(6){border-bottom:0;}
.mobile-and-tablet-products li:hover{background-color:#ff0000; transition: all 0.5s ease 0s;}
.mobile-and-tablet-products li:hover h4{color:#FFF; transition: all 0.5s ease 0s;}
.mobile-and-tablet-products li:hover .view-more{color:#FFF; border:1px solid #FFF; transition: all 0.5s ease 0s;}
.mobile-and-tablet-products li h4{font-size:18px; font-weight:400; color:#000; padding:35px 0px 10px 0px;}
.mobile-and-tablet-products .view-more{font-size:10px; font-weight:600; color:#000; text-transform:uppercase; border:1px solid #ff0000; border-radius:50px; padding:4px 7px; margin:0px auto; display:table; transition: all 0.5s ease 0s;}
.mobile-and-tablet-products li:hover .view-more:hover{color:#000; border:1px solid #000; transition: all 0.5s ease 0s;}

.carousel-caption { top:45%; }
.carousel-caption h3{font-size:54px; font-weight:900; font-family:'Open Sans', sans-serif; background:rgba(0,0,0,0.3); width:auto; }
.carousel-caption h3 span{color:#F00; }

/*Trust*/
.trust{width:100%; background:#ff0000;}
.trust .wrap{max-width:1000px; }
.trust h3{font-size:27px; width:100%; text-align:center; font-weight:800; text-transform:uppercase; color:#FFF; float:left;  padding:30px 0px; transition: all 0.5s ease 0s;}
.trust h3 a{border:3px solid #FFF; background:none; font-size:18px; border-radius:30px; padding:10px 30px; color:#FFF;  margin:0px auto; display: table; margin-top: 10px; transition: all 0.5s ease 0s; }
.trust h3 a:hover{border:3px solid #000; background:#000; transition: all 0.5s ease 0s; }

.slideshow{width:100%; float:left; }
.slideshow img{ width:100%; }

/*Whay choose*/
#whay-choose{width:100%; display:table; position:relative;}
#whay-choose .wrap{padding:125px 10px 80px 10px;}
#whay-choose h2, .cliente h2{font-size:40px; font-weight:300; color:#ff0000; margin:0px auto 5px; display:table; text-align:center; line-height: 45px;}
#whay-choose h2 span{display:block;}
#whay-choose h2 span b{font-weight:300; color:#000;}
#whay-choose h2 strong, {font-weight:800;}
#whay-choose h2 strong b, .cliente h2 strong{color:#2b2a29; font-weight:800;}
#whay-choose p{font-size:13px; color:#666; line-height:24px; text-align:center; padding:4px 0px 17px 0px; max-width:800px; width:100%;  margin:0px auto; display:table;}
#whay-choose p strong{font-weight:700;}
.sub-title-bg{margin:0px auto; display:table; width:35%; height:1px; background:#ff0000;}
#whay-choose ul{width:100%; display:table; margin-top:75px;}
#whay-choose ul li{width:33.33%; float:left; text-align:center; }
#whay-choose ul li img{width:100%; max-width:134px; transition: all 0.5s ease 0s;}
#whay-choose ul li h4{color:#000; font-size:14px; font-weight:700; padding:10px 0px; border-bottom:1px solid rgba(0,0,0,0); transition: all 0.5s ease 0s;}
#whay-choose ul li:hover h4{color: #ff0000; transition: all 0.5s ease 0s;}
#whay-choose ul li:hover img{padding-bottom:15px; margin-top:-15px; transition: all 0.5s ease 0s;}
#whay-choose h3{font-size:75px; color:#e4e4e4; font-weight:700; margin:0px auto; position:absolute; right:0px; left:0px; bottom:0px; line-height:55px; text-align:center;}
.double{width:45%; float:left;}
/*Quality Assurance*/
#quality-assurance{width:100%; display:table; position:relative; background:#252525; padding:100px 0px 130px 0px;}
#quality-assurance .icon{width:35%; float:left; text-align:center; padding-top:25px;}
#quality-assurance .icon img{width:100%; max-width:229px; transition: all 0.5s ease 0s;}
#quality-assurance .icon:hover img{-webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); transition: all 0.5s ease 0s;}
#quality-assurance .quality-dec{width:65%; float:right;}
.quality-dec h2{font-size:40px; font-weight:300; text-transform:uppercase; color:#ff0000;}
.quality-dec h2 span{font-weight:700;}
.quality-dec .government-approved{font-size:18px; color:#FFF; font-weight:300; line-height:22px; opacity:0.5; padding-top:10px; width:90%;}
.quality-dec ul{width:60%; display:table; margin-top:30px;}
.quality-dec ul li{width:100%; background:url(images/check-box.png) no-repeat left top 5px; padding:0px 0px 5px 45px; margin-bottom: 25px;}
.quality-dec ul li p{font-size:13px; line-height:20px; color:#FFF; opacity:0.5; padding:0px 0px 1px 0px; transition: all 0.5s ease 0s;}
.quality-dec ul li:hover p{opacity:1; transition: all 0.5s ease 0s;}
.quality-dec a{font-size:16px; font-weight:700; text-transform:uppercase; color:#FFF; border:2px solid #ff0000; border-radius:50px; padding:8px 25px; transition: all 0.5s ease 0s; margin-top: 5px; float:left;}
.quality-dec a:hover{background:#ff0000; color:#FFF; transition: all 0.5s ease 0s;}
#quality-assurance h3{font-size:102px; text-transform:uppercase; font-weight:700; margin:0px auto; position:absolute; right:0px; left:0px; bottom:0px; line-height:80px; text-align:center; color:rgba(225,225,225,0.05);}

/*industries-we-serve*/
#industries-we-serve{width:100%; display:table; position:relative; padding:125px 0px 100px 0px; background:url(images/industries-we-serve-bg.png) no-repeat right bottom -45px;}
#industries-we-serve .section{width:62%; float:left;}
#industries-we-serve h2{font-size:40px; font-weight:300; text-transform:uppercase; color:#ff0000; margin-bottom:15px;}
#industries-we-serve h2 span{font-weight:700;}
#industries-we-serve p{font-size:16px; font-weight:400; color:#000; opacity:0.7; padding:10px 0px 15px 0px;}
#industries-we-serve ul{width:100%; display:table;}
#industries-we-serve ul li{width:25%; float:left; text-align:center; text-transform:uppercase; border: 1px solid #FFF;}
#industries-we-serve ul li a{text-transform:uppercase; font-size:14px; color:#7c7c7c; font-weight:700; background-color:#f2f2f2; float:left; width:100%; padding:25px; transition: all 0.5s ease 0s;}
#industries-we-serve ul li a img{display:block; margin:0px auto; padding-bottom:15px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease 0s;}
#industries-we-serve ul li a:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.5s ease 0s;}
#industries-we-serve ul li a:hover{color:#f1592a; transition: all 0.5s ease 0s;}
#industries-we-serve ul li:last-child a{padding:90px 0px; color:#000; transition: all 0.5s ease 0s;}
#industries-we-serve ul li:last-child a:hover{color:#f1592a; transition: all 0.5s ease 0s;}

/*Triple Accuracy*/
#triple-accuracy{width:100%; display:table; background-color:#ff0000;}
#triple-accuracy .wrap{padding:100px 10px; background:url(images/triple-accuracy-bg.png) no-repeat center left;}
#triple-accuracy h3{font-size:318px; font-weight:300; color:#FFF; opacity:0.6; float:right; line-height:188px; padding-right:100px; transition: all 0.5s ease 0s;}
#triple-accuracy:hover h3{opacity:1; transition: all 0.5s ease 0s;}
#triple-accuracy h4{font-size:50px; font-weight:300; text-transform:uppercase; color:#FFF; text-align:center; float:left; padding-left:60px;}
#triple-accuracy h4 span{display:block;}
#triple-accuracy h4 strong{display:block; font-size:104px; font-weight:700; line-height:100px; transition: all 0.5s ease 0s;}
#triple-accuracy:hover h4 strong{color:#000; transition: all 0.5s ease 0s;}

/*Footer*/
footer{width:100%; display:table; padding:30px 0px; background:#303030; position:relative;}
.footer-logo{float:left; opacity:0.5; margin:20px 0px; transition: all 0.5s ease 0s;}
.footer-logo:hover{opacity:1; transition: all 0.5s ease 0s;}
.footer-right{ width:auto; display:table; margin:0px auto; text-align:center;}
.footer-nav{width:100%; display:table; border-bottom:1px solid rgba(225,225,225,0.5); padding-bottom:15px; margin-bottom:20px;}
.f-nav{display:table; float:right;}
.f-nav li{float:left;}
.f-nav li a{color:#FFF; text-transform:uppercase; padding:5px 13px; float:left; opacity:0.5; transition: all 0.5s ease 0s; font-size:13px; font-weight:400;}
.f-nav li a:hover{opacity:1; transition: all 0.5s ease 0s;}
.f-social{display:table; float:right;}
.f-social li{float:left; margin-left:7px;}
.f-social li a{padding:13px; float:left; opacity:0.3; transition: all 0.5s ease 0s;}
.f-social li a:hover{opacity:1; transition: all 0.5s ease 0s;}
.f-social li:first-child a{background:url(images/facebook.png) no-repeat center;}
.f-social li:last-child a{background:url(images/linked-in.png) no-repeat center;}
.copyright{float:right; font-size:12px; font-weight:700; text-align:center; width:100%;  color:#959494;}

/*Inner page*/
#banner-inner{width:100%; display:table; background:url(images/home-banner-bg.png) no-repeat center top; background-size:contain;}
#banner-inner .wrap{padding:60px 10px 0px 10px;}
#banner-inner .page-dec{width:55%; float:left;}
#banner-inner h1{font-size:36px; font-weight:700; color:#ff0000; text-transform:uppercase;}
.breadcrumb, .breadcrumb a{font-size:13px; color:#5c5c5c; transition: all 0.5s ease 0s;}
.breadcrumb a:hover{color:#ff0000; transition: all 0.5s ease 0s;}
.short-dec{font-size:15px; line-height:22px; padding:30px 0px; color:#5c5c5c;}

.product-contact-form{display:table; width:40%; float:right; box-sizing:border-box; padding:20px; background-color:#ff0000;}

.product-contact-form input[type="text"], .product-contact-form input[type="email"], .product-contact-form textarea[type="text"], .product-contact-form textarea[type="select"], .product-contact-form input[type="tel"]{width:98%; padding:15px; border:none; margin-bottom:10px; color: #3c3c3b; font-size:12px; opacity:1; box-sizing: border-box; height: auto; border-radius:3px; margin: 1%; float: left;}

.product-contact-form select, .product-contact-form textarea{width:98%; padding:14px 10px; border-radius:3px; color: #3c3c3b; font-size:12px; opacity:1; border:none; float:left; margin:1%;}
.product-contact-form button{width:99%; padding:15px; border-radius:3px; cursor:pointer; background-color:#2b2a29; margin-top:3px; margin-left:0.5%; margin-right:0.5%; font-size:12px; font-weight:600; color:rgba(225,225,225,0.7); border:1px solid #ff0000; transition: all 0.5s ease 0s;}
.product-contact-form button:hover{opacity:0.9; transition: all 0.5s ease 0s;}

input[type="text"], input[type="email"], input[type="tel"] ::-moz-placeholder { 
  color: #3c3c3b;
  font-size:12px;
  opacity:1;
}
input[type="text"], input[type="email"], input[type="tel"] :-ms-input-placeholder { 
  color: #3c3c3b;
  font-size:12px;
  opacity:1;
}
input[type="text"], input[type="email"], input[type="tel"] :-moz-placeholder { 
  color: #3c3c3b;
  font-size:12px;
  opacity:1;
}

.button{border:none; margin-top:auto;}

/*Produts*/
#products{width:100%; display:table;}
#products .wrap{padding:0px 10px 70px 10px;}
#products table tr td {width:9%; text-align:left; height:40px; padding:0px 15px; font-size:14px; line-height:24px; color:#5c5c5c; border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1);}
#products table tr:nth-child(odd) {background-color:#f7f7f7;}
#products table tr .table-title{font-weight:700; border:none; border-bottom:1px solid rgba(0,0,0,0.1);}
#products table ul{display:table; margin-left:15px;}
#products table ul li{list-style:outside; line-height:19px; margin-bottom:10px;}
.products-list{width:100%; display:table; padding:70px; box-sizing:border-box;}
.products-list img{width:100%; max-width:300px;}
.products-list .product-data{width:65%; display:table;}
.products-list .product-data table{width:100%;}
.weighbridges table{width:auto; margin:0px auto; display:table;}
.right-align .product-data{float:right;}
.right-align img{float:left;}
.left-align{background-color:#f1f1f1;}
.left-align .product-data{float:left;}
.left-align img{float:right;}
.last-product{border-bottom:none; padding-bottom:0px;}
.weighbridges-category .inquiry-now{float:none; margin:15px auto 0; display:table; margin-top:15px; background:#ff0000; border:1px solid #ff0000; border-radius:3px; padding:5px 10px; color:#FFF;}
.inquiry-now{font-size:14px; float:left; margin-top:15px;  border:none; font-weight:600; padding:5px 10px; color:#FFF; background:#ff0000; border-radius:3px; transition: all 0.5s ease 0s;}
.inquiry-now:hover{opacity:0.9; transition: all 0.5s ease 0s;}
.inquiry-now:focus{outline:none;}

/*Inner page*/
#inner-page{width:100%; display:table;}
.products {width:100%; max-width:1200px; margin:0px auto; display:table; }
.products ul{width:100%; float:left; }
.products ul li{width:33.3%; text-align:center; float:left; padding:40px 20px; }
.products ul li h4{ width:100%; float:left; text-align:center;margin:10px 0px;transition: all 0.5s ease 0s;  }
.products ul li a{ margin:0px auto; display:table; color:#000; transition: all 0.5s ease 0s;   }
.products ul li:hover a, .products ul li:hover h4 { color:#F00; transition: all 0.5s ease 0s;}
.products ul li:hover {background:#f6f6f6; }
.about-us{width:100%; display:table;}
.about-us .wrap{padding:70px 10px;}
.about-us img{width:100%; max-width:500px; transition: all 0.5s ease 0s; }
.about-us img:hover{opacity:0.8; transition: all 0.5s ease 0s;}
.about-dec{width:55%; float:right;}
.about-dec h2{font-size:30px; color:#2b2a29; font-weight:800; text-transform: uppercase;}
.about-dec h2 span{font-weight:400;}
.about-dec h3{float: left; font-weight: 600; padding-bottom: 25px; color: #5c5c5c; font-size: 20px;}
.about-dec p{float:left; line-height:24px; color:#5c5c5c; font-size:14px;}
.about-dec .under-line{width:10%; height:2px; background:#ff0000; margin:15px 0px 25px 0px; float:left;}
.about-us ul{max-width:1200px; margin:0px auto; display:table; width:100%; }

.page-dec{float:left; width:50%; }

.infrastructure{width:100%; display:table; background-color:#f2f2f2; background:url(images/architectural-bg.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}
.infrastructure .wrap{padding:50px 10px;}
.infrastructure h2{font-size:30px; color:#ff0000; font-weight:800; text-transform: uppercase; text-align:center;}
.infrastructure .under-line{width:7%; height:2px; background:#000; margin:20px auto 25px; display:table; opacity:0.7;}
.infrastructure p{text-align:center; line-height:26px; font-size:16px; color:#5c5c5c; transition: all 0.5s ease 0s;}
.infrastructure:hover p{color:#000; transition: all 0.5s ease 0s;}
/*#products .platform-scales table tr:nth-child(1){}
#products .platform-scales table tr:nth-child(2) td{}*/
.product-note{font-size:13px; margin:15px 0px 0px 0px; float:left; color:#5c5c5c; width:100%;}

.weighbridges-category{margin:70px auto; display:table;}
.weighbridges-category li{width:25%; float:left; box-sizing:border-box; padding:0px 50px;}
.weighbridges-category li img{width:100%; max-width:204px;}
.weighbridges-category li h3{display:block; text-align:center; font-weight:400; color:#7c7c7c; font-size:16px; margin-top:15px;}

.accessories{width:100%; display:table; background-color: #f7f7f7;}
.accessories .wrap{padding:70px 10px; box-sizing:border-box;}
.accessories ul{width:100%;}
.accessories ul li{width:33.33%; float:left; margin-bottom:30px;}
.accessories ul li img{margin:0px auto; display:table;}
.accessories ul li h3{font-size:16px; margin:10px auto; display:table; text-align:center; line-height:24px; color: #5c5c5c; font-weight:600;}
.accessories ul li:nth-child(7){margin:0px auto; display:table; float:none;}

/*Receipt*/
.receipt{width:100%; display:table;}
.receipt .wrap{padding:70px 10px; box-sizing:border-box;}
.receipt ul{width:100%; display:table;}
.receipt ul li{width:50%; float:left;}
.receipt ul li a img{width:100%;}
.receipt .modal-dialog{width:auto;}
.receipt .modal-content{background:none; background: none; box-shadow: none; border: none;}
.receipt .modal-content img{width:100%;}
.receipt .close{margin-right:-50px; color:#FFF;}

/*Quality*/
.quality{width:100%; display:table;}
.quality .wrap{padding:100px 10px;}
.quality img{width:100%; max-width:500px; transition: all 0.5s ease 0s;}
.quality img:hover{opacity:0.8; transition: all 0.5s ease 0s;}
.quality-description{width:60%; float:right;}
.quality-description h2{font-size:30px; color:#2b2a29; font-weight:800; text-transform: uppercase;}
.quality-description h2 span{font-weight:400;}
.quality-description h3{float: left; font-weight: 600; padding-bottom: 25px; color: #5c5c5c; font-size: 20px;}
.quality-description p{float:left; line-height:22px; color:#5c5c5c; font-size:14px; margin-bottom:15px;}
.quality-description .under-line{width:10%; height:2px; background:#ff0000; margin:15px 0px 25px 0px; float:left;}

.our-assurance{width:100%; display:table; background-color:#f2f2f2; background:url(images/architectural-bg.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}
.our-assurance .wrap{padding:130px 10px;}
.our-assurance h2{font-size:30px; color:#ff0000; font-weight:800; text-transform: uppercase; text-align:center;}
.our-assurance .under-line{width:7%; height:2px; background:#000; margin:20px auto 25px; display:table; opacity:0.7;}
.our-assurance ul{margin:0px auto; display:table;}
.our-assurance li{text-align:center; font-size:16px; color:#5c5c5c; transition: all 0.5s ease 0s; margin-bottom:10px;}
.our-assurance:hover li{color:#000; transition: all 0.5s ease 0s;}

.download-model{background:url(images/Download-model-approvals.png) no-repeat left center; padding: 6px 0px 6px 45px; float: left; color:#000; font-weight:600; margin-top:15px; transition: all 0.5s ease 0s;}
.download-model:hover{color: #ff0000; transition: all 0.5s ease 0s;}

.assurance-dec{width:100%; display:table; margin-top:20px;}
.assurance-dec p{width:100%; float:left; text-align:center; font-size:14px; padding-top:10px; color:#5c5c5c;}

/*contact-us*/
.contact-us{width:100%; display:table;}
.contact-us iframe{float:left; border:0; width:100%; height:450px;}

.contact-details{display:table; float:left; margin-top:30px;}
.contact-details li{float:left; width:100%; font-size:14px; color:#5c5c5c; margin-bottom:3px;}
.contact-details li:nth-child(1){background:url(images/Contact-Person.png) no-repeat left center; padding: 5px 0px 5px 40px; display:none; background-size:20px;}
.contact-details li:nth-child(2){background:url(images/Address.png) no-repeat left top 4px; padding-left:40px; background-size:20px;}
.contact-details li:nth-child(3){background:url(images/Mobile-No.png) no-repeat left center; padding: 5px 0px 5px 40px; background-size:20px;}
.contact-details li:nth-child(3) strong{padding-left:5px;}
.contact-details li:nth-child(4){background:url(images/Email.png) no-repeat left center; padding: 5px 0px 5px 40px; background-size:20px;}
.contact-details li span{display:inline;}
.contact-details li a{font-size:14px; color:#5c5c5c; transition: all 0.5s ease 0s;}
.contact-details li a:hover{color:#ff0000; transition: all 0.5s ease 0s;}

/*Popup contct form*/
.modal-body{margin: 0px auto; display:table;}
.modal-open .modal{padding:0px !important;}
.popup-contact-form{display:table; width:50%; margin:0px auto; float:none; box-sizing:border-box; padding:30px; background-color:#ff0000;}

.popup-contact-form input[type="text"], .popup-contact-form input[type="email"], .popup-contact-form textarea[type="text"], .popup-contact-form textarea[type="select"], .popup-contact-form input[type="tel"]{width:100%; padding:15px; border:none; margin-bottom:10px; color: #3c3c3b; font-size:12px; opacity:1; box-sizing: border-box; height: auto; border-radius:3px;}

.popup-contact-form select{width:100%; padding:15px 10px; border-radius:3px; color: #3c3c3b; font-size:12px; opacity:1; border:none; margin-bottom:10px;}
.popup-contact-form button{width:100%; padding:15px; border-radius:3px; cursor:pointer; background-color:#2b2a29; margin-top:10px; font-size:12px; font-weight:600; color:rgba(225,225,225,0.7); border:1px solid #ff0000; transition: all 0.5s ease 0s;}
.popup-contact-form button:hover{opacity:0.9; transition: all 0.5s ease 0s;}
.product-img{float:left; width:30%;}
.left-align .product-img{float:right;}
.product-img img{margin:0px auto; display:table; float:none;}
.product-img p{margin:10px auto 0; display:table; text-align:center; font-size:16px; font-weight:600;}
#products .ps-data tr td{padding:0px 8px;}
.mobile-contact{display:none;}
.inquiry-success{margin:0px auto; display:table; width:100%; max-width:150px;}

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

	#quality-assurance h3{font-size:100px;}
}

@media screen and (max-width: 1280px) {
	
	#quality-assurance h3 {font-size: 100px;}
	#industries-we-serve{padding: 100px 0px 100px 0px;}
	.infrastructure .wrap, .our-assurance .wrap{padding: 100px 10px;}
	#triple-accuracy h3 {font-size: 300px;}
}

@media screen and (max-width: 1270px) {
	
	#quality-assurance h3, #whay-choose h3{font-size:90px; line-height:70px;}
}

@media screen and (max-width: 1144px) {
	
	#quality-assurance h3, #whay-choose h3 {font-size:70px; line-height:54px;}
}

@media screen and (max-width: 1024px) {
	
	#cssmenu .contact-btn {font-size:17px;}
	#cssmenu > ul > li > a {padding:12px;}
	#whay-choose h2{line-height:40px;}
	#whay-choose p {font-size: 16px;}
	#whay-choose .wrap {padding: 100px 10px;}
	#industries-we-serve .section {width: 80%;}
	#triple-accuracy h4{font-size:40px;}
	#triple-accuracy h4 strong{font-size:90px; line-height:80px;}
	#triple-accuracy h3 {font-size: 220px; line-height:150px;}
	.about-us img, .quality img{width: 40%;}
	.products-list .product-data {width: 100%;}
	.inquiry-now{margin: 20px auto 0; display: table; float:none;}
	.right-align img, .left-align img{float: none; margin: 0px auto 40px; display: table;}
	.contact-us iframe{height:400px;}
	.product-note{text-align: center; margin: 20px 0px;}
	.product-img{width:100%;}
	.product-img p{margin:0px auto 30px;}
	.contact-details li{margin-bottom:4px;}
	.quality-dec ul {width: 90%;}
}

@media screen and (max-width: 980px) {
	header .wrap{padding:15px 0px 0px 0px; }
	.logo{z-index:2; position:relative; margin:0px auto; display:table; float:none;}
	nav{width:100%;}
	/*#cssmenu{width:100%}*/
	#cssmenu {width:100%; float:left;  right:0px; z-index:1; padding:0px; margin-top:10px;}
	#cssmenu ul{width:auto;display:none; background:#2b2a29; box-sizing:border-box; margin:0px;}
	#cssmenu ul li{width:100%;border-top:1px solid rgba(0,0,0,0.2);}
	#cssmenu ul li:hover{background:#ff0000;}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0; color:#FFF;}
	#cssmenu > ul > li{float:none}
	#cssmenu ul ul li a{padding-left:20px}
	#cssmenu ul ul li{background:#333!important;}
	#cssmenu ul ul li:hover{background:#363636!important}
	#cssmenu ul ul ul li a{padding-left:35px}
	#cssmenu ul ul li a{color:#ddd;background:none}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left; padding:0px;}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#head-mobile{display:block;padding:6px 20px;color:#ddd;font-size:12px;font-weight:700;}
	.menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
	.menu-button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #333;border-bottom:2px solid #333;content:''}
	.menu-button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#333;content:''}
	.menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.menu-button.menu-opened:before{top:23px;background:#333;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:-1px;display:block;border-left:1px solid rgba(0,0,0,0.2);height:40px;width:39px;cursor:pointer}
	#cssmenu .submenu-button.submenu-opened{background:#262626}
	#cssmenu ul ul .submenu-button{height:32px;width:34px}
	#cssmenu .submenu-button:after{position:absolute;top:18px;right:16px;width:8px;height:2px;display:block;background:#ddd;content:''}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu .submenu-button.submenu-opened:after{background:#fff}
	#cssmenu .submenu-button:before{position:absolute;top:15px;right:19px;display:block;width:2px;height:8px;background:#ddd;content:''}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
	.item.active li:nth-child(2), .item.active li:nth-child(4){border:none; border-bottom:1px solid #ff0000;}
	.item li{border-bottom:1px solid #ff0000;}
	#cssmenu > ul > li:last-child {margin-left: 0;}
	#cssmenu .contact-btn{border:0px; border-radius:0; padding:12px; color:#FFF;}
	#cssmenu .contact-btn span{color:#FFF;}
	#cssmenu ul li:hover a{color:#FFF;}
	#cssmenu ul li.active a {color:#FFF;}
	#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{background:#ff0000;}
	#industries-we-serve .section {width: 90%;}
	.weighbridges-category li{width:50%; margin-bottom: 100px; text-align: center;}
	.weighbridges-category li:nth-child(3), .weighbridges-category li:nth-child(4){margin-bottom:0px;}
	.accessories ul li {width: 50%; margin-bottom: 60px;}
	.accessories ul li:nth-child(3){margin-bottom:0px;}
	.receipt .close {margin-right:0;  margin-bottom:10px; margin-top:-35px;}
	#cssmenu .mobile-contact{display:table; padding:0px;}
}

@media screen and (max-width: 800px) {
	.carousel-indicators{bottom:-10px; }
	#banner h1{margin:30px auto 5px; line-height:40px;}
	.mobile-and-tablet-products{display:table; margin-top:20px;}
	.mobile-and-tablet-products ul li:nth-child(1), .mobile-and-tablet-products ul li:nth-child(2){padding-top:0px;}
	/*.mobile-and-tablet-products ul li:nth-child(1) img, .mobile-and-tablet-products ul li:nth-child(2) img{margin-top:-40px;}*/

	.trust h3{float:none; padding:30px 0px; margin:0px auto; display:table; background:url(images/arrow-down.png) no-repeat center bottom;}
	.trust:hover h3{padding:30px 0px;}
	.trust p{float:none; padding: 5px 0px 24px 0px;}
	#whay-choose ul{margin-top:30px;}
	#whay-choose ul li{width:100%; margin-top:50px;}
	#quality-assurance .icon {display:table; float:none; margin:0 auto; padding-top:0; text-align:center; width:100%;}
	#quality-assurance .quality-dec {float: none; margin-top: 50px; text-align: center; width: 100%;}
	#whay-choose .wrap{padding:70px 10px;}
	#quality-assurance{padding:70px 0px;}
	#industries-we-serve{padding:70px 0px 10px 0px;}
	.quality-dec .government-approved, .quality-dec ul, #industries-we-serve .section{width:100%; text-align:center;}
	.quality-dec ul li{background:none; margin-bottom:20px; padding:0;}
	#quality-assurance{padding:70px 0px;}
	.quality-dec a{float:none; margin:30px auto 0; display:table;}
	#triple-accuracy .wrap{background-position:center; padding:70px 10px;}
	#triple-accuracy h3{display:table; float:none; font-size:220px; line-height:150px; margin:0 auto; padding:0;}
	#triple-accuracy h4 {display:table; float:none; font-size:40px; margin:30px auto 0; padding:0;}
	footer{padding:50px 0px 20px 0px;}
	.footer-logo{float:none; margin:0px auto; display:table;}
	.footer-right{width:100%;}
	.footer-nav{padding-bottom:15px;}
	.f-social {display:table; float:none; margin:15px auto 10px;}
	.f-social li{margin:0 4px;}
	.f-nav, .copyright{display: table; float: none; margin: 0 auto;}
	
	#banner-inner .page-dec {width:90%; float:none; text-align:center; margin:0px auto; display:table;}
	#banner-inner .wrap {padding: 20px 10px 0px 10px;}
	.short-dec{padding:15px 0px 20px 0px;}
	.product-contact-form{width:80%; float:none; margin:0px auto; display:table;}
	.about-us .wrap{padding:70px 10px; text-align:center;}
	.about-us img, .quality img {width: 100%;}
	.about-dec {width: 100%; float: none; margin-top: 50px;}
	.about-dec .under-line, .quality-description .under-line{float:none; display:table; margin:20px auto 25px;}
	.infrastructure .wrap, .our-assurance .wrap {padding: 70px 10px;}
	.products-list{padding:70px 10px;}
	#products .wrap {padding: 0px 10px 10px 10px;}
	.weighbridges-category{margin-bottom:70px;}
	.weighbridges-category li{padding: 0px 25px;}
	
	.quality .wrap {padding:50px 10px 70px 10px; text-align: center;}
	.quality-description {width: 100%;}
	.quality-description p{float:none;}
	.download-model{margin:30px auto 0; display:table; float:none;}
	.contact-details{display:table; float:none; margin:30px auto 0; width:100%;}
	.contact-details li:nth-child(1), .contact-details li:nth-child(2), .contact-details li:nth-child(3){background-position:top center; padding:25px 0px 0px 0px; margin-bottom:20px;}
	.contact-details li:nth-child(4){background-position:top center; padding:25px 0px 0px 0px; margin-bottom:25px;}
	.contact-us iframe {height: 350px;}
	#quality-assurance h3, #whay-choose h3 {font-size:50px; line-height:38px;}
	#banner, #banner-inner{margin-top:40px;}
}

@media screen and (max-width: 768px) {
	
	#quality-assurance .icon img{max-width:200px;}
	#triple-accuracy h3{font-size:200px;}
	#triple-accuracy h4 strong {font-size:80px; line-height:70px;}
	.weighbridges-category li {padding: 0px 20px;}
	#triple-accuracy .wrap{background-position: 100%; padding:60px 10px 70px 0px;}
	#triple-accuracy h3 {font-size: 180px;}
	#triple-accuracy h4{margin:15px auto 0;}
	#triple-accuracy h4 strong {font-size: 70px; line-height: 60px;}
	.accessories ul li img{max-width:200px;}
	.accessories ul li h3{font-size:15px; line-height:22px;}
	.carousel-caption{top:35%; }
	.carousel-caption h3{font-size:34px; }

  #head-mobile{ padding:0px; }
  #head-mobile label{padding-top: 3px; padding-right: 25px;}

}

@media screen and (max-width: 736px) {
	.carousel-caption h3{font-size:34px; top:15%; }
	#banner, #industries-we-serve{background:none;}
	#banner h1 {margin: 10px auto 5px;}
	#banner-inner .page-dec{width:100%;}
	.mobile-and-tablet-products li h4{padding: 20px 0px 10px 0px;}
	.short-dec {padding:15px 0px 20px 0px; font-size:14px; line-height:20px;}
	.product-contact-form{width:90%;}
	.our-assurance li{margin-bottom:20px;}
	.our-assurance li:last-child{margin-bottom:0px;}
	#products .weighbridges table tr td{text-align:center;}
	.weighbridges-category li{padding:0px; width:100%; text-align:center; margin-bottom:50px;}
	.weighbridges-category li:last-child{margin-bottom:0px;}
	.weighbridges-category {margin-bottom: 50px;}
	#products table ul{width:100%; margin:0px;}
	#products table ul li {list-style:none; padding:10px 0px; margin:0px;}
	#banner{margin-top: 60px;}
	#banner-inner {margin-top: 50px;}
	.weighbridges-category li:nth-child(3){margin-bottom:50px;}
  .page-dec{ width:100%; }
}

@media screen and (max-width: 667px) {
	
	#banner h1, #whay-choose h2, .quality-dec h2, #industries-we-serve h2, #triple-accuracy h4{font-size:36px; line-height:36px;}
	#whay-choose .wrap, #triple-accuracy .wrap, .about-us .wrap, .infrastructure .wrap, .our-assurance .wrap, .products-list, .quality .wrap{padding: 50px 10px;}
	#quality-assurance {padding: 50px 0px;}
	#industries-we-serve{padding: 50px 0px 10px 0px;}
	#whay-choose ul li:first-child{margin-top:20px;}
	#whay-choose ul li{margin-top:40px;}
	#quality-assurance .icon img {max-width: 150px;}
	.quality-dec .government-approved {font-size: 16px;}
	#industries-we-serve p{padding:10px 0px 15px 0px;}
	#industries-we-serve ul li{width:50%;}
	#triple-accuracy .wrap{background:none;}
	#triple-accuracy h3 {font-size: 150px; line-height: 110px;}
	#triple-accuracy h4 {margin:15px auto 0;}
	#triple-accuracy h4 strong {font-size: 60px; line-height: 50px;}
	.quality-dec a {font-size: 14px;}
	.about-dec h3{font-size: 16px; line-height: 22px;}
	.about-dec .under-line, .quality-description .under-line{margin: 20px auto;}
	.infrastructure p{line-height:22px;}
	.assurance-dec p{padding-top: 20px;}
	.product-contact-form{display:none;}
	.trust h3{background:none;}
	.trust{display:none;}
	.receipt .wrap {padding: 20px 10px;}
	.receipt ul li {width: 100%; margin-bottom: 10px;}
	.receipt ul li:last-child{margin-bottom:0px;}
	.receipt .close{margin-top: -20px;}
	.quality-dec ul li:last-child{margin-bottom:0px;}
    #whay-choose .wrap{padding-bottom:80px;}
	#quality-assurance .wrap{padding-bottom:20px;}
		.trust h3 a{display:table; margin:0px auto; }
}

@media screen and (max-width: 600px) {
	.cliente ul li{ width:49%; padding:10px 30px; }
	#quality-assurance .quality-dec{margin-top:30px;}
	#banner-inner .wrap {padding: 10px 10px 0px 10px;}

}

@media screen and (max-width: 568px) {
	
	#banner h1, #whay-choose h2, .quality-dec h2, #industries-we-serve h2, #triple-accuracy h4, #banner-inner h1{font-size: 30px; line-height: 30px;}
	#cssmenu ul{margin:0;}
	.quality-dec a{margin:15px auto 0;}
	#triple-accuracy h3 {font-size: 130px; line-height: 100px;}
	#triple-accuracy h4 strong {font-size: 50px; line-height: 40px;}
	.product-contact-form {width: 95%;}
	.about-dec .under-line, .quality-description .under-line, .infrastructure .under-line{margin: 15px auto;}
	footer {padding: 20px 0px 15px 0px;}
	.footer-nav {padding-bottom: 10px; margin-bottom: 15px;}
	.products-list{padding:50px 0px;}
	.mobile-and-tablet-products ul li{width:100%; border-right:0px;}
	.mobile-and-tablet-products ul li:nth-child(5){border-bottom: 1px solid #ff0000; /*padding-top:0px;*/}
	#products table tr td{width:auto;}
	.trust h3 {font-size: 22px;}
	.right-align img, .left-align img{margin: 0px auto 20px;}
	.about-us img, .quality img {width: 80%;}
	.accessories .wrap {padding: 50px 10px;}
	.accessories ul li {width: 100%; margin-bottom: 50px;}
	.accessories ul li:nth-child(3) {margin-bottom: 0px; margin-bottom: 50px;}
	.mobile-and-tablet-products ul li:nth-child(2){padding-top:30px;}
	#products table tr td{font-size:12px; padding:0px 6px;}
	.popup-contact-form{width:100%; padding:20px;}
	#quality-assurance h3, #whay-choose h3 {font-size:40px; line-height:30px;}
	#quality-assurance h3{color: rgba(225,225,225,0.1);}
	.page-dec{width:100%; }
}

@media screen and (max-width: 480px) {
	
	.mobile-and-tablet-products{margin-top:0px;}
	#quality-assurance .icon img {max-width: 100px;}
	#quality-assurance .quality-dec {margin-top: 15px;}
	#industries-we-serve ul li {width: 100%;}
	#banner-inner .wrap{padding:0px 10px;}
	.trust h3 {font-size: 16px; padding: 30px 0px 10px 0px;}
	.trust p span {display: inline;}
	.about-dec{margin-top: 20px;}
	#whay-choose ul li:first-child {margin-top: 10px;}
	#whay-choose p, .quality-dec .government-approved, #industries-we-serve p{font-size: 14px;}
	#triple-accuracy h3 {font-size: 100px; line-height: 70px;}
	.f-nav li {width: 100%;}
	.f-nav li a{width:100%; text-align:center;}
	.product-contact-form {width: 100%;}
	.short-dec{display:none;}
	#quality-assurance h3, #whay-choose h3 {font-size: 35px; line-height: 27px;}
}

@media screen and (max-width: 414px) {
	
	#banner h1{margin:10px auto;}
	.contact-details li{font-size:13px;}
	.products-list{padding:30px 0px;}
	.about-us .wrap, .first-product, .quality .wrap{padding-top:20px;}
	.about-us img, .quality img{width:100%;}
	#banner-inner {margin-top: 65px;}
	#banner-inner h1, .infrastructure h2, .about-dec h2{font-size:26px;}
	#products table tr td{font-size:9px; height:25px; padding:1px; line-height:15px;}
	#products .ps-data tr td{padding:1px;}
	#quality-assurance h3, #whay-choose h3 {font-size: 30px; line-height: 23px;}
	#whay-choose .wrap {padding-bottom: 60px;}
	#quality-assurance .wrap {padding-bottom: 10px;}
	#banner h1 strong{font-size:34px; padding-top:5px; line-height:34px; display:table; }
	.carousel-caption{ top:15%; }
	.carousel-caption h3{font-size:24px;  }
	#whay-choose h2{ font-size:25px; }
	.bx-wrapper .item{ margin-left:20px; }
}

@media screen and (max-width: 375px) {
	
	#banner h1 span, #banner h1 span, #triple-accuracy h4 span, #whay-choose h2 span{display: inline;}
	.contact-details li:nth-child(1), .contact-details li:nth-child(2), .contact-details li:nth-child(3){margin-bottom:20px;}
	#banner h1, #whay-choose h2, .quality-dec h2, #industries-we-serve h2, #triple-accuracy h4, #banner-inner h1, .about-dec h2, .infrastructure h2, .quality-description h2, .our-assurance h2{font-size: 26px; line-height: 26px;}
	#triple-accuracy h4 {margin: 10px auto 0;}
	#triple-accuracy h4 strong {font-size: 40px;}
	#triple-accuracy h3 {font-size: 70px; line-height: 40px;}
	.about-dec h3 {font-size: 14px; line-height: 20px;}
	.infrastructure .wrap, .our-assurance .wrap{padding: 25px 10px;}
	.infrastructure p{font-size:14px; line-height:20px;}
	.logo img{max-width:160px;}
	#banner {margin-top: 55px;}
	#cssmenu .mobile-contact{font-size:16px;}
	.weighbridges-category{margin-top:20px;}
	#products table ul li{line-height:15px; padding:7px 0px;}
	.contact-us iframe {height: 300px;}
	.mobile-and-tablet-products li h4{font-size:16px;}
	#quality-assurance h3, #whay-choose h3 {font-size: 26px; line-height: 20px;}
	#quality-assurance .wrap {padding-bottom: 0;}
	#whay-choose .wrap {padding-bottom: 50px;}
	#whay-choose h3{color: rgba(0,0,0,0.4);}
}


@media screen and (max-width: 320px) {
	
	#banner h1, #whay-choose h2, .quality-dec h2, #industries-we-serve h2, #triple-accuracy h4, #banner-inner h1, .about-dec h2, .infrastructure h2, .quality-description h2, .our-assurance h2 { font-size: 20px; line-height: 22px;}
	header{margin-bottom:0px;}
	#cssmenu > ul > li > a, #cssmenu .contact-btn{font-size:13px;}
	#cssmenu .mobile-contact{font-size:16px;}
	#quality-assurance h3, #whay-choose h3 {font-size: 24px; line-height: 19px;}
	#whay-choose .wrap {padding-bottom: 40px;}
}

/*------------------------------ Bxslider----------------------------*/

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block; margin:0px auto;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/

.bx-wrapper {
	max-width:1280px; width:100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/*--------------------Mobile Menu------------------------*/
nav {
  margin: 0;
  padding: 0;
}
#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}
nav:after {
  content: "";
  display: table;
  clear: both;
}
nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
}
nav ul li:nth-child(7) {border-radius:30px; border:2px solid #ff0000; margin-top:0px;} 

nav ul li:nth-child(7) a {padding:7px 20px;} 
nav ul li:nth-child(7):hover {background:#ff0000; border-radius:30px; color:#FFF;} 

nav a {
  display: block;
  padding: 10px 20px;
  color: #777;
  font-size: 16px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #000000; }

nav a:hover {  }
nav ul ul {
  display: none;
  position: absolute; z-index: 9999999999999;
  top: 40px; background: #ff0000;
}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
  width:100%;
  float: none; 
  display: list-item;
  position: relative;
}
nav ul ul a{padding:10px 20px; color: #FFF; font-size:14px;  }
.menu li > a:after { content: ' +'; }
.toggle, [id^=drop] {
 display: none;
}
li > a:only-child:after { content: ''; }

@media all and (max-width : 768px) {

   nav ul li ul li:nth-child(6) a{ padding-left:30px; } 
.logo{padding:0px 0px 10px 20px; float:left; max-width:220px  }
nav { margin: 0; }
.menuico span{ width: 34px;
  height: 3px; cursor:pointer;
  background-color: #ff0000;
  margin: 5px 0; display:block; }
  
.toggle + a,
 .menu { display: none; background:#212121; }
.toggle {
  display: block;
  
  font-size: 18px; 
  text-decoration: none;
  border: none;

}
label{ font-weight:normal; padding: 10px 20px;
color: #777;
font-size: 16px; cursor:pointer;}
.title{float:right; color:#000; cursor:pointer; }
nav ul li:nth-child(6):hover {background:#000000; } 
nav ul li:nth-child(7):hover {background:#000000; } 


li > a:after { content: ' +'; display:none; }

[id^=drop]:checked + ul { display: block; }
nav ul li {
  display: block;
  width: 100%;
}
nav ul li:nth-child(6), nav ul li:nth-child(6) :hover{border:none; border-radius:0px; }
nav ul li:nth-child(7), nav ul li:nth-child(7) :hover{border:none; border-radius:0px; bac }
nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
 nav ul ul ul a { background-color: #000000; }
nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; padding:10px 30px; font-size:14px;}
nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
nav ul ul li {
  display: block;
  width: 100%;
}
nav ul ul ul li { position: static;
}
}