@charset "utf-8";
/* CSS Document */
<!--
html{
    height: 100%;
}
body {
	font-family: 	'RobotoDraft', arial, sans-serif;

	background-color: #FFF;
	margin:0;
	padding:0;
	display: flex;
    flex-direction: column;
	height:100%;
	color:#000;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img {
	border: none;
}
a:link {
	color:#414958;
	text-decoration: none; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.clearfloat {
	clear:both;
}
#header {
	content: "";
  width: 100%;
	height: 80px;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	flex: 0 0 auto;		
	color:#676767;
			overflow:hidden;

	
}
#h_content {
	content: "";
  width: 80%;
  margin:auto;
	height: 80px;
		
}
.primary-nav {
	float:right;
	width:40%;

		}
.primary-nav li {
	display: inline-block;
	  width: 32%;
	  	height: 80px;
		line-height:80px;
	cursor: pointer;
  margin: auto;
  text-align:center;
  
  overflow:hidden;
      -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out;  
}
.primary-nav li:hover {
	 	-webkit-box-shadow: 0px 0 10px 0px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0 10px 0px rgba(0,0,0,.8);
	box-shadow:  0px 0 10px 0px rgba(0,0,0,.8);
    -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out;  
  background:#919294;
  color:#FFF;
}
.contacthmenu p{
	padding:0px;
	margin:-15px;
	line-height: 0px;
}
.contacthmenu a:hover {
  color:#FFF;
}
#box {
  position: relative;
  width: 100%;
  
	 height:400px;
  background: #ddd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px;
  color: rgba(0,0,0, .8);
  text-shadow: 0 1px 0 #fff;
  line-height: 1.5;
  margin: auto;
}

#box:before, #box:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

#box:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.slider,
.slider li {
	width: 100%;
	overflow: hidden;
}
.slider {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	border-radius: 3px;
	word-spacing: -2px; /* removing inline elements spacing */
	letter-spacing: -2px;
}

.slider ul {
		padding: 0;
	margin: 0;
}
.slider li {
	width:100%;
		padding: 0;
	margin: 0;
	display: inline-block;
	word-spacing: normal; /* restoring spacing */
	letter-spacing: normal;
	color:#FFF;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
	padding-top:100px;
		overflow:hidden;


}

@keyframes slider {
	0%, 18% {margin-left: 0;}
	20%, 38% {margin-left: -100%;}
	40%, 58% {margin-left: -200%;}
	60%, 78% {margin-left: -300%;}
	80%, 99.9% {margin-left: -400%;}
	100% {margin-left: 0;}
}
@-webkit-keyframes slider {
	0%, 18% {margin-left: 0;}
	20%, 38% {margin-left: -100%;}
	40%, 58% {margin-left: -200%;}
	60%, 78% {margin-left: -300%;}
	80%, 99.9% {margin-left: -400%;}
	100% {margin-left: 0;}
}
.slider li:first-child {
	animation: slider 20s ease-out infinite;
	-webkit-animation: slider 20s ease-out infinite;
}

/* pause animation on mouse over */
.slider:hover li:first-child {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
#mcontent{
   flex: 1 0 auto;
}
.services {
	overflow:hidden;
		width:40%;
		height:400px;
		  margin: auto;
		  margin-top: 20px;
		  margin-bottom:20px;
		    
   padding:0px;
border-radius: 2px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.15);

	text-align:justify;
}
.services img {
	text-align:center;
}
.one_half {
	width:50%;
}
.one_third {
	width:33%;
}
.two_third {
	width:66%;
}
.one_half img{
	width:100%;
	height:100%;
	margin: 0 auto;
}
.float_right  {
	float:right;

}
.float_left  {
	float:left;
}
.text-inner-padding {
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	 	padding:15px;
	overflow:hidden;
}
.about {
		overflow:hidden;
	margin:auto;
	margin-top:60px;	
		text-align:justify;
	width:50%;
	filter: grayscale(100%);
	   padding:0px;
border-radius: 2px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.15);

}
.about img{
	width:100%;
}
.cantactus {
	padding-top:60px;
	margin:auto;
	width:33%;
	text-align:center;
}
#footer{
		text-align:center;
   flex: 0 0 auto;
   height:200px;
   background: #222428;
color: #919294;
}
.foot_el{

	  width: 50%;
  height:80%;
  margin: auto;
  }
.foot_el li {
	
	overflow:hidden;
	display: inline-block;
	  width: 30%;
  margin: auto;
   margin-right:5px;
   padding:5px;
  margin-top:20px;
  background: rgba(0, 0, 0, 0.7);
  height:160px;
border-radius: 2px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
}

#social-div li {
	width:20px;
	  background: rgba(0, 0, 0, 0.7);
  color: rgba(167, 146, 129, 0.4);
  list-style-type: none;
  display: inline-block;
border-radius: 2px;
  border: 1px solid;
box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
  transition: ease .3s;
}
#social-div li:hover {
  color: #a79281;
    cursor:pointer;

  border: 1px solid #a79281;
}
.btn {
  border:0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
    background: rgba(0, 0, 0, 0.7);
border-radius: 2px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
}

.btn:hover {
  background: #797d80;
  text-decoration: none;
    cursor:pointer;

}