@font-face {
    font-family: 'JosefinSans-Bold';
    src:url(../fonts/JosefinSans-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'JosefinSans-Regular';
    src:url(../fonts/JosefinSans-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Viga-Regular';
    src:url(../fonts/Viga-Regular.ttf) format('truetype');
}
body{
	
	font-family: 'JosefinSans-Regular';
	background:#CCC;
	
}

 ul{
	padding: 0;
	margin: 0;
	
}

.heade{
	background:;
	width:100%;
	min-height: 90px;
	display: block;
	background-size: cover;
	margin:0px auto;
}
.heade-top {
  background-color: #fff;
  width: 100%;
  
}

.top-nav ul li{
	display: inline-block;
	float: center;
}
.top-nav ul li a{
	 color: #999;
  font-size: 1.1em;
  text-decoration: none;
  background-color: #FFFFFF;
  display: block;
  padding: 2.05em 2.8em;
  text-align: center;
  font-family: 'JosefinSans-Bold';
}


.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3cc;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: whit;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.top-nav {
  float: center;
  margin:auto;

}



.blog-grid h3{
	font-size: 1em;
	text-transform: uppercase;
	font-family: 'Viga-Regular';
}
.blog-grid h3 a{
	color:#666;
	text-decoration:none;
}

.blog-grid {
	padding: 1.5em 1em;
}
.blog-in {
    border: 1px solid #BDBCBC;
	background:#fff;
}
span.date-in{
	float:left;
	color:#7C7C7C;
	font-size:1em;
	  font-family: 'JosefinSans-Bold';
}
a.comments{
	float:right;
	color:#7C7C7C;
	text-decoration:none;
	font-size:1em;
	  font-family: 'JosefinSans-Bold';
}



.blog h1 {
  font-size: 2em;
  color: #333;
  font-family: 'Viga-Regular';
  text-align: center;
}


.hvr-overline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	padding: 0.4em 1em;
	font-size: 1em;
	color: #fff;
	font-family: 'JosefinSans-Bold';
	background-color: #3CC;
}
.hvr-overline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	top: 0;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background-color: #666666;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}
.hvr-overline-from-center:hover {
  color:#fff;
  text-decoration: none;
}
a.more{
  	display: block;
  	margin: 2em auto 0;
 	 text-align: center;
  	width: 35%;
}
.bottom{
	background-color:#FFF;
	font-size:24px;
	width:100%;
	height:60px;
	padding-left:40%;
	padding-top:20px;
}



/*----*/
.contact {
  padding: 4em 0;
  background-color:#FFF;
}
.contact-me{
	background:#666464;
	text-align: center;
	padding:4em 0;
}
.contact-me h3{
	color: #fff;
  	font-size: 3em;
  	font-family: 'Viga-Regular';
  	text-align: center;
}
.contact-fax  i{
	  color: #fff;
  font-size: 1.4em;
  border: 4px solid #525252;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -mos-border-radius: 100px;
  -moz-border-radius: 100px;
  line-height: 4.5em;
}
.contact-fax p{
	margin:0.5em 0 0;
	font-size:1.2em;
	color:#fff;
}
.contact-fax p a{
	text-decoration:none;
	color:#fff;
}
.contact-fax p a:hover{
	color:#E64B50;
}
.contact-top {
	padding: 3em 0;
}

.contact {
  padding: 4em 0;
}
.contact h1{
	font-size: 3em;
	color: #3cc;
  	font-family: 'Viga-Regular';
	margin: 0 15px 0.5em;
	text-align: center;
}
.contact-grids {
  padding: 3em 0 0;
}
.map iframe{
	min-height:300px;
	width:100%;
	border:none;
	padding: 0 15px;
}
.contact-bottom  span,.contact-bottom-top span{
	font-size:1.2em;
	color:#fff;
	display:block;
	padding:0 0 0.5em;
}
.contact-bottom  input[type="text"]{
	width:100%;
	padding:1em;	
	border:1px solid #bbb;
	-webkit-appearance:none;
	outline:none;
	color:#000;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
	  background: none;
}
.contact-bottom  input[type="text"]:hover,.contact-bottom-top textarea:hover{
	color:#3cc;
	border-color:#3cc;
}

.contact-bottom-top textarea{
	width:100%;
	padding:1em;	
	border:1px solid #bbb;
	-webkit-appearance:none;
	outline:none;
	color:#bbb;
	min-height:220px;
	resize:none;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
	 background: none;
}
.contact-bottom-top {
	  margin: 1em 15px 0;
}
.contact-form input[type="submit"]{
	background: #3cc;
	color: #fff;
	border: none;
	outline: none;
	margin:1em 15px 0;
	padding: 0.3em 1em;
	font-size: 1.2em;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover{
	background: #0C6;
}
.address-grid i{
	color:#3cc;
	font-size:4em;
	float: left;
	margin: 0 9% 0 0;
  display: inline-block;
}
.address1{
	float: left;
	  margin-top: 0.5em;
}
.address1 p{
	font-size:1.8em;
	color: #7c7c7c;
	line-height: 1.5em;	
	  font-family: 'JosefinSans-Bold';
}
.address1 p a{
	text-decoration:none;
	color: #7c7c7c;
}
.address1 p a:hover{
	color:#E64B50;
}
.address-more h2{
	color:#000;
	font-size:2em;
	margin: 0 15px 0.7em;
	font-family: 'Viga-Regular';
}
.address {
  padding: 3em 0 0;
}
.in-contact {
  margin-bottom: 1em;
}
.contact-bottom-top {
  margin: 0em 15px 0;
}
.address-grid {
  margin-bottom: 1em;
}
/*--//contact--*/