@charset "utf-8";
@font-face {
	font-family:RENFREWN;
	src:url(../fonts/RENFREWN/RENFREWN.eot), url(../fonts/RENFREWN/RENFREWN.ttf), url(../fonts/RENFREWN/RENFREWN.woff), url(../fonts/RENFREWN/RENFREWN.svg);}
body{
	position: relative;
	text-align: justify;
}
header .navbar{
	border-radius: 0px;
	font-size: 18px;
	margin-bottom: 0px;
	background-color: #212121;
	border-top: 8px solid #F9563D;
 }
.navbar-nav{
	margin-left: 60px;
}
.navbar-brand{
	font-size: 32px;
	padding: 8px
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
	background-color: #3c763d;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
	width:100%;
	height:630px;
	display:block;	
}
.jumbotron{
	font-family: Times New Roman;
	margin-top: 30px;
}
.bg-white{
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
}
.jumbotron li{
	font-size: 20px
}
.container .jumbotron,.container-fluid .jumbotron{ border-radius:0px}
#map-canvas{
	height: 350px;
}
.bg-white .font{
	font-family: RENFREWN;
	color: #3c763d;
	font-size: 50px;
}
.bg-black{
	background-color: #222;
	color: #FFFFFF;
}
.fmenu{
	padding-top: 20px;
	padding-bottom: 20px
}
.fmenu span{
	padding: 15px;
	border-radius: 100%;
	background-color: #373737;
	font-size: 28px;
	margin-bottom: 10px;
}
.fmenu p{
	margin-left: 20px;
	font-size: 18px;
}
.fmenu  a{ color:#FFFFFF}
.fmenu a:hover, .nav>li>a:hover{
	color: #3c763d;
	background-color: transparent;
}
#vision .jumbotron{
	margin-bottom: 0px;
}
footer .copy{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #191919
}
#contact{
	background-color: #212121;
	color:#F5F5F5
}
.fmenu .nav>li>a{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 18px;
}
.fmenu h3{ margin-top:0px}
.follow p{
	margin-bottom: 20px
}

.follow .fb{
	background-image: url(../img/social.png);
	padding-top: 6px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 6px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	background-position: 0px 0px;
}
.follow .fb:hover {
	background-position: 0px -33px;
}
.follow .go{
	background-image: url(../img/social.png);
	padding-top: 6px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 6px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	background-position: -36px 0px;
}
.follow .go:hover {
	background-position: -36px -33px;
}
.follow .tw{
	background-image: url(../img/social.png);
	padding-top: 6px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 6px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	background-position: -75px 0px;
}
.follow .tw:hover {
	background-position: -75px -33px;
}
/*contact*/
.jumbotron .c-urban{
	font-size: 3em
}
.jumbotron .c-urban small{ font-size:70%}
.jumbotron .phone{
	font-size: 1.8em
}
.jumbotron .email,.jumbotron .email a{ font-size:1.2em; color:#333333}
 .jumbotron .address{ font-size:1.2em}
.form{ border-right:2px dotted #333333}
/* support */

.support .jumbotron{ text-align:left }

/*Portfoilo*/

.text-orinage{ color:#F9563D; font-family:RENFREWN;}
.more img{
	position: absolute;
	top: 20px;
	left: 0px;
}


@media (min-width: 768px) and (max-width: 1199px){
.nav>li>a{
	padding-right: 8px;
	padding-left: 8px
}
.navbar-nav{
	margin-left: 0px;
	font-size: 15px;
}
.navbar-brand{
	font-size: 22px;
	padding:10px 6px;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
	height: 250px;
	width: 100%;
	display: block;
}
.more img{
	position: relative;
	top: 0px;
	left: 0px;
}
.fmenu span{
	padding: 10px;
	border-radius: 100%;
	background-color: #373737;
	font-size: 18px;
	margin-bottom: 10px;
}
.fmenu p{
	margin-left: 5px;
	font-size: 15px;
}
.fmenu .nav>li>a{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 15px;
}


}
@media (max-width:767px){
.navbar-nav{
	margin-left: -15px;
}
.navbar-brand{
	font-size: 20px;
	padding:15px 5px
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img{
	height: 250px;
	width: 100%;
	display: block;
}
.more img{
	position: relative;
	top: 0px;
	left: 0px;
}
.web .img-responsive{
	max-width: 60%;
	margin: 5px auto;
	display: block
}
.fmenu span{
	padding: 10px;
	border-radius: 100%;
	background-color: #373737;
	font-size: 18px;
	margin-bottom: 10px;
}
.fmenu p{
	margin-left: 5px;
	font-size: 14px;
}
.fmenu .nav>li>a{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
}



}
.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    visibility: visible; 
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: rotateX(90deg);
    } 
    100% {
        opacity: 1;
        transform: rotateX(0deg);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
    } 
    100% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
    }
}