/*MAIN.CSS*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html{
}
body{
	font-family:"OpenSansRegular";
	overflow-x:hidden; 
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    	outline: none; 
}
.ease{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.ease:hover{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.text-center > .img-responsive{
	display: block;
	display: inline-block;
}
p{
	color: #777;
	font-family:"OpenSansRegular";
	font-size: 14px;
	line-height:21px;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
	font-weight: normal;
}

@media (min-width: 1024px) and (max-width: 5000px) {
	.container{
		max-width: 1000px;
	}
}
/*Common Spacing and Padding*/

.page-section{
	padding: 120px 0;
}
.separator-section{
	padding: 100px 0;
}
.add-top{
	margin-top: 140px;
}
.add-bottom{
	margin-bottom: 140px;
}
.add-top-half{
	margin-top: 70px;
}
.add-bottom-half{
	margin-bottom: 70px;
}
.add-top-quarter{
	margin-top: 30px;
}
.pad-top{
	padding-top: 40px;
}
.pad-bottom{
	padding-bottom: 40px;
}
.pad{
	padding-left: 20px;
	padding-right: 20px;
}
.no-pad{
	padding: 0 !important;
}
.mob-center > .img-responsive{
	display: inline-block;
}
.no-gutter{
	margin-left: -15px !important;
}
.valign{
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.page-section{

}

.parallax{
	height: 100%;
	width: 100%;
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-size: cover;
	overflow-x: hidden !important;
}
/*this class will be activated on mobile devices in order to switch off the parallax effect*/
.parallax-off {
	background-attachment:scroll !important;
	background-size:cover !important;
}
.parallax-rescale{
	background-position: 0 -10px !important;
	background-attachment:scroll !important;
	background-size:cover !important;
}
.overlay{
	height: 100%;
	width:100%;
}


.main-heading{

font-family:"Oswald";
}
.main-heading > span{
font-family:"oswald";
    font-size:56px;
    line-height:63px;
    text-transform: uppercase;
}
.topline{
	padding-bottom: 15px;
	border-bottom: solid 8px #eee;
}
.promo-text > span{
font-family:"oswald";
    font-size:48px;
    line-height:75px;
    border-bottom:solid 1px;
}
.inner-heading{

font-family:"oswald";
    font-size:20px;
    line-height:27px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.inner-liner{
	width: 40px;
	height: 2px;
	margin-bottom: 20px;
}
p{
	color: #888;
    font-size:14px;
    line-height:21px;
font-family:"OpenSans";
}
/*Buttons*/
.btn-rise{
	border-radius: 0px;
	text-decoration: none;
	padding: 15px 20px;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	font-family:"oswald";
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.btn-rise-big{
	border-radius: 0px;
	text-decoration: none;
	padding: 15px 20px;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	font-family:"oswald";
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.btn-rise:hover{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.btn-rise-white{
	border:solid 1px #fff;
	background: transparent;
	color: #fff;
}
.btn-rise-white:hover{
	border:solid 1px #fff;
	background: #fff;
	color: #000;
}

.btn-rise-dark{
	border:solid 2px #000;
	background: transparent;
	color: #000;
}
.btn-rise-dark:hover{
	border:solid 2px #000;
	background: #000;
	color: #fff;
}

.btn-rise-color{
	background: transparent;
}
.btn-rise-color:hover{
	color: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PAGES & SECTIONS SETUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*intro*/
.intro h1 > span{
	font-family:"Oswald";
	font-size: 64px;
}
.intro-slide{
	background-size: cover !important;
}
.intro-slide01 {
	background-image: url(../images/intro/01.jpg);
}

/*about*/

.about .owl-pagination{
	padding: 24px 10px 10px 10px;
}

/*services*/
.service-icon{
	margin-bottom: 15px;
}

/*Testimonials*/
.testimonial-wrap p > span{

font-family:"OpenSansLight";
    font-size:18px;
}

/*Works*/
.work-item{
	display: none;
	width: 50%;
	float: left;
}
.works .ih-item.square{
	border:none;
	box-shadow: none;
}
.works .ih-item.square{
	width: 100%;
	height: 100%;
}
.works .info h3{
	margin: 0 !important;
	background:transparent !important;
}
.works .info p{
	padding: 0 !important;
	margin: 0 !important;
font-family:"OpenSans";
font-style: normal !important;
font-size: 14px !important;
line-height: 21px !important;
}
.works .info h3>span{
font-size: 18px !important;
line-height: 25px !important;
	border-bottom: solid 2px #fff;
	padding-bottom: 5px !important;
font-family:"OpenSans";
}
.works  .info{

}
.filter-wrapper ul{
	padding: 0;
	list-style: none;
}
.filter{
    border-bottom: 1px solid;
    cursor: pointer;
font-family:"oswaldRegular";
    font-size: 14px;
    line-height: 44px;
    text-transform: uppercase;
    cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.filter:hover, .active-filter{
    padding-left: 10px;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}


/*CONTACT*/

.contact{
	background-image: url(../images/intro/01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.email > a, .phone{
	font-family: "oswaldBold";
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 27px;
    text-transform: uppercase;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.email > a:hover{
	opacity: 0.5;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.address-wrap h1 > span{
font-family:"oswaldRegular";
    font-size:24px;
    line-height:34px;
    border-bottom:solid 1px;
}