﻿@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

.portfolio-item {
  margin-bottom: 30px;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase; 


  	/* font-family: 'Lato', sans-serif; */

   /*  font-family: 'Fjalla One', sans-serif;

   font-family: 'Roboto', sans-serif;*/

    /*   font-family: 'Open Sans', sans-serif;

 font-family: 'Raleway', sans-serif;

    font-family: 'Oswald', sans-serif; */

    font-family: 'Rubik', sans-serif;

	font-weight: 300;
	color: #171d41;
}
.h1, .h2, .h3, .h4, .h5, .h6{
		font-weight: 300;
	color: #171d41;
	 font-family: 'Rubik', sans-serif;
}
.header-font-h1{
	font-size:100%;
}
.lato{
	 font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.lato-light{
	 font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	color: #CCCCCC;
}

.fjalla{
	font-weight: 300;
}

.bg-color{
	background-color: #010e16;
}
/*a {
    color: #05634b;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

} */
.text-primary a{
	color: #05634b;
	background-color: #05634b;
}

footer{
	background-color: #04080d;
	color: #CCCCCC;
	background-image: url('../images/bg.png');
}
.footer{
	min-height:65px;
}
.footer-inner{
	background-color: #010e16;

}

.foo-p{
	padding:8px 5px 8px 5px;
}

.list-type-la{
	list-style-type: lower-alpha;
}
.help-block{
	color: #FF0000;
}

#map {
    position: absolute;
    width: 100%;
    left: 0; 
    height: 400px;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:500px;
    position:relative;
    height:0;
}
.map-responsive iframe{
	left: 0;
	top: 0;
	height: 500px;
	width: 100%;
	position: absolute;
}
/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */

.social-network a.icoInsta {
	background-color: #ea2c59;
}
.social-network a.icoFacebook {
	background-color:#3B5998;
}
.social-network a.icoTwitter {
	background-color:#33ccff;
}
.social-network a.icoYoutube {
	background-color:#e02b20;
}
.social-network a.icoVimeo {
	background-color:#0590B8;
}
.social-network a.icoLinkedin {
	background-color:#007bb7;
}
.social-network a.icoInsta:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}








.social-network a.icoInsta:hover {
	background-color: #ea2c59;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoYoutube:hover {
	background-color:#e02b20;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoInsta:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
/*
a {
 background-color: #D3D3D3;   
} */







