body{ margin:0px; padding:0px; font-family:lato; background:#e1e1e1cc !important;}


.top{ margin-top:41px;}
.top ul{ padding:0px;}
.top ul li{ list-style-type:none; display:inline;}
.top ul li a{ text-decoration:none; font-size:16px; color:#000;}



.paragarph{color: #fff;
font-size: 14px;
padding-top: 12px;}
.logo{ margin-top:4px;}
.clear{ clear:both;}

a:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  text-decoration:none;
}
/*--*/
nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1em;
}


.area{margin-left: 47px;
padding-top: 214px;
color:#000;
font-size: 49px;
font-family: Nyala;}

.area2{ 
padding-top: 240px;
color: #fff;
font-size: 49px;
font-family: Nyala;
text-align: center;}

.banner{ background:url(../images/about.jpg) no-repeat; background-size:100%; height:350px; width:100% !important; margin-top: -20px;}
.banner2{background:url(../images/about.png) no-repeat; background-size:100%; height:350px; width:100% !important; margin-top: -20px; } 

nav a:hover,
nav a:focus {
	outline: none;
}
/* Effect 16: fall down */
.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.marquee{ margin-top:42px; font-size:18px; color:#CF3024;}


.header{ background:#000; width:100%; position:fixed; z-index:23;}

.watch{ color: #fff;
font-size: 14px;
margin-top: 12px;}


.cl-effect-16 a::before {
	color: #CE254B;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
/*-- w3layouts --*/

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

/*--header menu nav start--*/
div#navbar {
    float:right;
    text-align: center;
}
.navbar-wrapper {
    padding: 1.5em 0em 1.5em 0em;
    margin-top: 0px !important;
    line-height: 36px;
}
.navbar-inverse {
    background: none; 
    border:none; 
}
.navbar-nav {
  	margin-top:33px;
}
.navbar {
    margin-bottom: 0px !important;   
    min-height: 0px !important;   
}
.navbar-brand {
    float: left;
    height:0px !important;  
    padding:0px !important;  
}
.nav > li > a {
    margin: 0px 9px !important;
    padding: 7px 0px;
}
.navbar-inverse .navbar-brand {
    color: #CE254B;
    font-size: 2.5em;
    line-height: 0.8em;
    font-family: 'Ubuntu Condensed', sans-serif;
}
/*-- agileits --*/
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color:#CE254B;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background: none;
}
.navbar-inverse .navbar-nav > li > a {
    color:#000000;
    line-height: 1.5em;
}
.navbar-inverse .navbar-nav > li > a.active{
	color:#CE254B;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color:#CE254B;
    background-color: transparent;
}

.navbar-default{ background:none !important; border:none !important;}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background-color:none !important; background:none !important; }

.menu4{}
.menu4 ul { margin-top:6px; padding:0px; margin-left:45px;}
.menu4 ul li{ list-style-type:none; background:none; display:inline;}
.menu4 ul li a{ text-decoration: none;
font-size: 17px !important;
color: #000 !important;
font-family:lato;
font-weight: bold;}

.menu4 ul li a:hover{ }
.menu4 ul li a::before {
	/* color: #CE254B; */
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.body-wrap {
  position: relative;
  z-index: 0;
}

.body-wrap:before,


.navbar-inverse{ background:none !important; border:none !important;}

nav {
  margin-top:-12px;
}

.about{ margin-top:10px;  }
.about h2{ color:#000; font-family:lato; font-size:23px; font-weight:bold; margin-top: 16px;   }
.about p{     color: #393838;
    font-family: arial;
    font-size: 14px;
    line-height: 26px;
    margin-top: 12px;
}

.about ul{ margin:0px; padding:0px; margin-top:14px;}
.about ul li { list-style-type:none; display:block; border-bottom:1px solid #ccc; background:url(../images/arrow.png) no-repeat 4px 8px; margin-top:6px; line-height:23px;}
.about ul li:hover { list-style-type:none;  background:url(../images/arrow1.png) no-repeat 4px 8px; }
.about ul li a{ text-decoration:none; color:#000; font-size:15px; margin-left:27px; }
.about ul li a:hover{color:#99500D; }

@keyframes myanimate
{
	0%{
		filter:blur(0px);
	}
	50%{
		filter:blur(2px);
	}
	100%{
		filter:blur(0px);
	}
}

.more{ background: transparent linear-gradient(to bottom, rgb(181, 182, 186) -6%, rgb(69, 72, 76) 107%) repeat scroll 0% 0%;
padding:7px;
border-radius: 4px;
color: #FFF;
margin-bottom:10px; text-decoration:none;}

.more:hover{ background:#7B7E82; color:#fff; text-decoration:none; }

hr{ background:#DBD8D8 !important; height:1px; width:100%;}
.product{ text-align:center; }
.product img:hover{ animation-name:myanimate; animation-duration:1.2s; }
.product h2{ color:#000; font-size:16px; font-weight:bold; font-family:arial;}
.product p{ font-size: 15px;
color: rgb(68, 65, 65);
line-height: 23px;}

.form-group{ margin-bottom:15px;}
.form-horizontal .control-label, label {
    font-size: 16px;
    padding-top: 0px;
    color: #000;
    text-transform: none;
    text-align: left;
    line-height: normal;
font-weight: bold;}
input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"], input[type="datalist"], textarea {
    width: 100%;
    border: #000 solid 1px;
    border-radius: 0px;
    padding: 7px 5px;
    vertical-align: middle;
    font-family: 'Droid Sans', sans-serif;
    color: #999;
    font-size: 12px;
margin-bottom: 9px;}

.ourteam{ margin-left:161px; margin-right:15px;}
.ourteam img{border: 1px solid #ccc;}
.ourteam h2{ margin-left:52px;}
.ourteam p{ margin-left:52px; color:#000; font-size:15px; line-height:26px; font-family:lato;}


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle{ background:#333;}
.team{ text-align:center;}
.team h3{ text-align:center; color:#b6671b; font-size:25px;}
.team h2{text-align: center;
color: #000;
font-size: 29px;
font-weight: bold;}
.team p{ text-align: center;
color: #636161;
font-size: 18px;}

.about h3{ font-weight:bold; color:#000; font-size:18px;}
.about h4{ font-weight:bold; color:#5A0505; font-size:18px;}

.partner{ margin-top:25px; text-align:center;}
.partner h2{ margin-top:15px; text-align:center; color:#000; font-weight:bold;  font-size:18px;}


.partner p{ text-align:center; margin-top: -26px; margin-bottom:26px; }
.partner img{ border:1px solid #ccc;}

.associates{ text-align:center; margi0n-top:-20px;}
.associates h2{margin-top:15px; text-align:center; color:#000; font-weight:bold;  font-size:18px;}
.associates p{ text-align:center; }
.associates img{border:1px solid #ccc;}
.heading{ text-align:center; font-size:25px; color:#000; margin-bottom:20px;}


.service ul{margin:0px; padding:0px; background:none !important; }
.service ul li{ border:none !important; background:url(../images/decimal.png) no-repeat 4px 8px;}
.service ul li:hover{  background:url(../images/decimal.png) no-repeat 4px 8px;}
.service ul li a{text-decoration:none; font-size:16px;}

.img-slide{ float: right;
margin-bottom: 10px;
width: 318px;
height: 144px !important;
border: 1px solid #000;}


.myheading{color: #000;
font-size: 27px;
font-weight: bold;
margin-top: 21px;
margin-bottom: 20px;}

.gallbox img{ margin-bottom:30px;}
.image3{ margin-top:64px;}

.foot{margin-top: 25px;}
.footer{ background:#242222; margin-top:45px;}
.footer p{ color: #ccc;
font-size: 15px;}
.footer h2{ color: #fff;
font-size: 20px;
font-weight:bold;
margin-bottom: 8px;}
.footer ul { margin:0px; padding:0px;}
.footer ul  li { list-style-type:none; display:block; line-height:24px;}
.footer ul  li a{ text-decoration:none; font-size:13px; color:#eee;}


.fa{    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);}

.banner
{ width:100%;}

.contact p{ font-size:13px; }	

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-left: 0px;
margin-top: 5px; color:#ccc;}

.contact h3{ font-size: 16px;
color: rgb(255, 255, 255);
margin-top: 3px;}

.footerend{ background:#000; text-align:center; font-size:13px; padding-top:10px; padding-bottom:5px; color:#ccc;}
/*social*/
.sticky-container {

    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -117px;
    top: 100px;
    width: 200px;
z-index: 9999;}

.sticky li {
    list-style-type: none;
    background-color: #3e3e3e;
    color: #efefef;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
-webkit-filter: grayscale(100%);}

.sticky li a {
padding-top: 7px;}
.sticky li img {
    float: left;
    margin: 5px 5px;
    margin-right: 10px;
width: 32px;}

.sticky li {
    list-style-type: none;
    color: #efefef;
cursor: pointer;}

.sticky li:hover {
    margin-left: -26px;
    color: #fff;
    -webkit-transform: translateX(-115px);
    -moz-transform: translateX(-115px);
    background-color: #4e4b4f;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}

.sticky li:hover p {
color: #fff;}


@media( max-width:1600px)
{ .navbar-brand{ display:none; }
}
@media( max-width:320px)
{ .navbar-brand{ display:block; margin-top:15px; }
.product img{ margin-top:20px;}
.logo img{ margin-top: 103px !important;}

.area2{ padding-top: 57px;
color: #fff;
font-size: 12px;}

.area {
    margin-left: 4px;
    padding-top: 50px;
    color: #000;
    font-size: 12px;}



}