/************************/
/** General Typography **/
/************************/
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
h1.page-title{
	font-weight:700;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography p,
.typography ul{
	margin-bottom:20px;
	font-family:'Raleway', serif;
}

.typography h1,
h1.page-title{
	font-size:36px;
	line-height:48px;
    border-bottom:1px solid #ccc;
    padding-bottom: 20px;
}

/* General h1 Css */
h1.page-title{
	padding-bottom:20px;
	margin-bottom:20px;
    font-family:'ProximaNova-Light', serif;
    font-weight: 600;
}

.typography h2{
	font-size:28px;
	line-height:38px;
}

.typography h3{
	font-size:24px;
	line-height:34px;
}

.typography h4{
	font-size:20px;
	line-height:30px;
}

.typography h5{
	font-size:18px;
	line-height:28px;
}

.typography h6{
	font-size:16px;
	line-height:26px;
}

.typography p{
	font-size:14px;
	line-height:36px;
	font-weight:600;
}

.typography p.subtitle{
    font:500 18px/36px 'Raleway', serif;
}
.typography ul{
	font-weight:600;
	margin-left:30px;
}

.typography ul li{
	margin-bottom:15px;
	color:#333;
	line-height:24px;
}

.typography ul li:before{
	content:"\f105";
	font-family:'FontAwesome', serif;
	font-size:12px;
	position:relative;
	top:-1px;
	padding-right:10px;
}

.typography p a:after,
.typography ul li a:after{
	content:"\f0c1";
    font-family:'FontAwesome', serif;
	font-weight:500;
	font-size:12px;
	padding-left:3px;
}

.typography ul li ul{
	margin-top:15px;
	margin-bottom:15px;
}

/************************************/
/** Horizontal & Vertical Offset's **/
/************************************/
/* Vertical Offset Group */
.voffset15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.voffset20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.voffset30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.voffset45 {
	margin-top: 45px;
	margin-bottom: 45px;
}

/* Vertical Padding Group */
.vpadding15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.vpadding20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.vpadding30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.vpadding45 {
	padding-top: 45px;
	padding-bottom: 45px;
}

/**************************/
/** General Title Effect **/
/**************************/
.general-title {
	text-transform: uppercase;
	color: #333;
	font-size: 24px;
	font-family: 'Montserrat', serif;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 30px;
}

.general-letter-title {
	width: 35px;
	height: 35px;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	font-size: 24px;
	font-family: 'Montserrat', serif;
	font-weight: 700;
	line-height:150%;
}

.general-letter-title:after {
	width: 100%;
	height: 100%;
	border-style:solid;
	border-width:2px;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	margin-left: 5px;
	margin-top: -5px;
}

/***************************/
/** General Button Effect **/
/***************************/
.general-effect {
	border-style:solid;
	border-width:2px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
}

.general-effect:after {
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-style:solid;
	border-width:2px;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	margin-left: 7px;
	margin-top: -7px;
}

/******************************/
/** Title Bottom Line Effect **/
/******************************/
.title-bottom-line:after{
	width: 35px;
	height: 2px;
	content: "";
	display: block;
	margin-top: 20px;
}

/************************/
/** Vertical Align Div **/
/************************/
.vertical-align-div{
	text-align:center;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.vertical-align-div:before{
	content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/*****************/
/** Fade Effect **/
/*****************/
.hover-fade,
.hover-fade a,
.hover-fade:before,
.hover-fade:after,
.hover-fade > *{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color, border-color;
	transition-property: color, background-color, border-color; 
}

/***********************/
/** Hover Image Scale **/
/***********************/
.hover-image-scale { overflow:hidden;}
.hover-image-scale img{
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hover-image-scale:hover img{
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}