/* ----------------------------------------------------------------------------
   # Created by: ThemeShifters
   # Date: June 4, 2013
   # Website: http://themeshifters.com
   # Dark Stylesheet for Omni HTML Theme that is being sold on ThemeForest
   # Version: 1.3
   ---------------------------------------------------------------------------- */

/* Table of Content
==================================================
	# Default
	# Typography
	# CSS3
	# Buttons
	# Icons
	# Form
	# Layout
	# Header
	# Main Navigation
	# Tiled Portfolio
	# Home Type
	# Revolution Slider
	# Bottom Arrows
	# Block
	# Services
	# Profile
	# Portfolio
	# Modal & Item Popup Block
	# Price Package
	# Blog
	# Sidebar
	# Clients
	# Skills
	# Seperator
	# Twitter Feed & Quote Box
	# Newsletter
	# Miscellaneaus
	# Media Queries
*/

/*	==================================================
	# Default
	================================================== */
html {
  position: relative;
  min-height: 100%;
 
}	
	
	body {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px; 
		font-weight: 300;
		font-style: normal;
	}
	a:focus {
		outline: 0px;
	}
	b {
		font-weight: 400;
	}	
	
	.whiteBody {
		
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 300;
		color:#fff;
		
	}	
	
	.whiteBodySmall {
		
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 300;
		color:#fff;
		
	}	
	
	.bodyThin {
		
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
	}	
	

/*	==================================================
	# Typography
	================================================== */
	h1, h2, .slogan{
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #670000;
	}
	
h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2em;  
  font-weight: 400;
  color: #670000;
  }		
	
h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3em;  
  font-weight: 400;
  padding-bottom: .5em; 
  color: #670000;
  }	  	
	
h5 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  }	
  

	
	.section-title{
		font-size:30px;
		line-height:36px;
		text-align:center;
	}
	.slogan{
		font-size:30px;
		line-height:36px;
		margin-bottom:40px;
	}
	.darkgrey {
		color: #393939;
	}
	.white {
		color: #fff;
	}
	.blackText {
		color: #000;
	}	
	.redText {
		color: #ED1C24;
	}


/*	==================================================
	# CSS3
	================================================== */	
	a, 
	a:hover,
	.profile:hover .profile-photo,
	.blog-post:hover .blog-thumb {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


/*	==================================================
	# Buttons
	================================================== */
	.border-btn {
		font-family: 'Montserrat', sans-serif;
		border: 1px solid #670000;
		text-transform: uppercase;
		font-size: 16px;
		padding: 10px 30px;
		background: #670000;
		color: #670000; 
	}
	.solid-btn {
		font-family: 'Montserrat', sans-serif;
		border: 1px solid #670000;
		text-transform: uppercase;
		font-size: 16px;
		padding: 10px 30px;
		background: #670000;
		color: white; 
	}
	.border-btn.btn-medium {
		font-size: 13px;
		padding: 8px 15px;
	}
	.border-btn.btn-small {
		font-size: 11px;
		padding: 8px 15px;
	}
	.border-btn.btn-mini {
		font-size: 9px;
		padding: 5px 13px;
	}
	.border-btn,
	.social-btn {
		border-radius: 0px;
		background: none;
		text-shadow: none;
		box-shadow: none;
	}
	.social-btn {
		border: 1px solid #fff;
		color: #fff;
		font-size: 35px;
		line-height: 35px;
		padding: 25px;
		margin: 0px 10px 20px;
	}
	.border-btn:hover, 
	.border-btn:focus,
	.social-btn:hover,
	.social-btn:focus {
		background: #670000;
		border: 1px solid #670000;
		color: #fff;
		text-shadow: none;
		box-shadow: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.solid-btn:hover, 
	.solid-btn:focus {
		background: white;
		border: 1px solid #670000;
		color: #670000;
		text-shadow: none;
		box-shadow: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}	
	
	.border-btn.white {
		color: #fff;
		border-color: #fff;
	}
	.border-btn.white:hover, 
	.border-btn:focus {
		background: #670000;
		border-color: #670000;
		color: #fff;
	}

/*	==================================================
	# Icons
	================================================== */
	[class^="icon-"].big,
	[class*=" icon-"].big {
		font-size: 90px;
		line-height: 90px;
		margin: 0px;
	}
	[class^="icon-"].huge,
	[class*=" icon-"].huge {
		font-size: 110px;
		line-height: 110px;
		margin: 0px;
	}
	a[class^="icon-"]:hover,
	a[class*=" icon-"]:hover,
	a[class^="icon-"]:focus,
	a[class*=" icon-"]:focus {
		text-decoration: none;
	}
	
/*	==================================================
	# Navbar
	================================================== */	

.navbar-nav .nav-item {
  font-family: 'Montserrat', sans-serif;
  padding-left:10px;
  font-weight: 400;
}	
	
.navbar .navbar-nav .nav-item .nav-link{
 
  color: #670000;   
}

.navbar-nav .nav-item .nav-link:hover{
 
  color: #E8CAC5 !important; 
}

	
	
	

/*	==================================================
	# Form
	================================================== */
	label {
		font-family: 'Montserrat', sans-serif;
		font-size: .9em;
		color: black;
		text-transform: uppercase;
		margin-bottom: 1px; 
	}
	#textarea{
		border: none;
		box-shadow: none;
		background: #E8CAC5; 
		border-radius: .0rem;
	} 
	
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		border: none;
		box-shadow: none;
		background: #E8CAC5;  
		border-radius: .0rem;
	}
	
	#textarea:focus{
		border-color: #cecece;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: #e8e8e8;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}	

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		border-color: #cecece;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: #e8e8e8;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	select,
	textarea,
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		margin-bottom: 25px;
		padding: 10px 8px;
		height: auto;
	}
	textarea {
		resize: none;
	}
	input[type="submit"].input-block-level {
		width: 100%;
		display: block;
		border-radius: .0rem;
	}
	
	.contact-form {
		margin-top: 33px;
	}
	.form-success {
		display: none;
		padding: 15px;
		margin-top: 40px;
		color: #fff;
		background: #00bba6;
	}
	input.error,
	textarea.error {
		border: 1px solid #d3400c;
	}

	#textarea.error {
		border: 1px solid #d3400c;
	}	
	.contact-form .loading {
		display: none;
		background: #000;
		background: url(assets/img/ajax-loader.gif) no-repeat;
		width: 25px;
		height: 25px;
		margin-top: 15px;
	}

/*	==================================================
	# Layout
	================================================== */
	.home-type {
		width: 100%;
		overflow: hidden;
	}
	.page-type {
		padding: 45px 0px;
		width: 100%;
		background: #fff;
	}
	.seperator-type {
		width: 100%;
		height: auto;
		position: relative;
	}
	.header-type {
		background: none; 
		color: #670000;
		padding: 17px 0px;
		position: relative;
		z-index: 25;
	}
	/*
	.header-type:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -6px;
		width: 100%;
		height: 6px;
		background: url(assets/img/top-border-re.png) repeat-x;
	}
	*/
	.footer-type {
		font-family: 'Montserrat', sans-serif;
		background: #670000d4;
		padding: 20px 0px;
		position: absolute;
		color: white;
		left: 0;
		right: 0;
	}
	
	.footer-right {
	  position: inherit;
	   text-align: right;
	}

	.mapImage {
	  width:100%;
	  height:calc(100% - 1px);
	  background-image:url('assets/img/mapImage.png');
	  background-size:cover;
  	  min-height:300px;
	}


.help-block {
	margin-top:-15px;  
}


	
/*
	.footer-type:before {
		content: "";
		display: block;
		position: absolute;
		top: -6px;
		width: 100%;
		height: 6px;
		background: url(assets/img/footer-border-re.png) repeat-x;
	}
*/	
 

	.light-bg {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	}
	.green-bg {
		background-color: #00bba6;
	}
	.dark-bg {
		background-color: #393939;
	}
	
	#intro {
		background: #f7f7f9;
	}
	#team,
	#clients {
		background: #f0f0f4;
	}
	#blog {
		background: url(demo/dummy/590x410.jpg);
		background-size: cover;
	}

/*	==================================================
	# Green Bg
	================================================== */
	.green-bg h1,
	.green-bg h2,
	.green-bg h3,
	.green-bg h4,
	.green-bg h5,
	.green-bg h6 {
		color: #fff;
	}

/*	==================================================
	# Header
	================================================== */
	.header-type .logo {
		height: 20px;
	}
	.header-type .logo a {
		display: block;
	}
	.header-type .logo img {
		max-height: 100%;
		display: block;
	}
	.header-type ul {
		list-style: none;
		margin: 0px;
	}
	.header-type .address li {
		float: left;
		text-transform: uppercase;
		font-size: 10px;
		font-family: 'Montserrat', sans-serif;
		margin-left: 8px;
	}
	.header-type .adds li {
		font-size: 20px;
		float: left;
		margin-left: 25px;
	}
	.header-type a:hover,
	.header-type a:focus {
		color: #670000;   
	}

/*	==================================================
	# Main Navigation
	================================================== */
	.nav-container {
		position: relative;
		background: #00bba6;
		height: 57px;
		z-index: 200;
	}
	.main-nav {
		height: 57px;
		width: 100%;
		margin: auto;
		font-family: 'Montserrat', sans-serif;
		background: #aaaaaa;
		z-index: 200;
	}
	.main-nav.affix {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		display: block;
	}
	.main-nav .nav {
		margin: 0px;
		text-align: center;
	}
	.nav > li > a:hover,
	.nav > li > a:focus,
	.nav > li.current-menu-item > a {
		background: none;
		color: #670000;    
	}
	.main-nav li {
		display: inline-block;
		text-transform: uppercase;
		line-height: 57px;
	}
	.main-nav li a{
		padding: 0px 25px;
	}
	#mobile-navigation {
		display: none;
		margin: 8px auto 0px;
	}

	.dropdown-item:focus, .dropdown-item:hover {
	    background-color: #efdad6;
	}

/*	==================================================
	# Tiled Portfolio
	================================================== */
	.tiled-items {
		position: relative;
		display: none;
	}
	.items-container {
		position: relative;
		overflow: hidden;
	}
	.items-container.affix {
		position: fixed;
		z-index: 0;
		top: 0px;
	}
	.tiled-items .item {
		float: left;
		position: relative;
		overflow: hidden;
	}
	.tiled-items .item img {
		width: 101%;
		max-width: 101%;
	}
	.tiled-items .item img.grayscale {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	}

	.tiled-items .direction-nav {
		list-style: none;
		margin: 0px;
	}
	.tiled-items .direction-nav a {
		position: absolute;
		top: 50%;
		height: 45px;
		line-height: 45px;
		margin-top: -22px;
		padding: 0px 15px;
		font-size: 24px;
		color: #fff;
		background: #2dc7b5;
	}
	.tiled-items .direction-nav .prev {
		left: 0px;
	}
	.tiled-items .direction-nav .next {
		right: 0px;
	}
	.tiled-items .direction-nav .disabled {
		opacity: 0.2;
	}

/*	==================================================
	# Home Type
	================================================== */
	.home-type {
		position: relative;
	}
	.home-type .overlay {
		z-index: 5;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		
		background: url(demo/dummy/homeBg1.png) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
  background-size: cover;
  
	}
	.overlay p, .overlay h2{
		text-align: left;
	}
	.home-type .overlay.affix {
		position: fixed;
		z-index: 0;
	}
	.home-type .overlay .fade-element {
		color: #fff;
		margin-top: 60px;
		padding: 0px 40px;
		display: none;
	}
	.home-type .overlay .container {
		height: 100%;
		position: relative;
	
	}
	.home-type .overlay .overlay-content {
		height: 380px;
		position: absolute;
		top: 50%; 
		margin-top: -190px;  
		left: 0px;
		right: 0px;
	}
	
	/* Since v1.1 */
	.home-type .video-bg {
		position: relative;
		background: url(assets/img/ajax-loader.gif) center no-repeat;
	}
	/* End Since v1.1 */
	.home-type.parallax-type {
		background: url(demo/home/rev-slider/black-green-bg.jpg) no-repeat;
		background-size: cover;
	}
	.home-type.parallax-type .overlay {
		background: none;
		padding: 0px;
	}
	.home-type .parallax {
		height: 560px;
		position: relative;
		z-index: 5;
	}
	.home-type .parallax.short {
		height: 300px;
	}
	
	.home-type.fullwidthbanner-container {
		width: 100%!important;
		padding: 0;
		max-height: 500px!important;
	}
	.home-type.fullwidthbanner-container ul {
		list-style: none;
		margin: 0px;
	}


/*	==================================================
	# Revolution Slider
	================================================== */
	.rev-text {
		width: 61%;
		max-width: 61%!important;
		color: #fff;
	}
	.rev-title {
		margin: 0px;
	}
	.rev-title.big {
		font-size: 40px;
		line-height: 46px;
	}
	.tp-caption .border-btn {
		margin-right: 3%;
	}
	.tp-leftarrow.default,
	.tp-rightarrow.default {
		height: 45px!important;
		width: auto!important;
		line-height: 45px;
		margin-top: -22px;
		padding: 0px 15px;
		font-size: 24px;
		color: #fff;
		background: #2dc7b5!important;
	}
	

/*	==================================================
	# Bottom Arrows
	================================================== */
	.bottom-arrow {
		position: relative;
	}
	.bottom-arrow:after {
		content: "";
		display: block;
		width: 0; 
		height: 0; 
		border-top: 28px solid #fff; 
		border-left: 27px solid transparent; 
		border-right: 28px solid transparent; 
		bottom: -28px; 
		left: 50%;
		margin-left: -28px;
		position: absolute; 
		z-index: 15;
	}
	.green-bg.bottom-arrow:after {
		border-top-color: #00bba6;
	}
	.dark-bg.bottom-arrow:after {
		border-top-color: #393939;
	}
	#intro.bottom-arrow:after {
		border-top-color: #f7f7f9;
	}
	.green-bg.light-bg.bottom-arrow:after {
		border-top-color: #2dc7b5;
	}
	#team.bottom-arrow:after,
	#clients.bottom-arrow:after {
		border-top-color: #f0f0f4;
	}
	#blog.bottom-arrow:after {
		border-top-color: #494949;
	}

/*	==================================================
	# Block
	================================================== */
	.block{
		padding: 25px 0px;
	}
	.block .btn{
		margin: 15px 0px 0px;
	}
	.block [class^="icon-"],
	.block [class*=" icon-"] {
		color: #393939;
	}

/*	==================================================
	# Services
	================================================== */

.card {
    position: relative;
}

.cardImage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.flippedCard {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.card:hover .cardImage {
  opacity: 0.3;
}

.card:hover .flippedCard {
  opacity: 1;
}

.flippedCardContent {
  background-color: #670000;
  color: white;
  font-size: 16px;
}


/*	==================================================
	# Profile
	================================================== */
	.profileSection-title{
		font-family: 'Montserrat', sans-serif;
		font-size: 1.1em;
		font-weight: 400;
		padding-top: 1em;
	}	

	.profileSection-subTitle{
		font-size:1em;
		font-weight:600;
	}	
	
	.profileSection-body{
		font-size:.9em;
		font-weight:300;
	}	
	
/* for profile page accordion */	
.panel-title{
	border-bottom: 1px solid #670000;
}

.panel-title:hover{
	border-bottom: 2px solid #670000;
}

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;

}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
	color:black;
    text-decoration:none;
}

.panel-group .panel-default {
	margin-top: .5em;
	border-width: 1px; 
	border-bottom-style: solid;
	
}

.panel-title a{
	color: black;
}


/* end for profile page accordion */	
	
	
	
	.carousel .slides li {
		width: 230px;
		margin-right: 10px;
	}
	.profile {
		background: #fff;
		margin-bottom: 30px;
	}
	.profile-content {
		padding: 25px 8.7% 10px;
	}
	.profile-name,
	.profile-function,
	.profile-social {
		display:block;
	}
	.profile:hover .profile-photo {
		opacity:0.5;
	}
	.profile .profile-photo {
		overflow: hidden;
	}
	.profile .profile-photo img {
		width: 100.5%!important;
		max-width: 100.5%;
	}
	.profile .profile-photo:hover {
		cursor: pointer;
	}
	.profile-name {
		font-family: 'Montserrat', sans-serif;
		color: #393939;
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 8px;
	}
	.profile-function {
		margin-bottom: 15px;
	}
	.profile-social {
		padding: 10px 0px 25px;
	}
	.profile-social [class^="icon-"],
	.profile-social [class*=" icon-"] {
		font-size: 17px;
		margin-right: 10px;
	}
	.profile-text{
		padding-top: 0px;
	}
	
	
/*	==================================================
	# Practice Areas
	================================================== */

	
.practiceAreaTile {
	padding-bottom: 20px; 
	min-height: 300px;
	
}  

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #670000;
}



.hovereffect img {
	
  display: block;
  position: relative;
  max-width: none;
  width: 100%;
  margin-left: 10px;
  /*width: calc(100% + 20px);*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
  font-weight: 600;
}



.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


	.hovereffect ul {
	    text-align: left;
	    color: #fff;
	    padding-left: 25px;
	}

.hovereffect a, .hovereffect p {
  color: #FFF;
  /*opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);*/
}

.hovereffect:hover a, .hovereffect:hover p {
  /*opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);*/
}
	
.hovereffect	.overlay{
	padding-left: 10px;
	padding-right: 10px;
}
	
/*	==================================================
	# Testimonials
	================================================== */	
	
	.burgundyText {
		color: #670000;
	}
	

/*	==================================================
	# Portfolio
	================================================== */
	.item-box {
		background: #393939;
		color: #fff;
		margin-bottom: 30px;
	}
	.item-box .item-content {
		padding: 30px;
		width: 300px;
		float: left;
	}
	.item-box .item-content a:hover {
		color: #fff;
	}
	.item-box .item-title {
		margin-top:0px;
	}
	.item-box .item-images {
		width: 590px;
		float: left;
	}
	
	.portfolio .item {
		width: 230px;
		margin: 0px 0px 10px 10px;
		float: left;
	}
	.portfolio .item-thumb {
		position: relative;
		overflow: hidden;
	}
	.portfolio .item-thumb:hover,
	.tiled-items .item:hover {
		cursor: pointer;
	}
	.portfolio .item-info {
		margin-bottom: 15px;
	}
	.portfolio .item .back,
	.tiled-items .item .back {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #00bba6;
		background: rgba(0, 187, 166, 0.85);
		display:none;
	}
	.portfolio .item-icons,
	.tiled-items .item-icons {
		position: absolute;
		top: 50%;
		height: 38px;
		width: 100%;
		display: block;
		text-align: center;
		margin: -25px 0px 0px;
	}
	.portfolio .item-icons a,
	.tiled-items .item-icons a {
		border: 1px solid #fff;
		display: inline-block;
		color: #fff;
		height: 38px;
		width: 38px;
		margin-right: 2px;
	}
	.portfolio .item-icons a:hover,
	.tiled-items .item-icons a:hover {
		background: #fff;
		color: #00bba6;
	}
	.portfolio .item-icons a i,
	.tiled-items .item-icons a i {
		line-height: 38px;
		font-size: 18px;
	}
	.portfolio .item h4 {
		margin: 20px 0px 5px;
	}
	.portfolio .item-info span {
		margin-bottom: 5px;
		display: block;
	}
	
	/* =========== Portfolio Filter =========== */
	.filter ul {
		list-style: none;
		margin: 30px 0px 40px;
		display: block;
		text-align: center;
	}
	.filter ul li {
		margin: 0px 7px 10px;
		display: inline-block;
	}
	.filter ul li a {
		font-family: 'Montserrat', sans-serif;
		border: 1px solid #00bba6;
		padding: 10px 17px;
		text-transform: uppercase;
		display: block;
	}
	.filter ul li a:hover,
	.filter ul li a:focus,
	.filter ul li.active a {
		background: #00bba6;
		color: #fff;
	}
	
	/* =========== Isotope Filtering =========== */
	.isotope-item {
		z-index: 2;
	}
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}
	
	/* =========== Isotope CSS3 transitions =========== */
	.isotope,
	.isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}
	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property:    -moz-transform, opacity;
		-ms-transition-property:     -ms-transform, opacity;
		-o-transition-property:      -o-transform, opacity;
		transition-property:         transform, opacity;
	}
	
	/* =========== disabling Isotope CSS3 transitions =========== */
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}


/*	==================================================
	# Modal & Item Popup Block
	================================================== */
	.modal {
		border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	.modal-footer {
		border: none;
		background: #fff;
		padding-top: 0px;
	}
	
	.white-popup-block {
		background: #fff;
		margin: 20px auto;
		max-width: 600px;
		position: relative;
	}
	.item-in-detail .item-header {
		border-bottom: 1px solid #eee;
		padding: 15px 20px;
	}
	.item-in-detail .item-header h3 {
		margin: 0px;
	}
	.item-in-detail .item-media {
		width: 100%;
		background: url(assets/img/ajax-loader.gif) center no-repeat;
	}
	.item-in-detail .item-body {
		padding: 20px;
	}
	.item-in-detail .item-footer {
		padding: 0px 20px 20px;
	}
	
	/* Since v1.1 */
	.item-in-detail .item-comments,
	.item-in-detail .item-respond {
		padding: 0px 20px 15px;
		border-top: 1px solid #efefef;
	}
	.item-in-detail .commentlist,
	.item-in-detail .commentlist .children {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.item-in-detail .commentlist .children {
		margin-left: 5%;
	}
	.item-in-detail .comment-img {
		width: 60px;
		height: 60px;
		float: left;
		margin-bottom: 20px;
	}
	.item-in-detail .children .comment-img {
		width: 50px;
		height: 50px;
	}
	.item-in-detail .comment-meta {
		padding: 0px 0px 10px;
	}
	.item-in-detail .comment-meta,
	.item-in-detail .comment-text {
		padding-left: 80px;
	}
	.item-in-detail .children .comment-meta,
	.item-in-detail .children .comment-text {
		padding-left: 70px;
	}
	.item-in-detail .comment-text {
		padding-bottom: 10px;
	}
	/* End Since v1.1 */
	
/*	==================================================
	# Price Package
	================================================== */
	.price-package {
		background: #393939;
		margin-bottom: 10px;
	}
	.price-package:hover {
		margin-bottom: 0px;
		position: relative;
		z-index: 99;
	}
	.package-header,
	.package-price,
	.package-features {
		padding: 20px;
	}
	.price-package .name,
	.price-package .price {
		font-family: 'Montserrat', sans-serif;
		color: #fff;
	}
	.price-package .name {
		text-transform: uppercase;
		font-size: 16px;
	}
	.package-price {
		background: #4f4f4f;
		font-size: 30px;
		line-height: 36px; 
	}
	.price-package:hover {
		border: 1px solid #fff;
	}
	.price-package:hover .package-price {
		background: #00bba6;
	}
	.package-price small {
		font-size: 13px;
		line-height: 13px;
		text-transform: uppercase;
	}
	.price-package ul {
		list-style: none;
		margin: 0px;
	}
	.price-package ul li {
		margin-bottom: 8px;
	}
	.price-package ul li:hover {
		color: #fff;
	}
	.price-package .btn {
		margin: 0px 25px 20px;
		display: block;
	}

/*	==================================================
	# Blog
	================================================== */
	.blog-post {
		background: #fff;
		margin-bottom: 10px;
	}
	.blog-post:hover .blog-thumb {
		opacity:0.5;
	}
	.blog-post .blog-thumb {
		overflow: hidden;
	}
	.blog-post .blog-thumb img {
		width: 100.5%;
		max-width: 100.5%;
	}
	.blog-post .blog-thumb:hover {
		cursor: pointer;
	}
	.blog-info {
		padding: 25px 20px 0px;
	}
	.blog-title {
		font-size: 16px;
		line-height: 21px;
		margin:0px 0px 20px;
	}
	.blog-meta a {
		width: 25%;
		text-align: center;
		display: block;
		float: left;
		font-size: 16px;
		line-height: 16px;
		padding: 10px 0px;
		position: relative;
	}
	.blog-meta a:hover {
		color: #fff;
		background: #00bba6;
	}

/*	==================================================
	# Sidebar
	================================================== */		
	.widget {
		background: #fff;
		margin-bottom: 10px;
	}
	.widget-title {
		background: #393939;
		padding: 15px 25px;
		margin: 0px;
	}
	.widget ul {
		list-style: none;
		padding: 25px;
		margin: 0px;
	}
	
/*	==================================================
	# Clients
	================================================== */
	.clients.carousel {
		padding:0px 85px;
		margin-bottom: 30px;
	}
	.clients.carousel .slides li {
		width: 230px;
		margin-right: 45px;
	}
	.clients.carousel .slides li a {
		opacity: 0.6;
		display: block;
	}
	.clients.carousel .slides li a:hover {
		opacity: 1;
	}

/*	==================================================
	# Skills
	================================================== */	
	.skill{
		margin-bottom:10px;
	}
	.progress{
		background: #f7f7f9;
		height: 8px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		overflow: visible;
	}
	.progress .bar{
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		position: relative;
	}
	.progress-success .bar, 
	.progress .bar-success{
		background-color: #00bba6;
		background-image: none;
		filter: none;
	}
	.percentage-marker {
		background: #393939;
		color: #fff;
		padding: 4px 6px;
		position: absolute;
		top: -30px;
		right: -13px;
		font-size: 10px;
		line-height: 10px;
	}
	.percentage-marker:after {
		content: "";
		display: block;
		width: 0; 
		height: 0; 
		border-top: 5px solid #393939; 
		border-left: 5px solid transparent; 
		border-right: 5px solid transparent; 
		bottom: -5px; 
		left: 50%;
		margin-left: -5px;
		position: absolute;
		z-index: 15;
	}

/*	==================================================
	# Seperator
	================================================== */
	.seperator-type .slogan {
		color: #fff;
		margin: 45px 50px;
	}
	.seperator-type .container {
		padding: 80px 0px 60px;
	}
	.parallax-type .container {
		padding: 100px 0px;
		position: relative;
	}
	.parallax {
		width: 100%;
		top: 0px;
		bottom: 0px;
		background: url(demo/dummy/1800x724.jpg) 50% 0 no-repeat fixed;
		margin: 0 auto; 
		overflow: hidden; 
		padding: 0;
		position: absolute;
		z-index: -10;
	}
	.seperator-type .dark-overlay {
		position: absolute;
		z-index: -5;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		background: url(assets/img/tile.png) repeat;
	}

/*	==================================================
	# Google Maps
	================================================== */
	.google-maps {
		height: 500px;
	}

/*	==================================================
	# Twitter Feed & Quote Box
	================================================== */
	.tweet-box,
	.quote-box,
	.text-box {
		background: #393939;
		padding: 30px;
		position: relative;
		margin-bottom: 30px;
	}
	.text-box {
		padding-bottom: 10px;
	}
	.tweet-box:before,
	.quote-box:before,
	.text-box:before {
		content: "";
		display: block;
		width: 0; 
		height: 0; 
		border-bottom: 8px solid #393939; 
		border-left: 9px solid transparent; 
		border-right: 9px solid transparent; 
		top: -8px; 
		left: 35px;
		position: absolute; 
		z-index: 15;
	}
	.tweet-box .icon-twitter,
	.quote-box .icon-quote {
		color: #00bba6;
		font-size: 20px;
		position: absolute;
		bottom: 25px;
		right: 25px;
	}
	.tweet-box a:hover,
	.quote-box a:hover,
	.text-box a:hover {
		color: #fff;
	}
	.tweet_list {
		margin: 0px;
		list-style: none;
		color: #fff;
	}
	.tweet_list li {
		margin-top: 15px;
	}
	.tweet_list .tweet_first {
		margin-top: 0px;
	}
	.tweet_time {
		display: block;
		font-style: italic;
	}

/*	==================================================
	# Newsletter
	================================================== */
	.newsletter {
		position: relative;
	}
	.newsletter .news-title {
		font-family: 'Montserrat', sans-serif;
		background: #00bba6;
		padding: 0px 15px;
		float: left;
		height: 44px;
		line-height: 44px;
		color: #fff;
		text-transform: uppercase;
		position: relative;
	}
	.newsletter .news-title:after {
		content: "";
		display: block;
		width: 0; 
		height: 0; 
		border-top: 22px solid transparent; 
		border-bottom: 22px solid transparent;
		border-left: 12px solid #00bba6;
		position: absolute;
		top: 0px;
		right: -12px;
	}
	.newsletter input {
		padding-left: 25px;
		height: 44px;
	}
	.newsletter button {
		position: absolute;
		top: 0px;
		right: 0px;
		background: none;
		border: none;
		color: #8f8f8f;
		border-left: 1px solid #fff;
		background: #f0f0f4;
		font-size: 18px;
	}
	.newsletter .news-icon {
		float: right;
		height: 44px;
		width: 46px;
		line-height: 44px;
	}
	.newsletter .news-icon:hover {
		color: #00bba6;
	}

/*	==================================================
	# Footer
	================================================== */
	.copyright {
		margin-bottom: 0px;
	}
	
	
/*	==================================================
	# Profile Page Accordion + -
	================================================== */	
	

	
	
	.page-type .img-mobile{display: none;}
	
	
	
	
	
	
	
	
/*	==================================================
	# Miscellaneaus
	================================================== */
	.tooltip-inner {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.last {
		margin-right: 0px!important;
	}
	
	/* Since v1.2 */
	.parallax-mobile {
		background-position: 50% 0px!important; 
		background-attachment: scroll!important;
	}
	/* End Since v1.2 */


@media screen and (max-width: 1024px){
	.items-container,
	.tiled-items .direction-nav {
		display: none;
	}
	.tiled-items .overlay .slogan {
		padding: 0px;
	}
	.tiled-items {
		display: block;
		height: 550px;
	}
	.tiled-items .overlay {
		height: 550px;
	}
	.tiled-items .overlay {
		padding: 60px 0px;
		position: relative;
	}
}

@media screen and (max-width: 979px){
	.main-nav {
		width: 100%;
	}
	.main-nav .nav {
		display: none;
	}
	#mobile-navigation {
		display: block;
	}
	.service{
		height: auto;
	}
	.service .front {
		height: 180px;
		padding: 35px 0px 0px;
	}
	.service .back{
		height: auto;
		display: block;
		position: relative;
		top: inherit;
	}
	.item-box .item-content {
		width: auto;
		float: none;
	}
	.item-box .item-images {
		width: 100%;
		float: none;
	}
	.parallax {
		background-position: 50% 0px!important; 
		background-attachment: scroll!important;
	}
	.seperator-type .slogan {
		margin: 20px 0px;
	}
	.home-type .overlay .fade-element {
		padding: 0px;
	}
}
@media screen and (min-width: 768px) and (max-width: 979px){
	.container{
		width:738px;
	}
	.service .back{
		min-height:190px;
	}
	.carousel .slides li {
		width: 176px!important;
	}
	.clients.carousel .slides li {
		width: 158px!important;
	}
	.portfolio .item {
		width: 176px;
	}
	.home-type .overlay .overlay-content {
		margin-top: -200px;
	}
}
@media screen and (max-width: 767px){
	.header-type .adds {
		display: none;
	}
	.header-type .logo {
		margin-bottom: 10px;
	}
	.portfolio .item {
		margin-left: 0px;
	}
	.google-maps {
		height: 300px;
	}
	.slogan{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 40px;
	}
	.tiled-items {
		display: block;
		height: 550px;
	}
	.tiled-items .overlay {
		height: 450px;
	}
	.tp-caption .border-btn {
		font-size: 12px;
		padding: 2% 4%;
	}
	.home-type .parallax.short {
		height: 280px;
	}
	
	
	
	.navbar-brand img {
    max-width:75%;
    
    }
    
    .footer-right {
	  position: relative; bottom: 0px;left:0px;
	   text-align: left;
	  font-size: 12px;
	}
	
	.page-type .img-desktop{display: none;}
	.page-type .img-mobile{display: block;}
	
	
}
@media screen and (min-width: 480px) and (max-width: 767px){
	.container{
		width:420px;
	}
	.carousel .slides li {
		width: 205px!important;
	}
	.clients.carousel .slides li {
		width: 250px!important;
	}
	.portfolio .item {
		width: 200px;
	}
	.rev-title {
		font-size: 16px;
		line-height: 22px;
	}
	.rev-title.big {
		font-size: 24px;
		line-height: 28px;
	}
}

@media screen and (max-width: 479px){
	.container{
		width: 300px;
	}
	.carousel .slides li {
		width: 300px!important;
	}
	.clients.carousel .slides li {
		width: 210px!important;
	}
	.clients.carousel {
		padding:0px 45px;
	}
	.portfolio .item {
		width: 300px;
	}
	.rev-title {
		font-size: 10px;
		line-height: 14px;
	}
	.rev-title.big {
		font-size: 16px;
		line-height: 20px;
	}
	.home-type .overlay .fade-element {
		margin-top: 40px;
	}
	/* Since v1.1 */
	.tiled-items {
		height: 550px;
	}
	.tiled-items .overlay {
		height: 450px;
	}
	/* End Since v1.1 */
	.home-type .overlay .overlay-content {
		margin-top: -210px;
	}
}

.map-responsive{
    overflow:hidden;
    padding-bottom:0;
    position:relative;
    height:400px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:400px;
    width:100%;
    position:absolute;
}
@media screen and (min-width: 768px){
	.footer-right{
		padding-top: 55px;
	}
	#home .footer-right{
		padding-top: 53px;
	}
}

@media only screen and (max-width: 479px ){
  .footer-type .container {margin:15px;}  
  #home h2.white {font-size:195%;padding:10px;}
  .container {width: 100%; }
 .page-type h3 {font-size:140%;}
}