body {padding-top:100px;
font-family: verdana, sans-serif;
font-size:15px;
background-color: #F5F5F5;
color: #333;
line-height: 1.4;
}
a {color: #666;}
a:hover {color: #333}
a, a:hover, a:active {text-decoration:none;
}
/***********start overiding bootstrap*******/
h1, h2, h3, h4, h5, lead {font-family: 'Open Sans Condensed', sans-serif;}
/*main navbar*/
.h1, h2, h2O {
	margin-bottom: 30px;
	font-size: 36px;}
	.h2o{
		font-size: 50px;}
.our_clients h3 {font-size:36px}
.our_clients a{color: #666;}
.h20 { 
	margin-bottom: 30px;
	font-size: 30px;
	
}

.h8  {
	margin-bottom: 30px;
	font-size: 32px;}
	
.nav {background: url("../images/top-bar.gif") no-repeat top left fixed; top: 0px;
padding-top: 0px;}
.navbar-brand {padding: 0 15px}
	 .navbar-default .navbar-nav > li > .mlanguages a{font-size:18px;
	 color: #333;
	 padding-left:10px}
.container1{width:95%;
margin:auto;}

h2o, .h2o{
	color: #F5881F;
}

h20{
	color: #EF5B22;
}
.caption {
	position:absolute;
    top:25%;
	left:33%;
	right:33%;
	}
	.carousel-caption h1{color:rgb(255,255,255);
	font-size:50px;
	font-weight:bold}
	.carousel-caption h3{color:rgb(255,255,255);
	margin-bottom:20px;}
	.carousel-caption .more, .about .more{ padding: 5px 20px;
	font-size:17px;
	background-color: rgb(255,255,255);
	}
	.carousel-caption a .more, .about a .more {
	color: rgb(238, 140, 39)}
	.carousel-caption a .more:hover, .about a .more:hover{
	color: rgb(255,255,255)}
	.carousel-caption .more:hover, .about .more:hover{
		background-color: rgb(238, 140, 39)}
	.carousel-caption p{padding: 0 50px;
	color:rgb(0,0,0);
	font-size:50px}
.carousel-caption{
bottom: 20%; }
.carousel-caption h2{font-size: 30px;     font-family: 'Open Sans', sans-serif; font-weight: 100; margin-bottom: 0;
color:rgb(178,41,46);
margin-top: 10px; }
.carousel-caption p{ font-family: 'Open Sans', sans-serif; color:#000; margin: 10px 0 0;}
.carousel-caption2 {
    position: absolute;
    left:12%;
    bottom:1%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: left; }
.carousel-caption2 h1{
	font-size:40px;
	font-weight:bold}
	.carousel-caption2 h3{
		background: rgb(238, 140, 39);
		padding:10px;
		color: #FFF;
		}
.carousel-caption3 {
    position: absolute;
    left:5%;
    bottom:20%;
    z-index: 10;
    padding-top: 10px;
    text-align: left;  }

.carousel-caption3 h1{
	font-size:40px;
	color: #fff} 
.carousel-caption3 p{font-size: 20px; font-family: 'Open Sans', sans-serif;  font-weight: 300; color:#000; margin: 10px 0 0;}

	
	.carousel-caption22l {
    position: absolute;
    right:10%;
    bottom:20px;
    left:10%;
    top:150px;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 20px;
	color: #F33C00;
	background: rgba(255,255,255,0.7); 
    text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,0.6);}

.carousel-caption22l h2{font-size: 45px;     font-family: 'Open Sans', sans-serif; font-weight: 100; margin-bottom: 0;
color:rgb(178,41,46)}
.carousel-caption22l p{ font-family: 'Open Sans', sans-serif;  font-weight: 300; color:rgb(119,119,119); margin: 10px 0 0;}

.leadani {
    font-size:20px;
}
.leadani1 {
    font-size:24px;
}
.leadani2 {
    font-size:20px;
	color:rgb(60,60,60);
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
}
.h1, h1, h2 {
    margin-bottom: 25px;
    font-size:27px;
	font-weight: 500;
}

.h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'lato', sans-serif;
    line-height: 1.1;
    color: #333;
	
}
.our_clients .product, .contact, .features, .more{
	-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;}
.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:url(../images/top-barx.gif); 
    padding-top: 30px;
}
.navbar-nav{font-size:18px;
margin-top:15px;
}
.nav li{margin: 0 15px;}
.nav .contact{background-color:rgb(177, 44,46);
border: 1px solid rgb(206,212,218);
border-radius: 5px;
margin-left: 20px
}
.navbar-default .navbar-nav > .contact > a {color: rgb(255,255,255); 
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 {
	font-family: 'Lato', sans-serif;
	color: rgb(29, 35, 45);
	font-size: 20px;
}

/*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:#333;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {    color: #E9793F;
    background-color:transparent;
}

/*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;}
.grid-demo .subtitle{font-size:17px;
    color: #333;}
.orange-links {
    font-size: 15px;
    line-height: 2;
	color:rgb(51, 51, 51);
	font-weight:400;
	margin:15px 0 30px}
	
	.orange-links a{color: #333;}
	
	.orange-links a:hover{
	text-decoration: none;
	color: rgb(0, 55, 0);}
.grey-menu{
	background: #636363;
text-align:right;
padding: 25px }
.orange {

	background-color: rgb(238, 140, 39);
	
}
	.why {
	background-color: rgb(238, 140, 39);
    font-size: 21px;
    line-height: 27px;
    padding: 5px;
    color: #fff;
    text-align: center;
	text-transform:uppercase
	
}
.orange-top {
	background: url("../images/orange.gif") bottom center;
background: #636363;
	}
.why2 {
	
    font-size: 16px;
    line-height: 27px;
    padding: 1px 20px 2px;
    margin-bottom: 10px;
    color: #fff;
   text-transform: none;
    text-align: left;
}
/*didnt work with explorer
.navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}*/
.more{
	background-color:rgb(238, 140, 39);
	color:rgb(255,255,255);
	padding: 10px 30px;
	display:inline-block}
	.product{padding:50px 20px;
background:rgb(255,255,255);
    margin: 30px 0;}
.our_clients .product{padding:20px;
background:rgb(255,255,255);
    margin: 30px 0;
	    font-size: 16px;}
	.our_clients .product i{
		color: rgb(0,0,0);
		margin-right: 5px}
.product:hover{
	box-shadow: 5px 10px 30px #888888}
.product .more{padding: 0 30px;
font-size: 16px;}
.contact{padding-bottom: 20px}
.contact:hover {
	background: rgb(255,255,255)}
	.features {
	background-color: #FFF;
	padding: 20px;
	margin-top: 20px
}
.features:hover {
	background-color: rgb(238, 140, 39);
	color: rgb(255,255,255);

}
.features h3{
color: rgb(238, 140, 39)}
.link{
	padding-bottom:20px;
	color:rgb(200,101,103);
	font-size:14px;
	font-weight:bold}
	.link3{
	padding-bottom:20px;
	color:rgb(20,73,149);
	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 #545854;
	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{
	color:rgb(20,73,149);
	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(51,51,51);
	text-decoration:none;
	font-weight:normal;
	font-size: 15px;}
	.sub a:hover, .sub1 a:hover, .sub2 a:hover{color: rgb(200,101,103);
	text-decoration:none;
	font-weight:normal;}
	.sub1{
		padding-top:20px;}
	.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;
}
.top {
	position: relative;
}
.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;
	}

	.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;
			}	
			.content h2{color:rgb(20,73,149)
			}
			.content {
	margin-top: 50px;
	margin-bottom: 60px;
	padding-left: 30px;
			}
			.company1{
			background:url("../images/companie1.gif") no-repeat center center;
			width:50%;
			min-height:300px;}
			.companies{background-color: #fff;
				}
				.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:15px;
	width:15px;
	border: 1px solid rgb(102,102,102);
}
.carousel-indicators .active {
	height:17px;
	width:17px;
	background-color:rgb(255,0,0);
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%}
/***********end overiding bootstrap*******/

/* start section about */
.about .container{
	padding: 0 210px;
}

.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 span {color:rgb(200,101,103);}
.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);
	}
	.key{font-size:24px}
	.exbitions{font-size:30px;}
.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 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,1);
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;}
	.more2{position:relative;
	color:rgb(255,255,255);
	font-size:25px;
	padding-top:7%;
}
.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(204,204,204);
	padding-top:40px;
	padding-bottom:40px;
}
.price-table .price-box{
	background-color:rgb(255,255,255);
	padding:10px;
	border: 1px solid rgb(102,102,102);
	margin-bottom:15px;
}
.price-table .price-box:hover p{
	-webkit-transform:scale(1.1,1.1)rotate(360deg);/*scale to be bigger rotate to rotate */
	-moz-transform:scale(1.1,1.1)rotate(360deg);
	-o-transform:scale(1.1,1.1)rotate(360deg);
	transform:scale(1.1,1.1)rotate(360deg);
	border:2px solid rgb(153,153,153);
}
.price-table .price-box h3{margin:5px 0 15;}
.price-table .price-box p{
	font-size:35px;
	font-weight:bold;
	color:#666;
	width:100px;
	height:100px;
	background-color:rgb(204,204,204);
	border-radius:50%; /* to make a square*/
	line-height:100px; /* to make to text centered in the square*/
	border:2px solid rgb(255,255,255);
}
.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 {
	background:url("../images/back.jpg") no-repeat center center fixed;
	opacity:.8;
	width:100%;
	min-height:400px;
}
.team .team2 {
	
	color:rgb(255,255,255);
	min-height:400px;
	padding-top:40px;
	padding-bottom:40px;
}
.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{
	padding-top: 80px;
	padding-bottom: 80px;
}	
.our_clients img{
	
	filter:alpha(opacity=70);/*for internet explorer*/
	margin-top:20px;
	margin-bottom:20px;	}
.suplier{padding:20px;}
/* end section our clients */
/* start section news */
.news {
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:80px
	}
	
	.news i{
		margin-top:25px;
		color: rgb(238, 140, 39)}
	.news h3 {
		color: #333;
		font-size:27px;
}
	.news p{
			margin:20px;
			padding-bottom:20px;
			border-bottom: 1px solid rgb(226,226,226);
			color:rgb(102,102,102);}
			.news .application{
	padding-bottom: 20px
	}

	
	.subtitle{
		font-weight: 300;
		font-size:17px;
		color: #000;}			
	.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(51,51,51);
	color: #AAA;
	padding-top: 40px;
	padding-bottom: 10px;
}
.footer a{color:#AAA;	}
.footer a:hover {color:#FFF;}
.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 {
	
	color:#AAA;
	font-size:15px;
}
.footer span {
	display: block;
	padding-top: 40px;
	color: rgb(153,153,153);
	font-weight: bold;
}
 .vline{
	 border-left: 1px solid rgb(255,255,255);
	 height:160px;
	 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;
}

	
	
	.section-logos{padding-left:200px;
	text-align:center;}
	
	.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);
				}
				
.clinic-photo-gallery {
  background-color:rgb(204,204,204);
  overflow: hidden;
}
.clinic-photo-gallery ul {
  display: table;
}
.clinic-photo-gallery li {
  display: table-cell;
  vertical-align: middle;
}
.clinic-photo-gallery li img {
  width: auto;
  margin: 0 auto;
}
.iframe-container {
  overflow: hidden;
  padding-top: 40.25%;
  position: relative;
}
.iframe-container iframe, .iframe-container2 iframe {
   border: 0;
   height: 500px;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.iframe-container2 {
  overflow: hidden;
  height: 600px;
  position: relative;
}
.catalogue {

	font-size:28px;
	border-radius:5px;
	margin-top:50px;
	background-color:#47484a}
	.catalogue img{  margin-top: 10px; 
   margin-bottom: 10px; 
	}
.download a{color:rgb(226,226,226);}
.download a:hover{
	color:#f14d00;
	background-color:rgb(2241,105,36)}
	.about1{    font-size: 22px;}
/* 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) 
{
.grey-menu {
    background: transparent;
	padding: 0 25px;}
	.why2{
		color: rgb(51, 51, 51);}
		.nav li {
    margin: 15px;}
	.grid-demo h1{
		font-size:25px}
	.navbar-nav > li > a {
		padding-top:10px;
		padding-bottom:10px;
		}
		.why, .orange-top {
    background-color: transparent;
	color: rgb(29, 35, 45);}
	.why{
	text-align: left;
	margin-left:10px}
	.orange-links{margin: 0}
.carousel-caption h1 {
    font-size: 30px;
}
.carousel-caption2 h1, .carousel-caption3 h1 {
    font-size: 25px;
	margin-bottom: 10px;
}
.carousel-caption2, .carousel-caption3 {
	bottom: 0;
}
.about .container {
     padding: 10px;
}
.our_clients {
    padding-top: 0;
    padding-bottom: 0;
}
	.iframe-container {
  padding-top: 70.25%;
}
.iframe-container2 iframe{
  width: 90%;
}

		.subscribe .form-control{
			margin:20px auto;
		}
		.navbar-fixed-top .navbar-collapse, 
		.navbar-fixed-bottom .navbar-collapse
		{ 
			top:50px;
			
			max-height:800px;
		}
		.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 (153	,153,153, .5);
	padding:0px;
}
	.link2 {
    padding-bottom: 0px;
	font-size: 15px;}
	.link3 {font-size: 15px;}
	.sub {padding-bottom: 0px;
	margin-left: 0px;}
	.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;}
	.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) 
{.container1 {
    width: 1000px;
  }

	
}
/* Meduim Screen*/
@media (min-width:992px) and (max-width:1199px) 
{
}
/* Large Screen*/
@media (min-width:992px) 
{
	
}
@media (min-width: 768px) {
	.menu .col-sm-3{width:20%;
padding-right: 0;
    padding-left: 0;}
	.menu .col-lg-3{width:20%;}
  .grid-demo .col-sm-2, .grid .col-sm-2 {
    width: 20%;
  }
	
  .grid-demo .col-sm-10 {
    width: 80%;
  }
  .companies-group .col-sm-2
  { width: 14%;}
  .logos .col-lg-2 {width:14.25%}
  }
/*sub of sub*/
.dropdown-submenu {
    position: relative;
}

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


.about2,.mspace{padding: 10px;}
.about2 span{color: rgb(153,153,153);}
.about2{background-color:rgb(238, 238, 238);}



	
	
	.button {
		background-color: #f14d00;
color:rgb(255,255,255);
    display: block;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 20px; 
	max-width:180px;	 }
	
	
	.button1 { 
		background-color: #f14d00;
color:rgb(255,255,255);
    display: block;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 20px; 
	max-width:100px;	 }
	
	.button2 { 
		background-color:#e7e7e7;
color:#000;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 20px; 
	max-width:300px;
	margin-top:20px;
	font-weight:bold	 }
	.orangemore {
font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    line-height: 1.5;
	color:#f14d00;
	font-weight:400; }
	
	.orangemore a{color: #f14d00;}
	
	.orangemore a:hover{
	text-decoration: none;
	color: #f14d00;}
	
	.orangemore>  li > a:hover{
	text-decoration: none;
	color: #f14d00;}
	
	
	
	
	
	
	.gree-links {
font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    line-height: 2;
	color:rgb(51, 51, 51);
	font-weight:400; }
	
	.gree-linkss {
font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    line-height: 2;
	color:rgb(51, 51, 51);
	font-weight:400; }
	
	
	.bggree-links {
		background: #333;
font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    line-height: 2;
	color:rgb(51, 51, 51);
	font-weight:400; }
	
	
	
	.gree-links a{color: rgb(51, 51, 51);}

.gree-linkss a{color: rgb(51, 51, 51);}	.gree-links a:hover{
	text-decoration: none;
	color: rgb(0, 55, 0);}
	
	
	
	.gree-links>  li > a:hover{
	text-decoration: none;
	color: #6bad36;}
	.gree-links div{
		border-bottom: .5px  outset  rgb(173,163,151)
		;}
	
	.orange-links>  li > a:hover{
	text-decoration: none;
	color: #f2661d;}
	.orange-links div{
		border-bottom: none;}
		
		.linefooter {
	background: url("../images/linfooter.gif")
	
}

.greet{
font-family: 'Open Sans Condensed', sans-serif;
    font-size: 26px;
    
	color:rgb(102, 102, 102);
	font-weight:400; }
		
	.product-name {
    font-size: 21px;
    line-height: 27px;
    padding: 1px 20px 2px;
    margin-top: 10px;
    color: #fff;
    background-color: #EF5B22;
    text-align: center;
}

.product-bg {
	background-color: #333;
	
}
.product-gree {
    font-size: 21px;
    line-height: 27px;
    padding: 1px 20px 2px;
    margin-top: 10px;
    color: #000;
    background-color: #dfe0de;
    text-align: center;
}


.list-icon {
    list-style: none;
    padding: 0;
    font-size: 17px;
    line-height: 24px;}
	
	
.languages{
	text-align: right;
	margin-top: 0px;
	color:#FFF;
	height:40px;
	margin-right:40px;
	
	
	
	
	font-size:16px;
	
}
.languages a{
	color: rgb(51, 51, 51);
	font-size: 16px;
}
.languages a:hover{
	text-decoration: none;
	color:rgb(233, 121, 63);
}	
	
	
	
	
	
	
	
	.languagesn{
	text-align: right;
	margin-right:40px;
	font-family: 'Open Sans', sans-serif;font-weight:350;

	margin-bottom: 5px;
	font-size:16px;
	
	
	
}







.languagesn a{
	color: #333333; 
	margin-right:18px; 
}
.languagesn a:hover{
	text-decoration: none;
	color:#333333;
}

.language > li > a{padding-top:0; padding-bottom:0; padding:0 10px 0 0;
	color: #333333;
	font-size: 14px;}
	.language > li > ul > li {padding:10px; }
	.language > li > .dropdown-menu {
		top:30px;
		background-color:rgb(238, 238, 238);
		min-width:150px;  max-width:20px; 
		 

    }
	
	


.carousel-caption h2{font-size: 30px;     font-family: 'Open Sans', sans-serif; font-weight: 100; margin-bottom: 5px;}