/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: rise.*/
/* Version: 1.0 Initial Release*/
/* Build Date: nodate*/
/* Author: Designova.*/
/* Website: http://www.designova.net */
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------*/
/* 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:focus{
	text-decoration: none;
	color:#007fa6;
}
a:hover {
	text-decoration: none;
	color:#00baef;
}
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;
	margin: 0 0 30px 0;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
	font-weight: normal;
}

.dvtext ul {
	padding: 0 0 0 20px; 
    list-style-position: outside;
}
.dvtext li {
	color: #777;
    list-style: circle outside;
}

.fontshadow {
    text-shadow: 0px 0px 20px #6d6d6d;
} 

@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%);
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.masthead{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	padding: 20px 40px;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.masthead.nav-in{
	padding: 0px;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.masthead.nav-in .logo{
	padding: 0px;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.masthead.nav-in .logo{
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
	transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform:scale(0.6);
-ms-transform: scale(0.6);
}
.masthead.nav-in .standard-nav{
	margin: 22px 20px;
}

.standard-nav {
    float: right;
    list-style: none outside none;
    margin: 25px 0 0;
    padding: 0;
}
.standard-nav li {
    display: inline-block;
    float: left;
    margin-left: 30px;
}
.standard-nav li > a {
font-family:"MontserratBold";
    font-size:14px;
    line-height: 21px;
    text-transform: uppercase;
}
.standard-nav li > a.highlighted{
	opacity: 0.5;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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:"TexGyreHerosBold";
}
.main-heading > span{
font-family:"MontserratRegular";
    font-size:56px;
    line-height:63px;
    text-transform: uppercase;
}
.topline{
	padding-bottom: 15px;
	border-bottom: solid 8px #eee;
}
.promo-text > span{
font-family:"MontserratRegular";
    font-size:48px;
    line-height:75px;
    border-bottom:solid 1px;
}
.inner-heading{

font-family:"MontserratBold";
    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:"OpenSansRegular";
}
/*Buttons*/
.btn-rise{
	border-radius: 0px;
	text-decoration: none;
	padding: 15px 20px;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	font-family:"MontserratRegular";
	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:"MontserratRegular";
	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:"MontserratRegular";
	font-size: 64px;
	line-height: 108px;
	border-bottom:solid 1px;
}
.intro-slide{
	background-size: cover !important;
	background-position: center !important;
}
.intro-slide01 {
	background-image: url(../images/intro/01.jpg);
}
.intro-slide02 {
	background-image: url(../images/intro/02.jpg);
}
.intro-slide03 {
	background-image: url(../images/intro/03.jpg);
}
.intro-slide04 {
	background-image: url(../images/intro/04.jpg);
}
.intro-slide05 {
	background-image: url(../images/intro/05.jpg);
}
/*about*/

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

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

/*Testimonials*/
#testimonials{
	background-image: url(../images/bgpattern.gif);
}
.testimonial-wrap p > span{

font-family:"RalewayThin";
    font-size:24px;
    line-height:42px;
    border-bottom:solid 1px;
}

/*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:"RalewayLight";
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:"MontserratBold";
}
.works  .info{

}
.filter-wrapper ul{
	padding: 0;
	list-style: none;
}
.filter{
    border-bottom: 1px solid;
    cursor: pointer;
font-family:"MontserratRegular";
    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;
}

/*News*/
.news-item{
	margin-bottom:30px;
	padding: 25px 10px;
}
.news-item-listing{
}
.news-date{
font-family:"TexGyreHerosBold";
	font-size: 72px;
	line-height: 79px;
	padding: 20px;
	font-weight: normal;
}
.news-date > strong{
	font-weight: normal;
font-family:"OpenSansLight";
	font-size: 36px;
	line-height: 43px;
	margin-left: 10px;
}
.news-date > span{
    font-size:14px;
    line-height:21px;
    display: block;
}
.news-meta{
	padding: 10px;
font-family:"MontserratRegular";
text-transform: uppercase;
letter-spacing: 1px;
    font-size:14px;
    line-height:21px;
}
.news-meta > span{
font-family:"MontserratRegular";
    font-size:12px;
    line-height:19px;
}
.news-title {
font-family: "MontserratBold";
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 27px;
    text-transform: uppercase;
    padding:0;
    margin-bottom: 5px;
}
.news-sidebar h3{
font-family:"MontserratRegular";
text-transform: uppercase;
letter-spacing: 1px;
    font-size:22px;
    line-height:29px;
}
.news-sidebar ul{
	list-style: none;
	padding: 0;
	margin-bottom: 40px;
}
.news-sidebar li{
    border-bottom:solid 1px;
    margin-bottom: 5px;
}
.news-sidebar li > a{
	display: block;
font-family:"MontserratRegular";
    font-size: 14px;
    line-height: 44px;
    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;
}
.news-sidebar li:hover > a{
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
	padding-left: 10px;
}
.tags a, .dark-tags a{
	padding: 10px;
	display: inline-block;
	margin: 2px;
	font-family: "MontserratRegular";
	text-transform: uppercase;
	font-size: 12px;
	line-height: 19px;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.tags a:hover,  .dark-tags a:hover{
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}

/*CONTACT*/

.contact{
	background-image: url(../images/intro/04.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.requestbg{
	background-image: url(../images/bgpattern.gif);
}
.email > a, .phone{
	font-family: "MontserratBold";
    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:"MontserratRegular";
    font-size:24px;
    line-height:34px;
    border-bottom:solid 1px;
}
/*contact form*/

.contact-mail-wrap{
	padding: 10px 0;
}
.contact-mail{
	font-size: 18px;
	line-height: 25px;
	font-family:"OpenSansLight";
	color: #fff;
}
.contact-form-wrap{
	padding-top: 50px;
	padding-bottom: 50px;
}

input {
    border: solid 1px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
font-family: "MontserratRegular" !important;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
    text-transform: uppercase;
    line-height: 35px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input:focus, textarea:focus {
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
textarea {
    border: solid 1px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
font-family: "MontserratRegular" !important;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
    text-transform: uppercase;
    line-height: 35px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input.send_message {
    background: none repeat scroll 0 0 #EF4A4A;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 120px;
}
input.send_message:hover {
    background: none repeat scroll 0 0 #262932;
}
fieldset {
    border: 0 none;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
fieldset h1 {
    color: #000000;
    font-size: 24px;
}
.contact-label-box {
    color: #FFFFFF;
    font-family:"OpenSansLight";
    font-size: 24px;
    line-height: 31px;
    padding: 30px 20px;
    text-align: center;
}
.contact-label-box > span {
    display: block;
    margin-right: 10px;
}
.contact-label-box > span > img {
    height: 60px;
    width: 60px;
}
.contact-label-box a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.contact .alert{
	box-shadow: none;
	border:none;
	border-radius: 0;
	text-shadow:none;
	font-size: 12px;
	line-height: 19px;
    	font-family:"OpenSansLight";
	margin-bottom:10px;
	padding:10px;
	background:#000;
	color: #fff;
	text-align: left;
}
.contact .alert > p{
	text-shadow:none;
	font-size: 12px;
	line-height: 19px;
    	font-family:"OpenSansLight";
	color: #fff;
	text-align: left;
}
.btn-wrap{
	margin-top: 10px;
	text-align: left;
}

/*FOOTER*/
.mastfoot{
	padding: 80px 0;
	background:#121212;
}
.social {
    list-style: none outside none;
    padding: 0;
}
.social li {
    display: inline-block;
    margin: 4px;
}
.social li a > img {
    height: 35px;
    opacity: 1;
    transition: all 0.4s ease-in-out 0s;
    width: 35px;
}
.social li a:hover > img {
    height: 35px;
    opacity: 0.2;
    transition: all 0.4s ease-in-out 0s;
    width: 35px;
}
.credit{
	font-size: 12px;
	line-height: 19px;
	margin-right: 20px;
font-family:"OpenSansLight";
}
.credit:hover{
	opacity: 1;
}
.credit:first-child:after{
 	content: '/';
 	margin-left: 10px;

}

/*singe project*/

.project .owl-pagination{
	padding: 15px 10px 10px 10px;
}