/*
* Babel (HTML) V1.0
* Copyright 2014, Limitless LLC
* www.limitless.ma
*/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* Table of Content
==================================================
	#Basics
	#Home
	#About
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */



/* #Header
================================================== */
	
	header {
		background-color: rgba(0, 0, 0, 1);
		height: 80px;
		position: fixed;
		text-align: center;
		top: 0px;
		width: 100%;
		z-index: 1000;
	}

	header .logo {
		background-color: transparent;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: auto;
		cursor: pointer;
		text-align: left;
		height: 80px;
		opacity: 0.5;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		margin-top: 30px;
		margin-left: 10px;
		max-width: 100%;
	}

	header .logo:hover {
		opacity: 1;
	}
	header .logo_external {
		background-color: transparent;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: auto;
		cursor: pointer;
		text-align: left;
		height: 80px;
		opacity: 0.5;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		margin-top: 30px;
		margin-left: 10px;
		max-width: 100%;
	}

	header .logo_external:hover {
		opacity: 1;
	}
	.logo_external img {
	margin-left: 10px;
    margin-top: 30px;
	}

	header .menu {
		background-color: transparent;
		background-image: url(../images/misc/mobile-navigation.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 18px 12px;
		border: none;
		color: #ffffff;
		cursor: pointer;
		display: none;
		font-family: "Montserrat";
		font-size: 18px;
		height: 20px;
		opacity: 0.5;
		padding-right: 40px;
		text-align: left;
		text-transform: uppercase;
		width: 90px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	header .navigation {
		display: block;
		margin-top: 29px;
		text-align: right;
	}

	header .navigation li a{
		color: #ffffff;
		text-decoration: none;
	}
	header .navigation li a {
		opacity: 0.4;
	}
	header .navigation li {
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-family: "Montserrat";
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 0px;
		margin-right: 35px;
		text-transform: uppercase;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	header .navigation li:last-child {
		margin-left: 0px;
		margin-right: 0px;
	}

	header .navigation li:hover, header .navigation li.active,
	header .navigation li a:hover, header .navigation li a.active {
		opacity: 1;
	}

	header .navigation li ul {
		background-color: #000000;
		/*background-image: url(../images/misc/menu-item-active.png);*/
		background-position: center 5px;
		background-repeat: no-repeat;
		background-size: 5px 5px;
		display: none;
		margin: 0px 0px 0px -20px;
		padding: 27px 20px 5px;
		position: absolute;
		text-align: left;
		z-index: 9999;
	}

	header .navigation li ul li {
		display: block;
		margin-bottom: 10px;
	}

header .navigation .empty-menu-item {
	display: none;
}

iframe, embed, object{
	max-width: 100%;
}
/* #Home
================================================== */

	.home {

	}

	.home .cover {
		height: 100%;
		width:100%;
	}

	.home video {
		background-color: #000000;
	}

	.home li {
		margin-bottom: 0px;
	}

	.home .slide {
		background-color: #181818;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 9999;
	}

	.home .overlay {
		bottom: 0px;
		left: 0px;
		padding-top: 0px !important;
		position: absolute !important;
		right: 0px;
		top: 0px;
	}

	.home.fullscreen .title {
		color: #ffffff;
		letter-spacing: 1.4px;
		margin-bottom: 30px;
	}

	.home .subtitle {
		letter-spacing: 1.4px;
		margin-bottom: 20px;
	}

	.home button.welcome {
		background-color: transparent;
		border-color: #ffffff;
		color: #ffffff;
		margin-top: 60px;
	}

	.home button.welcome:hover {
		background-color: #ffffff;
		color: #000000;
	}


/* #About
================================================== */

	.about {
		
	}

	.about .cover {
		background-size: cover;
	}

	.about .story .devider {
		margin-bottom: 90px;
	}

	.about .story .inner {
		display: block;
		float: none;
		margin: 0px auto;
		position: relative;
	}

	.about .team {
		padding-top: 0px !important;
	}

	.about .team .member {
		margin-top: 92px;
		padding: 0px 10px;
	}

	.about .team .member .image {
		background-color: #111111;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 170px 170px;
		height: 170px;
		margin: 0px auto 40px;
		width: 170px;
	}

	.about .team .member .image:before {
		background-image: url(../images/misc/image.png);
		background-position: center center;
		background-repeat: no-repeat;
		content: " ";
		display: block;
		height: 170px;
		position: relative;
		width: 170px;
	}

	.about .team .member .title {
		margin-bottom: 7px;
	}

	.about .team .devider {
		margin-bottom: 18px;
	}

	.about .team .text {
		margin-bottom: 50px;
	}

	.about .team .twitter {
		background-image: url(../images/misc/twitter.png);
		background-position: left 4px;
		background-repeat: no-repeat;
		background-size: 16px 13px;
		color: #000000;
		cursor: pointer;
		display: inline;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 7px;
		padding-left: 24px;
		text-decoration: none;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	.about .team .twitter:hover {
		border-bottom: 1px solid #000000;
	}

	.about .facts {
		background-attachment: fixed;
		background-color: #181818;
		background-image: url(../images/backgrounds/facts.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 0px !important;
	}

	.about .facts .devider {
		background-color: #ffffff;
	}

	.about .facts .overlay {
		background-color: rgba(0,0,0,0.75);
		padding: 100px 0px;
		position: relative !important;
	}

	.about .facts .fact {
		cursor: pointer;
		margin-bottom: -30px;
		margin-top: 92px;
		padding: 0px 20px;
	}

	.about .facts .title, .about .facts .subtitle, .about .facts .text {
		color: #ffffff !important;
	}

	.about .client {
		cursor: pointer;
		margin: 80px 0px;
		opacity: 0.5;
		text-align: center;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	.about .client:hover {
		opacity: 1;
	}

	.about .clients .devider {
		margin-bottom: 110px;
	}


/* #Work
================================================== */

	.works {

	}

	.works .cover {
		background-image: url(../images/backgrounds/works.jpg);
	}

	.works .grid {
		/*padding-top: 0px !important; */
	}

	.works .filter {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}

	.works .filter ul {
		border-bottom: 1px solid #cccccc;
		margin-bottom: 100px;
		margin-left: -10px;
	}

	.works .filter li {
		color: #999999;
		cursor: pointer;
		display: inline-block;
		font-family: "Montserrat";
		font-size: 13px;
		font-weight: bold;
		margin-bottom: -1px !important;
		padding: 30px 25px 31px;
		text-transform: uppercase;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	.works .filter li.active {
		background-image: url(../images/misc/filter-active.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 16px 7px;
		color: #000000;
	}

	.works .grid .work {
		background-color: #aaaaaa;
		cursor: pointer;
		height: 309px;
		margin-bottom: 1px;
		margin-left: 0.5px ;
		margin-right: 0.5px ;
		position: relative;
		width: 309px;
	}

	.works .grid img {
		height: 309px;
		width: 309px;
	}

	.works .grid .info {
		background-color: #080808;
		height: 309px;
		opacity: 0;
		position: absolute;
		top: 0px;
		width: 309px;
	}

	.works .grid .info .title {
		color: #ffffff;
		margin-top: 14px !important;
	}

	.works .grid .info .subtitle {
		color: #999999;
	}

	.works .grid .info .devider {
		background-color: #999999;
		margin-bottom: 14px !important;
		margin-top: 13px !important;
	}

	.works .quotes {
		background-color: #eeeeee;
		padding: 100px 0px !important;
	}

	.works .quotes .devider {
		margin-bottom: 90px;
	}

	.works .quote .text {
		padding: 0px 15px;
	}

	.works .quote .image {
		background-color: #111111;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px 80px;
		height: 80px;
		margin: 50px auto 25px;
		width: 80px;
	}

	.works .quote .image:before {
		background-image: url(../images/misc/image-quote.png);
		background-position: center center;
		background-repeat: no-repeat;
		content: " ";
		display: block;
		height: 80px;
		position: relative;
		width: 80px;
	}

	.works .quote .title {
		font-size: 14px !important;
	}

	.works .quote .subtitle {
		font-size: 12px !important;
	}

	.works .start .title {
		letter-spacing: 1px;
	}

	.works .start .devider {
		margin-bottom: 40px !important;
		margin-top: 32px !important;
	}


/* #project
================================================== */

	.project {
		
	}

	.project .offset {
		padding-top: 135px !important;
	}

	.project .content {
		float: right;
	}

	.project .sidebar {
		float: left;
	}

	.project .post {
		margin-bottom: 20px;
		padding-bottom: 98px;
	}

	.project .entry-thumbnail {
		margin-bottom: 100px;
		margin-top: -3px;
	}

	.project .entry-thumbnail img, .project .entry-thumbnail video {
		width: 100%;
	}

	.project .entry-title {
		margin-top: 25px;
	}

	.project .entry-title a {
		font-family: "Montserrat";
		font-size: 24px;
		letter-spacing: 0.1px;
		line-height: 55px;
		text-decoration: none;
	}

	.project .entry-meta {
		margin-bottom: 100px;
		margin-top: 0px;
	}

	/*.project .entry-meta span {
		color: #999999;
		font-family: "Montserrat";
		font-size: 12px;
		letter-spacing: 1.4px;
		text-transform: uppercase;
	}*/

	.project .entry-meta span:after {
		content: "·";
		margin-left: 15px;
		margin-right: 10px;
	}

	.project .entry-meta span:last-child:after {
		content: " ";
		margin-left: 0px;
		margin-right: 0px;
	}

	.project .entry-content {
		margin-top: 0px;
		text-align: left;
	}

	.project .entry-content p {
		line-height: 30px;
	}

	.project .entry-content blockquote {
		background-image: url(../images/misc/blockquote.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 73px 55px;
		font-family: "Montserrat";
		line-height: 30px;
		margin: 100px 0px;
		padding: 10px 25px 0 22px
	}

	.project .entry-content .more {
		border-color: #aaaaaa;
		color: #aaaaaa;
		margin-top: 15px;
	}

	.project .entry-content .more:hover {
		background-color: #aaaaaa;
		color: #ffffff;
	}

	.project .links {
		border-top: 1px solid #cccccc;
		padding-top: 20px;
	}

	.project .navigate {
		float: right;
	}

	.project .info {
		margin-bottom: 45px;
		padding-left: 0px;
		text-align: left;
	}

	.project .info .title {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.project .info .item {
		color: #aaaaaa;
		font-family: "Montserrat";
		font-size: 12px;
		text-transform: uppercase;
	}

/* #Project Preview
================================================== */

	.project-preview {
		background-color: #eeeeee;
		margin: 0px auto 100px;
		padding: 80px 0px !important;
		position: relative;
		text-align: center;
	}

	.project-preview .close {
		background-image: url(../images/misc/project-close.png);
		background-repeat: no-repeat;
		background-size: 26px 26px;
		background-position: center center;
		cursor: pointer;
		margin: 0px auto 100px;
		opacity: 0.5;
		height: 26px;
		width: 26px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	.project-preview .close:hover {
		opacity: 1;
	}

	.project-preview .media {
		margin-left: 0px !important;
		padding-right: 20px;
		text-align: left;
	}

	.project-preview .media .iframe {
		padding: 0px !important;
	}

	.project-preview img {
		height: 330px;
		width: 440px;
	}

	.project-preview video {
		height: 247.5px;
		margin-top: 41px;
		width: 440px;
	}

	.project-preview .info {
		margin-right: 0px !important;
		padding-left: 20px;
		text-align: left;
	}

	.project-preview .title {
		margin-top: 0px;
	}

	.project-preview .subtitle {
		font-size: 12px;
		margin-bottom: 35px;
		margin-top: 8px;
	}

	.project-preview .devider {
		margin-bottom: 30px;
		margin-left: 0px;
	}

	.project-preview .text {

	}

	.project-preview .more {
		float: right;
	}


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

	.services {

	}

	.services .cover {
		background-image: url(../images/backgrounds/services.jpg);
	}

	.services .grid {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.services .grid .filter {
		margin: 35px 0px;
	}

	.services .grid .filter ul {
		margin-bottom: 0px !important;
	}

	.services .grid .filter li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 32px 32px;
		cursor: pointer;
		display: inline-block;
		height: 32px;
		margin: 0px 30px;
		opacity: 0.25;
		width: 32px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}
	.services .grid .filter li a{
			height: 32px;
			opacity: 0.25;
			width: 32px;
			display: block;
	}
	.services .grid .filter li:hover, .services .grid .filter li.active {
		opacity: 1;
	}

	.services .service {
		padding: 100px 0px;
		text-align: left;
	}

	.services .dark {
		background-color: #f2f2f2;
	}

	.services .image, .services .info {

	}

	.services .image img {
		width: 100%;
	}

	.services .title {
		margin-bottom: 30px;
	}

	.services .text:last-child {
		margin-bottom: 0px !important;
	}


/* #History
================================================== */

	.history {
		
	}

	.history .cover {
		background-image: url(../images/backgrounds/history.jpg);
	}

	.history .milestone {

	}

	.history .milestone .image {
		padding-right: 20px;
	}

	.history .milestone .image img {
		width: 100%;
	}

	.history .milestone .info {
		padding-left: 20px;
		text-align: left !important;
	}

	.history .milestone .info .title {
		margin-bottom: 8px;
		margin-top: 24px;
	}

	.history .milestone .info .devider {
		margin-bottom: 30px;
		margin-left: 0px;
		margin-top: 35px;
	}

	.history .milestone .info .text {
		text-align: justify;
	}

	.history .milestone .info .more {
		float: right;
		margin-top: 15px;
	}

	.history .flex-control-nav {
		margin-top: 100px;
		position: relative !important;
	}
	.project .flex-control-nav{
		bottom: 80px !important;
	}
	.history .flex-control-nav li {
		margin: 0px !important;
	}

	.history .flex-control-nav li:after {
		background-color: #cccccc;
		content: " ";
		display: block;
		height: 2px;
		margin-left: 20px;
		position: relative;
		top: -7px;
		width: 90px;
		z-index: 1;
	}

	.history .flex-control-nav li:last-child:after {
		width: 0px;
	}

	.history .flex-control-paging li a {
		background: #666666 !important;
		border: 2px solid #ffffff;
		box-sizing: content-box !important;
		-webkit-box-sizing: content-box !important;
		height: 8px !important;
		margin-left: 4px;
		width: 8px !important;
		box-shadow: 0px 0px 0px 1px rgba(0,0,0,0) !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		position: relative;
		z-index: 99;
		-webkit-transition: all .2s ease 0;
		-moz-transition: all .2s ease 0;
		-ms-transition: all .2s ease 0;
		-o-transition: all .2s ease 0;
		transition: all .2s ease 0;
	}

	.history .flex-control-paging li a:before {
		border: 2px solid #ffffff;
	}

	.history .flex-control-paging li a:hover, .history .flex-control-paging li a.flex-active {
		background: #ffffff !important;
		box-shadow: 0px 0px 0px 1px rgba(0,0,0,1) !important;
	}

	.history .flex-control-paging li span {
		color: #000000;
		display: block;
		font-family: "Montserrat";
		font-size: 12px;
		font-weight: 400;
		margin-left: -33px;
		position: absolute;
		text-transform: uppercase;
		top: 25px;
	}

/* #Blog
================================================== */

	.blog {

	}

	.blog .cover {
		background-image: url(../images/backgrounds/blog.jpg);
	}

	.posts {

	}

	.post {
		text-align: left;
	}

	.post .entry-thumbnail .slider {
		margin-bottom: -30px;
		position: relative;
		
	}

	.post .entry-thumbnail li {

	}

	.post .entry-title {
		margin-top: 25px;
	}

	.post .entry-title a {
		font-family: "Montserrat";
		font-size: 24px;
		letter-spacing: 0.1px;
		line-height: 55px;
		text-decoration: none;
		color: #333;
	}

	.post .entry-meta {
		margin-top: 37px;
	}

	.post .entry-meta span {
		color: #999999;
		font-family: "Montserrat";
		font-size: 12px;
		letter-spacing: 1.4px;
		text-transform: uppercase;
	}

	.post .entry-meta span:after {
		content: "·";
		margin-left: 15px;
		margin-right: 10px;
	}

	.post .entry-meta span:last-child:after {
		content: " ";
	}

	.post .entry-content {
		margin-top: 0px;
	}

	.post .entry-content p {
		line-height: 30px;
	}

	.post .entry-content .more {
		border-color: #aaaaaa;
		color: #aaaaaa;
		margin-top: 15px;
		line-height: normal;
		font-weight: normal;
		
	}

	.post .entry-content .more:hover {
		background-color: #aaaaaa;
		color: #ffffff;
	}

	.sidebar {
		padding-left: 60px;
		text-align: left;
	}

	.widget {
		margin-bottom: 45px;
		text-align: left;
	}

	.widget .title {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.widget .item {
		color: #aaaaaa;
		cursor: pointer;
		font-family: "Montserrat";
		font-size: 12px;
		text-transform: uppercase;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	.widget .item:hover {
		color: #000000;
	}

 .flex-control-nav {
		bottom: 40px !important;
		position: relative !important;
	}

/* #Article
================================================== */

	.article {
		
	}

	.article .offset {
		padding-top: 135px !important;
	}

	.article .post {
		border-bottom: 1px solid #cccccc;
		margin-bottom: 20px;
		padding-bottom: 98px;
	}

	.article .post .entry-thumbnail {
		margin-top: -3px;
		padding-bottom: 79px;
	}

	.article .post .entry-thumbnail img, .article .post .entry-thumbnail video {
		height: 394px;
		width: 700px;
		max-width: :100%;
	}

	.article .entry-title {
		margin-top: 25px;
	}

	.article .entry-title a {
		font-family: "Montserrat";
		font-size: 24px;
		letter-spacing: 0.1px;
		line-height: 55px;
		text-decoration: none;
	}

	.article .entry-meta {
		border-bottom: 1px solid #cccccc;
		margin-bottom: 100px;
		margin-top: 0px;
		padding-bottom: 95px;
	}

	.article .entry-meta span {
		color: #999999;
		font-family: "Montserrat";
		font-size: 12px;
		letter-spacing: 1.4px;
		text-transform: uppercase;
	}

	.article .entry-meta span:after {
		content: "·";
		margin-left: 15px;
		margin-right: 10px;
	}

	.article .entry-meta span:last-child:after {
		content: " ";
		margin-left: 0px;
		margin-right: 0px;
	}

	.article .entry-content {
		margin-top: 0px;
		text-align: left;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 20px;
		padding-bottom: 98px;
	}

	.article .entry-content p {
		line-height: 30px;
	}

	.article .entry-content blockquote {
		background-image: url(../images/misc/blockquote.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 73px 55px;
		font-family: "Montserrat";
		line-height: 30px;
		margin: 100px 0px;
		padding: 10px 25px 0 22px
	}

	.article .entry-content .more {
		border-color: #aaaaaa;
		color: #aaaaaa;
		margin-top: 15px;
	}

	.article .entry-content .more:hover {
		background-color: #aaaaaa;
		color: #ffffff;
	}

	.article .navigate {
		margin-bottom: 136px;
	}

	.article .info {
		margin-bottom: 45px;
		padding-left: 60px;
		text-align: left;
	}

	.article .info .title {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.article .info .item {
		color: #aaaaaa;
		font-family: "Montserrat";
		font-size: 12px;
		text-transform: uppercase;
	}

	.article .comments-area {
		float: none !important;
		display: block;
		margin: 0px auto;
	}

	.article .comments-area .devider {
		margin-bottom: 100px;
	}

	.article .comment-list {
		margin: 100px 0px;
		padding: 0px;
	}

	.article .comment-list ul {
		margin-top: -5px;
		padding: 0px;
	}

	.article .comment {
		display: block;
		margin: 0px auto 60px;
		text-align: left;
	}

	.article .comment:last-child {
		margin-bottom: 0px;
	}

	.article .comment .comment-author .photo {
		background-color: #111111;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 90px 90px;
		height: 90px;
		float: left;
		margin-right: 20px;
		margin-top: 10px;
		width: 90px;
	}

	.article .comment .comment-author .photo:before {
		background-image: url(../images/misc/image-comment.png);
		background-position: center center;
		background-repeat: no-repeat;
		content: " ";
		display: block;
		height: 90px;
		position: relative;
		width: 90px;
	}

	.article .comment .comment-author .name {
		color: #000000;
		font-family: "Montserrat";
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 15px;
		padding-top: 20px;
		text-transform: uppercase;
	}

	.article .comment .comment-content {
		color: #666666;
		font-weight: 400;
		line-height: 26px;
	}

	.article .comment-form label {
		text-align: left;
	}

	.article .comment-form form button {
		background-color: #eeeeee;
		border: none;
		color: #666666;
		width: 100% !important;
	}

	.article .comment-form form button:hover {
		background-color: #666666;
		color: #eeeeee;
	}

/* #Contact
================================================== */

	.contact {
	}

	.contact .cover {
		background-image: url(../images/backgrounds/contact.jpg);
	}

	.contact form {
		text-align: left;
	}

	.contact form input[type="text"],
	.contact form input[type="password"],
	.contact form input[type="email"],
	.contact form textarea,
	.contact form button {
		width: 100%;
	}

	.contact form input[type="text"],
	.contact form input[type="password"],
	.contact form input[type="email"] {
		border-top: none;
		border-left: none;
		border-right: none;
		padding: 17px 10px;
	}

	.contact form button {
		background-color: #eeeeee;
		border: none;
		color: #666666
	}

	.contact form button:hover {
		background-color: #666666;
		color: #eeeeee;
	}

	.contact .info {
		margin-bottom: 55px;
		padding-left: 50px;
		text-align: left;
	}

	.contact .title, .contact .subtitle {
		
	}

	.contact .subtitle {
		margin-top: 20px;
	}

	.contact .input-error {
		border-color: #cf2b2b;
	}

	.contact .message-success, .contact .message-error {
		display: none;
	}

	.contact .message-success h6 {
		color: #2bcf46;
	}

	.contact .message-error h6 {
		color: #cf2b2b;
	}

	.contact .map {
		height: 400px !important;
		padding: 0px !important;
	}


/* #Footer
================================================== */

	footer {
		background-color: #181818;
		text-align: center;
	}

	footer .offset {
		padding: 30px 0px 100px !important;
	}

	footer .top {
		background-image: url(../images/misc/footer-top.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 17px 10px;
		cursor: pointer;
		height: 10px;
		margin: 0px auto;
		opacity: 0.5;
		width: 17px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	footer .top:hover {
		opacity: 1;
	}

	footer .copyright {
		color: #888888;
		font-weight: 700;
		margin-top: 6px;
	}

	footer .social {
		padding-top: 60px;
	}

	footer .social li {
		background-color: #464646;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px 16px;
		border: none;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		cursor: pointer;
		display: inline-block;
		height: 52px;
		margin: 0px 5px;
		width: 52px;
		-webkit-transition: all .5s ease 0;
		-moz-transition: all .5s ease 0;
		-ms-transition: all .5s ease 0;
		-o-transition: all .5s ease 0;
		transition: all .5s ease 0;		
	}

	footer .social li i {
		-webkit-transition: all .5s ease 0;
		-moz-transition: all .5s ease 0;
		-ms-transition: all .5s ease 0;
		-o-transition: all .5s ease 0;
		transition: all .5s ease 0;
	}
	footer .social li:last-child {
		margin-right: 0px;
	}

	footer .social li:hover, footer .social li:active {
		background-color: #ffffff;
	}

	footer .social .facebook {
		background-image: url(../images/social/facebook.png);
	}

	footer .social .twitter {
		background-image: url(../images/social/twitter.png);
	}

	footer .social .youtube {
		background-image: url(../images/social/youtube.png);
	}

	footer .social .googleplus {
		background-image: url(../images/social/googleplus.png);
	}

	footer .social .instagram {
		background-image: url(../images/social/instagram.png);
	}


/* #Not Found
================================================== */

	.notfound .cover {
		background-image: url('http://themes.fastwp.net/casia1/wp-content/themes/casia/assets/images/backgrounds/error.jpg');
	}

	.notfound .overlay {
		bottom: 0px;
		left: 0px;
		padding-top: 0px !important;
		position: absolute !important;
		right: 0px;
		top: 0px;
	}

	.notfound .title {
		color: #ffffff;
		font-weight: 400;
		margin-bottom: 15px;
	}

	.notfound .devider {
		margin-top: 0px !important;
	}

	.notfound .subtitle {
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 1.4px;
		margin-bottom: 30px;
	}

	.notfound button.back {
		background-color: transparent;
		border-color: #ffffff;
		color: #ffffff;
		margin-top: 60px;
		cursor: pointer;
		display: inline-block;
		font-family: "Montserrat";
		font-size: 13px;
		font-weight: 400;
		outline:none;
		text-transform: uppercase;
	}

	.notfound button.back:hover {
		background-color: #ffffff;
		color: #000000;
	}

	.boxed-layout,.boxed-layout header{
		max-width: 1200px;
		margin: 0 auto;
	}

	footer .social{
		padding-left:0px; 
	}
	footer .social i{
	    -webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	    color: #181818;
	    font-size: 20px;
	    height: 100%;
	    line-height: 36px;
	    /*margin: 2px;*/
	    padding: 10px;
	    width: 100%;
	}
	footer .social i:hover {
	
	}


.project .entry-meta .category a {
		color: #999999;
		font-family: "Montserrat";
		font-size: 12px;
		letter-spacing: 1.4px;
		text-transform: uppercase;
	}
.project .entry-meta .category:hover a {
		color: #333;
	}


.wpb_widgetised_column.contact .widget_text {
margin-bottom: 30px;
}

.wpb_widgetised_column.contact {
		margin-bottom: 55px;
		padding-left: 50px;
		text-align: left;}

@media only screen and (max-width: 767px) {
.wpb_widgetised_column.contact {
			margin-bottom: 0px;
			margin-top: 25px;
			padding-left: 0px;
			text-align: center;
		}

.wpb_widgetised_column.contact .widget_text {
	text-align: center;
	}
}



.contact .textwidget {
font-family:'Montserrat';
font-size: 13px; 
margin-bottom: 0px;
line-height: 20px;
color: #999999;
letter-spacing: 0.1px;
text-transform: uppercase;
}

.contact .widget-title 

{
font-size: 13px;
line-height: 20px;
color: #000000;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
}

.post .entry-meta a:hover {color:#000}
.article .info .item a:hover, .project .info .item a:hover  {color:#000;-webkit-transition: all .5s ease 0;
		-moz-transition: all .5s ease 0;
		-ms-transition: all .5s ease 0;
		-o-transition: all .5s ease 0;
		transition: all .5s ease 0;}
.article .info a:hover  {color:#000}

@media only screen and (max-device-width : 1024px) {.cover, .parallax {background-attachment:scroll!important; background-position: center center!important;background-size:cover!important}}
.comment-reply-title {color: #000000;
		letter-spacing: 1px;
		margin-top: -8px;
		text-transform: uppercase;}

.post .entry-content p:last-child {margin-bottom:0px;}
.type-post .entry-thumbnail {padding-bottom:79px}
.blog .entry-thumbnail {padding-bottom:0px}

/*temporary*/
.boxed {margin-left:auto;margin-right:auto; max-width: 960px;}
.vc_row.boxed {margin-left:auto;margin-right:auto;}


.wpcf7-form p {margin:0px}
.wpcf7-form input {margin-bottom:0px;}
.wpcf7-form label {text-align:left;}

.wpcf7-form input[type="submit"] {
		background-color: #eeeeee;
		border: none;
		color: #666666;
		width:100%	;
	}

.wpcf7-form input[type="submit"]:hover {
		background-color: #666666;
		color: #eeeeee;
	}

/*shortcodes correction */


@media only screen and (max-width: 767px) {

	footer .social i {
		font-size: 14px;
	    line-height: 18px;
	}



.fact, .member, .quote {max-width: 300px;margin: 0 auto;} 
}
.fact, .member, .quote {max-width: 400px;margin: 0 auto;}
.parallax {background-attachment:fixed;background-position: center center;}

.comment-reply-title {
	font-size: 17px;
 	line-height: 24px;
	text-transform:uppercase;
}

.article .comment-list ul {margin-bottom: 100px;}
.article .comment-list {margin-bottom:0px}



.post table {
   background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}

.post table th, .post table td {
  border: 1px solid #7a7a7a;
  padding: 8px;
}
.post table a{
  color: #7a7a7a;
}
.post table a:hover{
  color: #f1c40f;
}
.blog .post.sticky{
  border-bottom: 1px solid red;
}

dd {
  margin-bottom: 24px;
  margin-left: 0;
}
blockquote{
    margin: 0 20px;
    padding: 10px 20px;
}
/*.blog-content blockquote {
  border: 1px solid #dcdcdc;
  margin-top: 55px;
  padding: 45px 15px;
  position: relative;
}*/
blockquote p{
  color: #252525;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 26px;
  margin: 0px;
}

.post blockquote p{
  color: #252525;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 26px;
  margin: 5px 0 10px;
}
.alignnone {
  display: block;
  margin: 5px 10px 20px 0;
  max-width: 100%;
}
.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 10px;
}
.alignleft {
  float: left;
  margin: 5px 20px 10px 0;
}
.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}
.post .page-links > a {
  border: 1px solid #696969;
  color: #252525;
  display: inline-block;
  margin: 0 3px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.post .page-links > a:hover{
  color: #f1c40f;
}
.page-links span.page-links-title{
  border: none;
  width: auto;
  color: #252525;
  margin:0;
}
.page-links > span {
  border: 1px solid #252525;
  color: #f1c40f;
  display: inline-block;
 margin: 0 3px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}


img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
img{
	max-width: 100%;
}
#searchform #submit_btn,
#searchform #submit_btn:hover{
  color: #252525
}
/*Archive*/
.widget_archive > ul{
  margin: 20px 0 0;
  padding: 0;
}
.widget_archive  ul li:first-child {
  border: 0 none;
}
.widget_archive ul li {

  color: #696969;
   font-size: 13px;
}

.widget_archive  ul li a {
  color: #696969;
  display: inline-block;
  font-size: 13px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.widget_archive ul li a:hover {
  color: #f1c40f;
}
.widget ul li a{
	text-transform: uppercase;
}
.widget_archive ul li a:hover:before, .widget_archive ul li:hover a:before {
  background-color: #f1c40f;
}
.widget_archive ul li:hover, .widget_archive ul li:hover a {
   color: #f1c40f;
}
.widget_archive > .ts-select{
    margin-top: 27px;
}
/* Categories List */
.widget_categories > ul{
  margin: 20px 0 0;
  padding: 0;
}
.widget_categories > ul li.cat-item:first-child {
  border: 0 none;
}
.widget_categories > ul li.cat-item {

  color: #696969;
   font-size: 13px;
}

.widget_categories  ul li a {
  color: #696969;
  display: inline-block;
  font-size: 13px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.widget_categories ul li > a:hover {
  color: #f1c40f;
}
.sidebar_widget .children li{
    padding: 10px 0;
}
.sidebar_widget .children li:last-child{
    padding-bottom: 0;
}
.widget_categories ul li a:hover:before{
  background-color: #f1c40f;
}

.widget_categories ul li:hover .children > li > a{
    color: #696969;
}
.widget_categories ul li:hover .children > li > a:hover{
    color: #f1c40f;
}
.widget_categories .ts-select{
    margin-top: 27px;
}
/*Calendar*/
#wp-calendar {
  width: 100%;
}
#wp-calendar a:hover{
    color: #f1c40f;
}
#wp-calendar caption {
 
    margin-bottom: 5px;
    padding: 4px 0;
    text-align: center;
    color: #252525;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;

}
#wp-calendar thead th {
  background: none repeat scroll 0 0 #f7f7f7;
  border-right:2px solid #fff;
  font-size: 14px;
  padding: 7px 0;
  text-align: center;
}
#wp-calendar td {
  border: 1px solid #f7f7f7;
  padding: 5px 0;
  text-align: center;
}
#wp-calendar #prev {
  border: 0 none;
  text-align: left;
}
#wp-calendar .pad {
  border: 0 none;
}
#wp-calendar #next {
  border: 0 none;
  text-align: right;
}
/*Dropdown siderbar*/
.sidebar_widget .ts-select {position:relative}
.sidebar_widget select {
  border: 1px solid #dcdcdc;
  color: #8d8d8d;
  height: 44px;
  outline: medium none;
  padding: 0 17px 0 17px;
  width: 100%;
  cursor: pointer;
}
.ts-select:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 14px;
    line-height: 42px;
    width: 42px;
    position: absolute;
    right: -17px;
    color: #696969;
    pointer-events:none;
}
.ts-select:before {
    background: none repeat scroll 0 0 #ffffff;
    content: "";
    display: block;
    height: 42px;
    pointer-events: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 42px;
}
/*widget_pages, Meta widget, widget_recent_comments, Recent post*/
.blog-right ul{
  list-style-type: none;
}
.widget_pages > ul, 
.widget_meta ul, 
.widget_recent_comments ul,
.widget_recent_entries ul{
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.widget_pages  ul  li:first-child,
.widget_recent_entries  ul  li:first-child,
.widget_recent_comments  ul  li:first-child,
.widget_meta  ul  li:first-child{
  border: 0 none;
}
.widget_pages  ul  li,
.widget_recent_comments  ul  li,
.widget_recent_entries  ul  li,
.widget_meta  ul  li {
  /*border-top: 1px solid #dcdcdc;*/

  color: #696969;
   font-size: 13px;
}

.widget_pages  ul li a,
.widget_recent_entries  ul li a,
.widget_meta  ul li a {
  color: #696969;
  display: block;
  font-size: 13px;
  /*padding-left: 15px;*/
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}
.widget_pages  ul li a:hover,
.widget_recent_entries  ul li a:hover,
.widget_meta  ul li a:hover{
  color: #f1c40f;
}

.widget_recent_comments > ul > li{
  /*padding-left: 15px;*/
  position: relative;
}

.widget_recent_comments  ul li a{
  color: #696969;
  font-size: 13px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: underline;
}
.widget_recent_comments  ul li a:hover{
  text-decoration: none;
  color: #f1c40f;
}
/*RSS*/
.widget_rss .title-right-blog a{
  color: #252525;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.widget_rss ul{
    margin: 20px 0 0;
    padding: 0;
}
.widget_rss ul  li:first-child{
  border: 0 none;
}
.widget_rss ul  li {
  border-top: 1px solid #dcdcdc;
  padding: 15px 0;
  color: #696969;
   font-size: 13px;
}
.widget_rss ul li .rss-date{
  color: #696969;
  display: block;
  font-size: 10px;
  font-style: italic;
  margin: 0 0 10px;
}
.widget_rss cite {
  color: #252525;
  display: block;
  font-style: italic;
  font-weight: 500;
  margin-top: 10px;
  text-align: right;
}
.widget_rss .rsswidget {
  color: #696969;
  /*font-weight: 600;*/
}
.widget_rss .rsswidget:hover{
  color: #f1c40f;
}
/**/
.widget_text .textwidget img{
  max-width: 100%;
  margin-bottom: 20px;
  height: auto;
}
.textwidget p strong{
  color: #252525;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 20px;
}
/*widget nav menu*/
.widget_nav_menu ul.menu{
  padding-left: 10;
  margin-bottom: 20px;
}
.widget_nav_menu  ul.menu  li:first-child{
  border: 0 none;
}
.widget_nav_menu  ul.menu  li{
  /*border-top: 1px solid #dcdcdc;*/

    color: #696969;
    font-size: 13px;
    list-style: none;
}
.widget_nav_menu  ul.menu .sub-menu{
  padding-left: 10px;
}
.widget_nav_menu  ul.menu .sub-menu li {
  padding: 0px 0 10px 0;
}
.widget_nav_menu  ul.menu .sub-menu li:last-child{
  padding-bottom: 0;
}
.widget_nav_menu  ul li a {
  color: #696969;
  display: block;
  font-size: 13px;
}

.sidebar ul, .sidebar ol, .sidebar li  { list-style: none;}, 
pre {
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #333333;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 10px;
    padding: 9.5px;
    word-break: break-all;
    word-wrap: break-word;
}




@media only screen and (max-device-width: 767px) {

.cover.fullscreen, .cover {background-size: cover;background-attachment: scroll!important}

}	

.fastwp-button {
		color:#000000;
		background: transparent;
		cursor: pointer;
		display: inline-block;
		font-family: "Montserrat";
		font-size: 13px;
		font-weight: 400;
		outline:none;
		text-transform: uppercase;
}

.notfound .overlay.fullsecreen { 
 -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.notfound .container.vcenter {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.notfound {
	height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
}

.notfound .cover {height: 100%;width: 100%}
.blog .cover {height: 470px;width: initial;}
.animated {
		visibility:hidden;
	}

	.visible{
		visibility:visible;
	}