/*start loading spinner*/
.loading {background:rgb(255,255,255);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;}
.loading-spinner {
    position: fixed;
    left: 50%;
    transform: translate(-50%,-50%) translateZ(0);
    top: 50%;
    width: 200px;
    height: 200px;
    z-index: 1;
    background: url('../images/logo.png') center no-repeat;
    background-size: contain;
	  /*animation: spinning 1.5s infinite ease-in-out;*/
	  display:none
}

.loading-spinner:after {
	content:"";
	position:absolute;
	width:230px;
	height:230px;
	background-color:rgba(0,0,0,0);
	border-radius:100%;
	margin:-15px;
	box-shadow: 0 4px 0 0 #000;
	transition: all 1s linear;
	animation: lds-eclipse 1s linear infinite;
}



@keyframes spinning {
	0% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
	50% { transform: translate(-50%,-50%) scale(1.1) translateZ(0);}
	100% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  
}

/*end loading spinner*/

@media (min-width:768px)
{.portfolio .col-lg-2{width:12.25%}
.carousel-caption{text-align: left; left:100px; 
bottom: 20px;
text-shadow: 0 0 0;
color:rgb(0,0,0); background-color:rgba(255,255,255,.6);
border-left: 7px solid rgb(177, 42,46);
padding-left:10px;
padding-top: 20px; }
.carousel-caption h2{font-size: 35px;    font-family: 'Open Sans', sans-serif; font-weight: bold; margin-bottom: 0;
color:rgb(0,0,0);
    margin-top: 0px;}
.carousel-caption p{font-size: 21px; font-family: 'roboto', sans-serif;  font-weight: 300; color:rgb(50,50,50); margin: 10px 0 0;}

}

body {padding-top: 100px;
font-family: 'roboto', sans-serif;
font-size:17px;
color: #000
}
a, a:hover, a:active {text-decoration:none;}
a {color: #000}
/***********start overiding bootstrap*******/
h1, h2, h3, h4, h5, lead {font-family: 'roboto', sans-serif}
/*main navbar*/
.h1, h2 {
	margin-bottom: 30px;
	font-size: 30px;
	
	
}





.story {font-family: "Helvetica Neue",'Raleway', Helvetica, Arial, sans-serif;
 text-align: left;
 
  font-size: 14px;
  
  color: #600;
 
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius:0px;
	
}


.key {padding-top: 100px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:32px;
color: #000;
}


nav {background:  url("../images/top-bar.gif") no-repeat top left ;
background-color:rgb(177, 44,46);
height:120px;
padding-top: 20px}
.navbar-brand {
    padding: 0 15px;
}
.container1{width:90%;
margin:auto;}

.companies a {
	font-size:14px;
	color: rgb(0,0,0);
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;}
.companies a .company {
color:rgb(177,42,46);
font-size:15px;

				}
				.company{
text-transform:none		}
.activities {margin-top:20px}
.activities .activity{margin-bottom:30px}
.activities a{color: rgb(34,34,34);
font-size:15px;
font-weight:300;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;}
.activity{margin-bottom:10px}
.about h2, .activities h2, .companies-cover h2, .content h2{color: rgb(0,0,0);
text-transform:uppercase;
font-family: 'roboto', sans-serif;
margin-bottom: 10px;}
.companies-cover h3{color: rgb(0,0,0);
font-weight:600;
font-size:18px}
.companies-cover {background-color:rgb(245,245,245);
padding-bottom:40px}
.company-cover {background-color:rgb(255,255,255);
margin-right: 1px;
margin-bottom:20px;
height:150px;
border-bottom: 20px solid rgb(177, 44,46)}
.company-cover .text{padding:0 15px 15px;
font-family: 'Roboto', sans-serif;
font-size:14px}
.company-cover a{color:rgb(34,34,34)}
.web{background: rgba(0, 0, 0, .4);
	padding: 5px 0 5px 15px;
	color: #FFF;
	text-align:left;
	margin-top: 20x}
.web a{
	color: #FFF;}
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 30px
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.call{font-size:38px;
font-family: 'Roboto', sans-serif;
margin-top:70px;
color: rgb(177, 44,46);}
.call span{font-size:20px;
text-transform:capitalize;
color: #000}
.sub3 span{font-size:14px;
text-transform:none;
padding-right:20px;
margin-top:20px;
display:block;
color: #757575;}
.values {font-size:18px}
.dropdown-menu h2{margin-bottom: 10px;
    margin-top: 0px;}
			.content {
	 margin-top: 30px;
	font-family: 'Roboto', sans-serif;
	font-size:15px
			}
	.about .content {
	 margin-top: 0;
			}		
			.content2 {
	margin-top: 25px;
	margin-bottom: 60px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px
			}
			
			
			.content h2 span{
				font-size:18px;
				text-transform:none;
				color:rgb(102,102,102)}
				
.box h2, .team2 h2, .our_clients h2{
	color: rgb(51,51,51)
}
.profile h2{
	background-color:rgb(20,73,149);
	color:#FFF;
	padding: 5px 40px;}
.navbar {min-height:70px;
border: 0px solid transparent;}
.navbar-default {border-color:transparent; background-color: #f8f8f8;}
.navbar-nav{font-size:18px;
text-transform: uppercase;
margin-top:25px}
.nav .contact{
border: 1px solid rgb(206,212,218);
border-radius: 5px;
margin-left: 20px
}
.navbar-default .navbar-nav > .contact > a {color:rgb(177, 44,46);
text-transform:capitalize;
font-weight:400}
.navbar-nav > .contact > a {
	
    padding-top: 5px;
    padding-bottom: 5px;}
	.navbar-nav > .contact{
    margin-top: 10px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:rgb(255,0,0);
}
.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size:18px
}
/*active link*/
.navbar-inverse .navbar-nav > li > a {color: #BBB;font-size:16px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a {color: #BBB;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{background-color:transparent;
color:rgb(200,101,103);}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {    color: rgb(200,101,103);
    background-color:transparent;
}
.nav .contact{background-color:none;
border: 1px solid rgb(206,212,218);
border-radius: 5px;
margin-left: 20px;
font-size:16px
}
/*drop down Menu*/
.dropdown-menu {
	background-color:rgb(255,255,255);
}
/*drop down Links*/
.dropdown-menu > li > a {color:rgb(204,204,204);padding: 6px 20px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:rgb(255,0,0);
	color:rgb(255,255,255);
	/*hover effect */
	padding-left:25px;
	/*to make th hover effect smother*/
	-webkit-transition:padding 0.7s ease; 
	-moz-transition:padding 0.7s ease;
	-o-transition:padding 0.7s ease;
	transition:padding 0.7s ease;
}
.dropdown-menu .divider {background-color:rgb(128,0,0);}
.navbar-right .dropdown-menu {left:0px;right:auto;}

/*didnt work with explorer
.navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}*/
.link{
	padding-bottom:20px;
	color:rgb(200,101,103);
	font-size:14px;
	font-weight:bold}
	.link3{
	padding-bottom:20px;
	color:rgb(0,0,0);
	font-size:20px;
	font-weight:normal; }
	.link a, .link a:hover{
	color:rgb(200,101,103);
	text-decoration:none;}
	.link2{
	padding-bottom:10px;
	color:rgb(20,73,149);
	font-size:17px;
}
	.line{	border-bottom: 1px solid #999;
	padding: 0 0 10px;
	text-transform: uppercase;
	color: #111;
	letter-spacing: .015em}
	.line1{
	text-transform: uppercase;
	color: #111;
	letter-spacing: 0.015em;
	padding-top: 35px;
}
	.img1{margin-right:-15px;
	margin-left:-15px;
	margin-bottom:-20px;}
	.border{border: 1px solid #999;}
	.link2 a, .link2 a:hover,.link3 a, .link3 a:hover{
	text-decoration:none;}
	.right{
		border-right:1px solid rgb(211,211,211)}
	.link1{
	color:rgb(200,101,103);
	font-size:27px;}
.sub{
	font-weight: normal;
	color: rgb(51,51,51);
	font-size: 13px;
	padding-bottom: 5px;}
	.sub a, .sub1 a, .sub2 a{color: rgb(0,0,0);
	text-decoration:none;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	}
	.sub a:hover, .sub1 a:hover, .sub2 a:hover{color: rgb(200,101,103);
	text-decoration:none;
	font-weight:normal;}
	.sub1{
		padding-top:87px;}
	.sub2{
		padding-top:20px;}
	.grey{
	padding-top: 0px;
	padding-bottom: 0px;
	color: rgb(141,141,141);
	font-size: 15px;
	font-weight: normal
	}
	.grey2{ padding-top:20px;
	padding-bottom:0px;
	color:rgb(153,153,153);
	font-size:15px;
	font-weight:normal
	}
	.link3 .grey{padding-top:20px}
	.img{
		padding-top:20px;
		padding-bottom:10px;
	}
	.img2{
		padding-top:5px;
	}
	.molto{padding-left: 0px}
	.dropdown-menu {border: 0px solid #ccc;
border: 0px solid rgba(0, 0, 0, .15);}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  border-color:transparent;
}
.languages{
	text-align: right;
	margin-top: 25px;
	margin-bottom: 30px;
	font-size:18px;
	
}
.languages a{
	color: #333333;
}
.languages a:hover{
	text-decoration: none;
	color:#337ab7;
}
.navbar-toggle {margin:20px}
.top {
	background: url("../images/top.png") no-repeat bottom center fixed;
	width: 100%;
	padding-bottom: 95%;
}
.top1 {
	background: url("../images/top1.jpg") no-repeat bottom center fixed;
	width: 100%;
	padding-bottom: 95%;
}
.top2 {
	background: url("../images/top2.jpg") no-repeat bottom center fixed;
	width: 100%;
	padding-bottom: 95%;
}
.top3 {
	background: url("../images/top3.jpg") no-repeat bottom center fixed;
	width: 100%;
	padding-bottom: 95%;
}
.title{
	margin-top: 20%;
	padding-left: 15%;
	opacity: .85;
}
.title1{
	margin-top: 9%;
	margin-bottom: -12%;
	padding-left: 10%;
	opacity: .85;
}
	.logo{
		text-align:right;
		vertical-align:bottom;
		padding-bottom:30px;
	}
	.box{
	padding: 20px;
	font-size: 18px;
	}
	.subtitle{
		line-height:40px;		
		 
	}
	.list1{
		line-height: 40px;
		color:rgb(0,0,0);
		padding-right:10%;
	}
	.list1 a{
		color:rgb(0,0,0)}
		.list1 a:hover, .list1 a:active{
		color:rgb(20,73,149);
		text-decoration:none;}
	.food{
		font-size:16px}
		.food img{max-width:350px;}
		.mission{
			background-color: rgb(232,232,232);
			padding-left: 0px;
			margin-bottom:50px;
			}
			.mission p{
				padding:15px;
			}
			.mission2{
				float:left;
				left:0px;
				padding-left: 0px;
			}	
			
			.company1{
			background:url("../images/companie1.gif") no-repeat center center;
			width:50%;
			min-height:300px;}
			
				.companies-left{
					border-left:1px solid rgb(204,204,204);
					padding-bottom:60px;
					padding-left: 50px;
				}
				.group{ font-size:20px;
				padding-top:25px;
				}
				.group h2{color:rgb(20,73,149)
			}
				.group nav{padding-bottom:70px;}
				.group h2{margin-bottom:10px;}
				.group h3{margin-bottom:40px;
				font-weight:bold;}
				.group .list-unstyled li{float:left; }
				.group .list-unstyled li a{padding: 20px; }
				.group .list-unstyled li a:hover{background-color:rgb(249,249,249)}
				.contact h3{color:rgb(20,73,149)}
/* carouse */

.carousel-indicators {bottom:0px;}
.carousel-indicators li {
	height:3px;
	width:30px;
	background-color:rgb(255,255,255);
	opacity: .5;
	margin-bottom:20px
}
.carousel-indicators .active {
	height:3px;
	width:30px;
	background-color:rgb(255,255,255);
	opacity: 1;
	margin-bottom:20px
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%}
/***********end overiding bootstrap*******/

/* start section about */
.covid {background:rgb(226,226,226);
color:rgb(0,0,0);
padding: 20px;
font-size:15px;
border-bottom: 1px solid rgb(204,204,204)}
.corporate{ background-color: rgb(177, 44,46);


    font-size: 15px;
    ;
    padding: 20px;
	color: rgb(234,234,234);
	margin-right: 1px;
	}
	.corporate h3{ 
	color: rgb(234,234,234)}
.about {
	margin-top: 5%;
	margin-bottom: 60px;
	padding: 0 120px;
}
.grey-background {background-color: rgb(245,245,245);}
.title2{font-size:20px}
.title3{font-size:16px}
.profile {
	margin-top: 5%;
	margin-bottom: 60px;
	padding-left: 30px;
	background-color: rgb(232,232,232);
}
.txt-profile{
		padding-right: 30px;}
.img-profile{
	padding:0;
	margin:0}

.about .lead {
	color:#888;
	font-size:25px;
	margin-top:15px;
}
.blue{
	background:rgb(73,100,138);
	color:rgb(255,255,255);}
.red{
	background:rgb(229,67,76);
	color:rgb(255,255,255);
}
	.white {
		background:rgb(255,255,255);
		color:rgb(26,28,33);
	}
.clients{	background:url("../images/clients-top.jpg") no-repeat center center fixed;
min-height: 200px;
color:rgb(255,255,255);
padding-top:6%;
	}
	.submenu{top:-140px;
	opacity:.85;
	text-align:right;
	}
	.submenu1{
	opacity:.85;
	text-align:right;
	}
	.logos{
		padding:40px;}
.features {
	background-color:#eee;
	padding-top:50px;
	padding-bottom:50px;	
}
.features a, a:hover, a:active{
	text-decoration:none;}
.features .col-lg-3, .features .col-sm-6
{
	padding-left:0px;
	padding-right:0px;
}

.feat p {line-height:2em;}
.feat1 {background:url("../images/design1.jpg") no-repeat center top;
min-height: 365px;}
.feat2 {background:url("../images/cylinder.jpg") no-repeat right top;
min-height: 365px;}
.feat3 {background:url("../images/packaging.jpg") no-repeat left top;
min-height: 365px;}
.featb {background:rgb(24,61,138);
min-height: 365px;}
.featr {background:rgb(221,98,103);
min-height: 365px;}
.btitle{
	position:relative;
	color:rgb(255,255,255);
	font-size:60px;
	line-height:60px;
	padding-top:10px;}
	.btitle2{
	position:relative;
	color:rgb(255,255,255);
	font-size:50px;
	line-height:50px;
	padding-top:90px;}
	.more{position:relative;
	color:rgb(255,255,255);
	font-size:25px;
	padding-top:20%;
}.more2{position:relative;
	color:rgb(255,255,255);
	font-size:25px;
	padding-top:7%;
}
.more3{border: 2px solid rgb(177, 44,46);
padding:10px 40px;
font-size:14px;
border-radius:5px}
 a .more3{color: rgb(177, 44,46);
text-transform:uppercase;}
 a:hover .more3{background: rgb(177, 44,46);
 color:#FFF;
text-transform:uppercase;}

.features .feat span.glyphicon {font-size:30px;margin-bottom:10px;}
.features .feat span.glyphicon hover {color:rgb(255,0,0);}
/* start section about */

/* end testimonials section */
.testimonials {padding-top: 50px;padding-bottom:50px;}
.testimonials .lead {line-height: 2em;margin-bottom:10px;}
.testimonials span {
	font-size:18px;
	font-weight:bold;
	color:rgb(255,0,0);
}
.testimonials .carousel-inner {min-height:160px;}
.testimonials .carousel-indicators {
	position:static;
	width:100%;
	margin-left:auto;
	padding-top:20px;
}
.testimonials .carousel-indicators li{
	text-indent:0px;
	width:80px;
	height:80px;
	opacity:0.5;
	border: 2px solid rgb(255,255,255);
	border-radius:50%; /* Circle*/
	overflow:hidden; /* to let the photo inside the border*/
	margin:5px;
}
.testimonials .carousel-indicators li.active{
	opacity:1;
	width:80px;
	height:80px;
	background:none;
	border: 2px solid rgb(51,51,51);
	border-radius:50%;
	overflow:hidden;
}
.testimonials .carousel-indicators li img{max-width:100%;}
/* start section price table */
.price-table {
	background-color: rgb(24,61,138);
	padding-top: 70px;
	padding-bottom: 50px;
	color: rgb(255,255,255);;
}
.price-table1 {
	background-color: rgb(146, 146, 147);
	padding-top: 70px;
	padding-bottom: 50px;
	color: rgb(255,255,255);;
}
.price-table h2{
	color:rgb(255,255,255);}
.price-table .price-box, .price-table1 .price-box{
	padding:10px;
	margin-bottom:15px;
}
.price-table .price-box:hover p{
	
}
.price-table .price-box span, .price-table1 .price-box span{margin:5px 0 15;
font-size:36px;}
.price-table .price-box p{
	padding-top:20px;
	font-size:20px;
}
.price-table .price-box ul{line-height:250%;font-size:18px;}
.price-table .price-box a{margin-bottom:5px;}
/* end section price table */
/* start section our team */
.team {
	min-height: 375px;
	background: url("../images/back-products.jpg") no-repeat center bottom;
	width: 100%;
}
.team .team2 {
	color: rgb(51,51,51);
	padding-top: 40px;
	padding-bottom: 40px;
}
.products{
	font-size: 18px;
	color: rgb(51,51,51);
	margin-top: 80px;
	margin-bottom: 110px;
}
.team2 .person {margin-bottom:40px; }
/* end section our team */

/* start section suscribe */
.subscribe {
	padding-top: 40px;
	padding-bottom:70px;
	background:#EEE;
}
.subscribe .h1 {
	color:#888;
	letter-spacing:2px;
	margin-bottom:20px;
}
.subscribe p {margin-bottom:30px;}
.subscribe .form-control {
	border-radius:0;
	margin-right:-5px;
	width:300px;
}
.subscribe button {border-radius:0;}
/* end section suscribe */

/* start section stas */
.stats {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
	opacity:.9;
}
.stats .stats2 {
	background:rgba(2,2,2,0.7);
	color:#B6B5B5;
	min-height:300px;
}
.stats3 {margin-bottom:30px;}
.stats3:hover {color:rgb(255,255,255);	}
.stats3 p{
	font-size:60px;
	font-weight:600;
	margin-bottom:0px;
}
.stats3 span{font-size:18px;}
/* end section stas */
/* start section skills */
.skils {padding-top:40px;padding-bottom:60px;}
.skils h3 {font-weight:bold;margin-top:0px;}
.skils .progress {height:30px;}
.skils .progress-bar {
	line-height:30px; /*same as height to center vertically*/
	font-size:15px;
	font-weight:bold;
	text-align:left;
	text-indent:10px;/*sto make a space fefore the text*/
}
/* end section skills */

/* start section contact */
.our_contact {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
}
.contact_us {
	background:rgba(2,2,2,0.7);
	min-height:300px;
	color:rgb(153,153,153);
	padding-top:40px;
	padding-bottom:40px;
}
.contact_us p {margin-bottom:40px;}
.contact_us textarea {height:108px;}
.contact_us input[type="text"], .contact_us textarea{
	background:rgba(82,78,78,0.7);
	color:rgb(255,255,255);
	border:none;}
/* end section contact */
/* start section our clients */
.our_clients{
	background: #EEE;
	padding-top: 80px;
	padding-bottom: 80px;
}	
.our_clients img{
	opacity:0.7;
	filter:alpha(opacity=70);/*for internet explorer*/
	margin-top:20px;
	margin-bottom:20px;	}
.our_clients img:hover {opacity:1;}
.suplier{padding:20px;}
/* end section our clients */
/* start section news */
.news {
	padding-top:60px;
	font-size:24px;
	padding-bottom:60px;
	}
	.news h2 {
		color:rgb(29,35,45);
		font-size:55px;}
		
	.title-page {
		color:rgb(177,42,46);
		font-size:16px;
		margin-bottom:20px;}	
		
		
	.news p{
			margin:20px;
			padding-bottom:20px;
			border-bottom: 1px solid rgb(226,226,226);
			color:rgb(102,102,102);}
	.news span{
				text-align:right;
				right:0;
				display:block;
				font-size:15px;
				padding-right:20px;
				padding-bottom:20px}
	.news a img{opacity:.9}
	.news a:hover img{opacity:1}
				
	.black{font-weight:600;}
/* end section our news */
.group-companies{	background:url("../images/companies.jpg") no-repeat center top fixed;
min-height: 200px;
color:rgb(255,255,255);
padding-top:6%;
	}

	.machines-right{
		border-right: solid 1px #CCC;
		padding:20px}
/* start section footer */
.footer {
	background-color:rgb(245,245,245);
	color: #222222;
	padding-top: 40px;
	padding-bottom: 30px;
	border-top: 1px solid rgb(221,221,221);
font-family: 'Roboto', sans-serif;
font-size:14px}
.footer a{color:#222222;	}
.footer a:hover {color:#000;}
.footer h3 {color:#0895d1;
	letter-spacing:1px;
	margin:30px 0px 20px;}

.footer .four-columns {overflow:hidden;}
.footer .four-columns li{
	width:25%;
	float:left;
	padding:5px 0;
}
.footer .social-list {overflow:hidden;margin:20px 0 10px;}
.footer .social-list li{
	float:left;
	margin:3px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.footer .social-list li:hover {opacity:1;filter:alpha(opacity=100);}
.footer .img-thumbnail {
	background:rgba(0,0,0,0.2);
	border:1px solid #444;
	margin-bottom:5px;}
.footer .copyright {
	background:#111;
	color:#AAA;
	padding:15px 0;
	margin-top:30px;
	font-size:18px;
}
.footer span {
	display: block;
	color: #222;
	font-size:16px
}
.main a {line-height:30px}
 .vline{
	 border-left: 1px solid rgb(177,42,46);
	 height:180px;
	 padding-left:20px;}
.vline li{	line-height: 30px;} 
/* end section footer */
/* start our grouping system */
.our_contact, .team, .stats, .top, .clients, .group-companies{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.footer .social-list li, .our_clients img, .stats3, 
.testimonials .carousel-indicators li.active, 
.price-table .price-box p{
	-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
	
	.companies-group  a img{opacity: .8; }
.companies-group  a:hover img{opacity: 1; }
.applications{
	background-color:rgb(239,239,239);
	margin: 30px 0;
	padding:15px;
	text-align:center;
	font-size:18px}
	.applications h3{
		font-size:36px;
		color:rgb(102,102,102)
	}
	.applications div{
		padding:5px;}
		.iso{padding-top:20px;
		padding-bottom:20px;}
		.warehouse{
			background:rgb(228,228,228);
			margin-right:3%;
			padding:20px;
			height:200px;}
			.warehouse p{
				font-size:20px}
			.warehouse span{
				font-size:36px}
			.categories{
				background-color:rgb(239,239,239);
				padding:30px;
				height:300px;
				margin-right:20px;
				color:rgb(24,61,138);
				font-size:30px;
				}
				.categories img{ margin-top:30px;margin-bottom:30px;
				vertical-align:bottom}
				.category a:hover div{
				background-color:rgb(204,204,204);
				color:rgb(255,255,255);
				}
/* end our grouping system */
/* there are 2 ways one to set the min & max width (in this way we have to type all the styles in every media) 
the other is to set min width only (in this case the style set in the first media will go through all other screens unless we overide it)*/
/* Mobiles and Tablets*/

		
@media (max-width:767px) 
{.navbar-brand {
    padding: 5px;
}
h2 {
    margin-bottom: 10px;}
.company-cover {
height:auto;
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    background-color: #f8f8f8;;
	
}
.nav .contact {
    margin-left: 0;
	margin-bottom:20px
}
nav { 
    height: 100px;
    
}
.about{
padding: 0; }
.sub {
    margin-left: 20px;
	padding-bottom: 0px;
}
	.navbar-nav > li > a {
		padding-top:10px;
		padding-bottom:10px;
		}
		.subscribe .form-control{
			margin:20px auto;
		}
		.navbar-fixed-top .navbar-collapse, 
		.navbar-fixed-bottom .navbar-collapse
		{max-height:none
		}
		.logos{
			padding:20px;}
.link3, .link {padding-bottom: 0px;
}
.line1 {padding-top: 0px;}
.border {
    border: 0px solid #999;
}
.sub2 {
    padding-top: 0px;
}
.line {
    border-bottom: 0px solid #999;
	padding:0px;
}
	.link2 {
    padding-bottom: 0px;
	font-size: 15px;}
	.link3 {font-size: 15px;}
	.link2 .sub{margin-left: 10px;}
	.img-profile {margin:-15px;}
	.submenu {top: 30px;}
	.submenu a{font-size:11px}
	.about {padding-left: 0px;}
	.list1 {line-height: 25px;}
	h2{font-size:25px;}
	.sub1 {
    padding-top: 0px;
}
.navbar-nav > li > a {line-height: 10px;}
.group{padding-top:10px;}
				.group h2{color:rgb(20,73,149)
			}
				.group nav{padding-bottom:30px;}
				
				.group h2{margin-bottom:10px;}
				.group h3{margin-bottom:20px;}
				.group .list-unstyled li a{padding: 5px; }
				.compnies-links{background-color:rgb(204,204,204)}
}
/* Small Screen*/
@media (min-width:768px) and (max-width:991px) 
{
	
}
/* Meduim Screen*/
@media (min-width:992px) and (max-width:1199px) 
{
	
}
/* Large Screen*/
@media (min-width:992px) 
{.arowblue { background:url(../images/arrowblue.gif);}
	
}
@media (min-width: 768px) {
  .grid-demo .col-sm-2, .grid .col-sm-2 {
    width: 14.28%;
  }
  .grid-demo .col-sm-10 {
    width: 80%;
  }
  .companies-group .col-sm-2
  { width: 14%;}
  .col-md-2a {
  width: 20%;
}
  }
/*sub of sub*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}