/*	################################################################

	File Name: style.css
	Template Name: Jollyfolio
	Created By: Filiz OZER
	http://themeforest.net/user/jollythemes
	
	1) SKELETON
	2) GENERAL
	3) SIDEBAR
	4) HEADER
	5) FOOTER
	6) PORTFOLIO
	7) POST & PAGE
	8) MODULES
	9) SLIDER OPTIONS
	10) COLOR SCHEMES
	11) RESPONSIVE
	
################################################################# */ 
		
	@font-face {
		font-family: 'quaver_serifregular';
		src: url('fonts/quaverserif.eot');
		src: url('fonts/quaverserif.eot?#iefix') format('embedded-opentype'),
			 url('fonts/quaverserif.woff') format('woff'),
			 url('fonts/quaverserif.ttf') format('truetype'),
			 url('fonts/quaverserif.svg#quaver_serifregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'fquaver_sansregular';
		src: url('fonts/quaversans.eot');
		src: url('fonts/quaversans.eot?#iefix') format('embedded-opentype'),
			 url('fonts/quaversans.woff') format('woff'),
			 url('fonts/quaversans.ttf') format('truetype'),
			 url('fonts/quaversans.svg#quaver_sansregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'bariol_boldbold';
		src: url('fonts/bariol_bold-webfont.eot');
		src: url('fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/bariol_bold-webfont.woff') format('woff'),
			 url('fonts/bariol_bold-webfont.ttf') format('truetype'),
			 url('fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* ----------------------------------------------------
	SKELETON
------------------------------------------------------- */

	body {
		font-family: 'Oxygen', sans-serif;
		color: #666666 !important;
		font-size: 14px !important;
		background:#fff;
		padding:0;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 26px !important;
	}

	h1,h2,h3,h4,h5,h6{ 
		font-weight:normal;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:normal;
		font-family: 'Oxygen',sans-serif !important;
		line-height:140% !important;
		color:#212121;
	}
	h1{
		font-size: 22px; 
	}
	h2{
		font-size: 20px; 	
	}
	h3{
		font-size: 18px; 
	}
	h4{
		font-size: 16px; 		
	}
	h5{
		font-size: 14px; 		
	}
	h6{
		font-size: 13px;  	
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color:#212121;
		text-decoration:none !important; 
	}
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover{
		color:#fff !important;
	}
	a { 
		padding: 0;
		margin: 0;
		text-decoration: none; 
		-webkit-transition: background-color .2s linear, color .2s linear;
		-moz-transition: background-color .2s linear, color .2s linear;
		-o-transition: background-color .2s linear, color .2s linear;
		-ms-transition: background-color .2s linear, color .2s linear;
		transition: background-color .2s linear, color .2s linear;
	}
	a:hover,
	a:focus {
	  text-decoration: none;
	  color:#686868;
	}
	a.remove {
	    background: url("images/remove.png") repeat scroll 0 0 #798184;
	    border-radius: 100px;
	    border-style: solid;
	    border-width: 1px;
	    display: block;
	    height: 18px;
	    margin: 10px;
	    padding-left: 0 !important;
	    text-indent: -9999px;
	    width: 18px;
	}
	ul {
		padding-left:0;
	}
	.customlead {
		font-family: 'fquaver_sansregular',sans-serif;
		font-size:24px !important;
		padding:10px 0;
		line-height:150%;
	}
	.lead {
		font-weight:normal !important;
		font-size:18px !important;
		line-height:150%;
	}
	.hidden{
		display:none
	}
	.alignleft{
		float:left
	}
	.alignright{
		float:right
	}
	.aligncenter{
		margin-left:auto;
		margin-right:auto;
		display:block;
		clear:both
	}
	.text-left {
		text-align:left !important;
	}
	mark {
		padding: 6px 12px;
	}
	section::before,
	section::after {
		position: absolute;
		content: '';
		pointer-post-wraps: none;
	}	
	.first {
		clear:both !important
	}
	.last{
		margin-right:0 !important
	}
	dd{
		color:#8B8B8B;
	} 
	ul {
		list-style: disc;
		margin:0 0 20px 17px;
	}
	ol{
		list-style: disc;
		margin:0 0 20px 0;
	}
	ul ul, ol ol{
		list-style: circle;
		padding:0 10px;
		margin:0 0 10px 0;
	}
	ul ul ul, ol ol ol{
		list-style: square;
		padding:0 10px;
		margin:0 0 10px 0;
	}	
	ol{
		list-style: decimal;
	}
	ol ol{
		list-style: lower-latin;
	}
	ol ol ol{
		list-style: lower-roman;
	}	
	ul ul li, ol ol li{ 
		margin:5px 0 5px 15px;
	}
	dl{
		margin:0 0 20px 0;
	}
	dd{
		margin:5px 0 5px 15px; 
		font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
		font-style:italic;		
	}
	p.drop-caps:first-child:first-letter {
		float: left;
		font-size: 75px;
		line-height: 60px;
		padding: 4px;
		margin-right: 7px;
		margin-top: 5px;
		font-family: Georgia;
	}
	p.drop-caps.full:first-child:first-letter {
		color: #fff;
		padding: 7px;
		margin-right: 7px;
	}
	.check li:before {
		content: "\f00c";
		font-family: "FontAwesome";
		font-size: 16px;
		left: 0;
		color:#ECB1C3;
		padding-right:5px;
		position: relative;
		top: 2px;
	}
	.check li {
		font-size:14px;
		list-style:none;
		margin-bottom:4px;
	}
	.check {
		margin-left:0; 
		padding-left:0
	}
	.check li a {
		color:#656565;
	}
	.soundcloud {
		width:100%;
	}
	.soundcloud,
	.vimeo {
		border:none;
	}

/* ----------------------------------------------------
	GENERAL STYLES
------------------------------------------------------- */
	.white-wrapper {
		background:#fff;
	}
	#wrapper {
		position:relative;
		display:block;
		min-width:768px;
		width:1060px;
		margin: 0 auto;
	}
	#wrapper.container {
		background-color:#fff;
		background:rgba(255,255,255);
	}
	.makeborder-top,
	.makeborder-bottom,
	.makeborder-right,
	.makeborder-left {
		background: #f3f3ef;
		position: fixed;
		z-index: 99;
	}
	.makeborder-top {
		width: 100%;
		top: 0;
		left: 0;
		padding: 10px;
		display:none;
	}
	.makeborder-bottom {
		width: 100%;
		bottom: 0;
		left: 0;
		padding: 10px;
		display:none;
	}
	.makeborder-left {
		width: 22px;
		left: 0;
		height: 100%;
		display:none;
	}
	.makeborder-right {
		width: 22px;
		right: 0;
		height: 100%;
		display:none;
	}
	.modal .close {
		font-size:71px;
		opacity: 1;
		color:#aaa;
		filter: alpha(opacity=100);
	}
	.modal-content .form-control,
	.modal-content {
		box-shadow:none;
		font-size:54px;
		font-family:fquaver_sansregular;
		height:80px;
		border-bottom:1px solid #aaa;
		border-radius:0;
		border-left:none;
		background-color:#f3f3ef;
		border-right:none;
		border-top:none;
	}
	.modal {
		top:30%;
		margin-top:-20px;
	}
	.modal-backdrop {
		z-index:999;
		background-color: #f3f3ef;
	}

/* ----------------------------------------------------
	SIDEBAR OPTIONS
------------------------------------------------------- */	
	#sidebar {
		margin:30px 0;
		padding:0 20px 100px;
	}
	.categories li span {
		float:right !important;
	}
	.client_links li,
	.categories li,
	.archive li,
	.recent_posts li {
		list-style:none;
		margin-bottom:10px;
	}
	.client_links li a,
	.categories li a,
	.archive li a,
	.recent_posts li a {
		color:#666;
	}
	.client_links,
	.categories,
	.archive,
	.recent_posts {
		margin-left:0
	}
	.widget {
		display:block;
		position:relative;
		overflow:hidden;
		margin:0 0 20px;
	}
	
/* ----------------------------------------------------
	HEADER STYLES
------------------------------------------------------- */	
	#custom .header .social span a:hover,
	#custom .header .social span a:focus,
	#custom .navbar-default .navbar-nav > li > a,
	#custom .navbar-default .navbar-nav > li > a:hover,
	#custom .navbar-default .navbar-nav > li > a:focus,
	#custom .header,
	#custom .navbar-default {
		background:transparent !important;
	}
	#custom .header i,
	#custom .navbar-default .navbar-nav > li > a {
		color:#999;
	}
	.dropdown-menu {
		box-shadow:none;
		border-color:#f3f3ef;
		border-radius:0 !important;
	}
	.menu-wrapper {		
		width:100%;
		top:0;
		padding:0;
		margin:0;
		z-index: 9999;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	.menu-wrapper.affix .navbar-default {
		padding:15px 0;
	}
	.menu-wrapper.affix .navbar-inner{
		padding:0 20px;
	}
	.menu-wrapper.affix .dropdown-menu {
		margin-top:0;
	}
	.menu-wrapper.affix .navbar-brand img {
		width:75%;
		padding:10px 0;
	}
	.header .dropdown-menu li a:hover,
	.header .dropdown-menu li a:focus {
		background:#f3f3ef;
	}
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.menu-wrapper.affix .header .nav li a:hover,
	.menu-wrapper.affix .header .nav li a:focus {
		background: rgb(255, 255, 255) !important; /* The Fallback */
		background: rgba(255, 255, 255, 0) !important; 
	}
	.navbar-collapse {
		margin-top:10px;
		padding-right:20px;
	}
	.header,
	.navbar-default,
	#custom .menu-wrapper.affix .header,
	#custom .menu-wrapper.affix .navbar-default {   
		background: rgb(255, 255, 255) !important; /* The Fallback */
		background: rgba(255, 255, 255, 0.9) !important; 
	}
	#custom .menu-wrapper.affix .navbar-default .navbar-nav i,
	#custom .menu-wrapper.affix .navbar-default .navbar-nav > li > a {
		color:#666 !important;
	}
	.menu-wrapper.affix {
		width:100%;
		top:20px;
		right:0;
		padding:0;
		margin:0;
		position: fixed;
		z-index: 9999;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	.navbar-inner{
		width:100%;
		max-width:1170px;
		margin:0 auto;
		padding:0;
		height: 100%;
	}
	.navbar-brand {
		padding:0;
	}
	.navbar-nav > li > .dropdown-menu:after,
	.navbar-nav > li > .dropdown-menu:before {
		display:none;
	}
	.navbar-default {
		padding:0px 0;
		margin:0;
		border:none !important;
		box-shadow:none;
	}
	.header {
		position: relative;
		z-index: 12;
		padding:50px 0 20px;
		margin-left: -160px;
	}
	.navbar-default .dropdown-menu li a {
		font-size:13px !important;
		font-weight:bold;
		color:#666666;
	}
	.header .navbar-brand {
		margin:-10px 0;
		width: 100%;
		font-size: 100px;
		font-weight: bold;
		text-align: center;
		line-height:1;
	}
	.header .navbar-brand img{
		max-width:100%;
	}
	.header .nav li a {
		font-size:15px;
		color:#999;
		text-transform:uppercase;
		font-family: 'Oxygen', sans-serif;
	}
	.sociala {
		margin:0px 0; 
		padding-right:0;
		position:relative;
		z-index:2;
		clear:both;
	}
 	.social {
		margin:11px 0; 
		padding-right:0;
	}
	.social span {
		padding-left:15px;
	}
	
	h2.titlea{color:#bbb;}
	h2.titlea span{margin-left:10px;}
	
/* ----------------------------------------------------
	FOOTER STYLES
------------------------------------------------------- */	
	.footer .social i {
		color:#fff;
	}
	.footer .social span {
		padding-left:4px;
		padding-right:12px;
	}
	.form-control {
		box-shadow:none !important;
	}
	.footer #contactform .btn-primary {
		background:#222222;
		border-color: #4f4f4f !important;
		color:#9B9B9B;
		border-radius: 0 !important;
		font-size: 14px !important;
		padding: 7px 35px !important;
	}
	.btn-sociala {
		background:#FFF;
		color:#bbb;
		font-size: 12px !important;
		padding: 0px 5px !important;
	}
	.sociala i{padding-right:3px;}
	.footer #contactform .form-control {
		margin-bottom:20px;
		background:#222222;
		border-color:#4f4f4f;
		height:45px;
		border-radius:0;
	} 
	.footer #contactform textarea.form-control {
		height: 120px !important;
	}
	.footer .title h3 {
		color: #FFFFFF;
		font-size: 24px !important;
		font-weight: bold;
		padding-bottom: 20px;
		text-transform: inherit;
	}
	.footer {
		background:#222222;
		padding: 60px 0;
		position:relative;
		display:block;
		box-sizing: border-box;
		width: 100%;
		z-index: 1;
	}
	.copyrights {
		background:#fff;
		padding:35px 0 50px;
		position:relative;
		display:block;
	}
	.footer-menu ul{
		list-style:none;
		list-style-position:outside;
		float:right;
		display:inline;
		margin:2px 0;
	}   
	.footer-menu li{ 
		float:left;
		font-size:13px;
		padding:0 0 0 35px; 
	}
	.footer .alignleft {
		margin:10px 15px 0 0;
		width:100%;
	}
	.footer,
	.copyrights,
	.footer-menu li a {
		color:#cccccc;
	}
	.footer-menu li a {
		text-transform:uppercase;
	}

/* ----------------------------------------------------
	PORTFOLIO OPTIONS
------------------------------------------------------- */
	.pager li > a, .pager li > span {
		background-color: #FFFFFF;
		border: medium none;
		border-radius: 15px;
		color: #313131;
		display: inline-block;
		font-size: 14px;
		padding:0 !important;
	}
	.pager li > a:hover,
	.pager li > span:hover {
		background:none;
	}
	.single_item {
		margin-bottom:40px;
	}
	.single_item .magnifier .buttons {
		top:50%;
	}
	.team_list img,
	.portfolio-item img {
		width:100%;
	}
	.portfolio-item {
		padding:0;
		background:#fff;
		margin-bottom:30px;
		border:1px solid #dedede;
	}
	.masonry_wrapper .item-w2{width:566px !important;}
	.masonry_wrapper .item-h2{height:281px !important;}
	.masonry_wrapper .item-h3{height:566px !important;}
	.btn.dark {
		background-color:#3d3d3d !important;
		color:#fff !important;
		border-color:#3d3d3d !important;
		padding:10px 38px !important;
	}
	.item .btn-primary {
		font-family: 'Oswald', sans-serif;
		font-size: 24px;
		background: none;
		border: 0px solid #fff !important;
		border-radius: 0;
		color: #fff;
		padding: 40% 40px;
		width: 100%;
		height: 100%;
	}
	.btn {
		font-size:13px;
	}
	.btn-dark,
	.loadmore .btn-primary {
		background: #FFFFFF !important;
		border-color: #B2B2B2 !important;
		border-radius: 0;
		letter-spacing:0.4px;
		color: #989898;
		padding: 7px 30px;
		text-transform: uppercase;
	}
	.loadmore {
		overflow:hidden;
		display:block;
		margin:75px 0;
	}
	.contact_form {
		overflow:hidden;
		display:block;
		margin-top:50px;
	}
	.team_list,
	.clients_list,
	.blog-masonry,
	.portfolio-masonry,
	.service_list {
		overflow:hidden;
		display:block;
		margin:10px 0 30px;
	}
	.related_items {
		display:block;
		margin:50px 0;
	}
	.masonry_wrapper {
		overflow:hidden;
		display:block;
		margin:50px 0;
	}
	.related_items .item {
		background:#fff !important;
	}
	.portfolio_body .item {
		margin:0 0 5px !important;
		padding:0 !important;
		background:#fff !important;
	}
	
	.masonry_wrapper .item {
		margin: 0 2px 4px;
		padding:0;
		background:#fff !important;
	}
	.related_items .item img {
		height: auto !important;
		height: 100% !important;
		width: 100%;
		position: relative;
		z-index: 0;
		background:#fff !important;
	}
	.masonry_wrapper .item img {
		height: auto !important;
		height: 100% !important;
		width: 100%;
		position: relative;
		z-index: -2;
		background:#fff !important;
	}
	.portfolio-filter ul {
		list-style: none outside none;
		padding: 0;
		position: absolute;
		right: 20px;
		top: 10px;
	}
	.table > thead > tr > th, .table > tbody > tr > th, 
	.table > tfoot > tr > th, .table > thead > tr > td, 
	.table > tbody > tr > td, .table > tfoot > tr > td {
		border-top: 1px solid #DDDDDD;
		line-height: 1.42857;
		padding: 15px;
		vertical-align: middle;
	}
	.portfolio-filter li {
		float:left;
		margin-left: 15px;
		padding: 0;
	}
	.portfolio-filter li a {
		font-weight:bold;
		font-size:14px;
		color:#666;
		text-transform:uppercase;
	}
	.isotope-item {
		z-index: 2;
	}
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}
	.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 {
		overflow:hidden;
		
	}
	.isotope .isotope-item  img{
		position:relative;
	}
	
	.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;
	}
	.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;
	}
	.magnifier .sg,
	.magnifier .st,
	.magnifier .sf {
		color: #FFFFFF;
		display: block;
		display: inline-block !important;
		float: none !important;
		font-size: 31px;
		height: 40px;
		line-height: 38px;
		text-align: center;
		width: 40px;
		margin: -10px 2px 0 2px;
		text-align: center;
		width: 40px;
	}
	.magnifier h4 {
		color:#ffffff;
		text-align:center;
		font-size:16px;
		padding:0;
		margin-bottom:20px;
		display:block;
		font-weight:normal;
	}
	.hovereffect .icon.shopicon {
		height: 100px;
		line-height: 100px;
		width: 100px;
	}
	.hovereffect .icon {
		-webkit-border-radius: 111px;
		-moz-border-radius: 111px;
		border-radius: 111px;
		font-size: 18px;
		font-weight: 300;
		height: 75px;
		left: 0;
		line-height: 75px;
		margin: -20px auto 0;
		position: absolute;
		right: 0;
		top:30%;
		text-align: center;
		width: 75px;
	}
	.hovereffect h4 {
		background:#ffffff;
		text-align:center;
		font-size:14px;
		padding:10px 30px;
		text-transform:uppercase;
		right:5px;
		width:auto;
		float:right;
		margin-bottom:0;
		display:block;
		font-weight:300;
	}
	.magnifier h2 a,
	.magnifier h3 a {
		color:#fff;
	}
	.magnifier h2 a:hover,
	.magnifier h3 a:hover {
		background:none;
	}
	.magnifier h2 {
		color:#ffffff;
		font-weight:bold;
		font-size:18px !important;
		padding-bottom:0;
		text-align:center;
	}
	.magnifier h3 {
		color:#ffffff;
		font-weight:bold;
		padding-bottom:0;
		text-align:center;
	}
	.hovereffect .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		height:auto;
		bottom: 20%;
		margin-top: -20px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.magnifier .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 0;
		margin-top: 0px;
		height:100%;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.hovereffect:hover .buttons,
	.magnifier:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.entry:hover .hovereffect, 
	.entry:hover .magnifier { 
		opacity: 1;
		visibility: visible;
	}
	.entry {
		display:block;
		position:relative;	
	}
	.hovereffect {
		background-color:rgba(0,0,0,0.4);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.related_items .item .magnifier,
	.fullwidth .item .magnifier,
	.team_member .magnifier {
		top:0;
		left:0;
		bottom:0;
		right:0;
	}
	.team_member .magnifier .buttons {
		top:50%;
	}
	.team_member .magnifier a span {
		color:#fff !important; 
		font-size:18px;
	}
	.magnifier {
		position:absolute;
		top:20px;
		left:20px;
		bottom:20px;
		right:20px;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.delay {
		-webkit-animation-direction: normal;
		-moz-animation-direction: normal;
		-o-animation-direction: normal;
		animation-direction: normal;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
		-o-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;
		-o-animation-delay: 2s;
		animation-delay: 2s;
	}

/* ----------------------------------------------------
	POST & PAGE
------------------------------------------------------- */	
	#content {
		padding-right:30px;
		padding-bottom:100px;
	}
	#sidebar .title h2,
	#comments .title h2 {font-size:24px;}
	#comments_form .form-control{
		margin-bottom:10px;
	}
	.comment-list {
		margin: 60px 0;
		list-style:none;
	}
	.comment-list ul li,
	.comment-list ol li {
		list-style:none;
	}
	.comment-avatar {
		margin: 0 20px 0 0;
		float: left;
		height: 70px; width: 70px;
	}
	.comment-content {
	   background: #ffffff;
		border: 1px solid #efefef;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 20px;
	}
	.comment-author {
		padding-bottom:10px;
		margin-bottom: 0;
	}
	.comment-meta {
		font-size: 12px;
		color: #aaa;
		padding-left:10px;
	}
	.comment-reply {
		margin:-10px -5px 0 0;
		float: right;
		font-size: 12px;
		color: #212121 !important;
	}
	.leave-comment textarea {
		height: 150px;
	}
	.post_bottom {
		font-size:18px;
		margin:30px 0
	}
	.blog-item .hovereffect .icon {
		top:42%; 
		color:#fff;
	}
	.blog-item .hovereffect .icon {
		background-color:#283633;
	}
	.blog-item {
		background:#f8f8f8;
	} 
	.media_element {
		display:block !important;
	}
	.post-top .overlay {
		padding:60px 0;
	}
	.post-top .lead {
		color:#FFF
	}
	.post-top h1 {
		color:#ffffff;
		font-size:40px;
	}
	.blog_wrap {
		margin-bottom:40px;
	}
	.post_title h2 {
		font-size:24px;
		margin-bottom:0; 
		padding-bottom:14px;
	}
	.post_title .post_meta a,
	.post_title .post_meta {
		color:#999999;
	}
	.post_title .post_meta span {
		padding-right:20px;
	}
	.read_more {
		margin:15px 0;
	}
	.post_title .post_meta {
		padding-bottom:10px;
	}
	.item img,
	.media_element img,
	.blog-columns img {
		width:100%;
	}
	.blog-item .magnifier .buttons {
		top:54%;
	}
	.checkout td a {
	    padding-left: 20px;
	}
	.media_element {
		position:relative;
	}
	.blog-item .btn-xs {padding:3px 10px}
	.post_top h3 {
		padding-bottom:0;
		margin-bottom:0;
		text-transform:uppercase;
	}
	.post_top {
		border-bottom: 1px solid #F5F5F5;
		margin: 0 -10px;
		padding: 0 15px 10px;
	}
	.media_element {
		display:block;
		position:relative;
		margin-top:10px !important;
	}
	.quotepost {
		background-color:#282828 !important;
		color:#fff;
		font-family: 'quaver_serifregular';
		padding:40px 25px !important;
		font-size: 20px !important;
		letter-spacing: 1px;
	}
	.quotepost .leadbig:before {
		text-align:center;
		padding:10px 10px 20px;
		font-size:24px;
		display:block;
		font-family: 'FontAwesome';
		content: "\f10e";
	}
	.blog-item .blog_desc {
		padding:20px;
	}
	.blog-item .blog_meta span {
		padding:0 5px;
	}
	.portfolio-centered {
		margin:0 auto !important;
	}
	.blog-item .media_element {
		margin-top:10px;
	}
	.blog-item .blog_meta a {
		color:#282828;
	}
	.blog-item .blog_meta {
		border-top: 1px solid #efefef;
		display: block;
		font-weight:bold;
		color:#282828;
		padding:5px 20px 10px;
		font-size:14px !important;
	}
	.blog-item {
		margin:0 10px 20px;
		padding:0;
		position:relative;
		display:block;
		overflow:hidden;
	}
	.datatime h3 {
		margin:0;
		padding:0;
	}
	.datatime {
		display: inline-block;
		border-right:1px solid #fff;
		margin-right:10px;
		text-align:center;
		width: 55px;
		float: left;
	}
	body#error404{
		background-color:#212121 !important;
		padding-top: 20%;
		text-align: center;
	}
	body#error404 h1 {
		color: #FFF!important;
		font-weight: bold;
		font-size:400%
	}
	body#error404 p {
		margin-bottom: 30px;
		font-size:21px;
	}
	body#error404 p,
	body#error404 a {
		color: #8B8B8B!important;
	}
	body#error404 a { 
		border-color:#3F3F3F; 
	}
	body#error404 a:hover { 
		border-color:#FFF; 
	}

/* ----------------------------------------------------
	MODULE OPTIONS
------------------------------------------------------- */
	.animationload {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff; /* change if the mask should have another color then white */
		z-index:999999; /* makes sure it stays on top */
	}
	.loader {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-image:url(images/loading.gif); /* path to your loading animation */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	.tab-content {
		padding:10px 20px;
		border:1px solid #DDDDDD;
	}
	.panel-title {
		padding-bottom:0;
	}
	.panel-default > .panel-heading {
		background-color:#fff;
	}
	.nav-tabs {
		margin-left:0;
		border-bottom:0;
	}
	.right-boxes {
		padding-right:5%;
	}
	.progress {
		background-color:#f4f4f1 !important;
		position:relative;
		overflow:visible
	}
	.skill_count {
		position:absolute;
		right:4%;
		font-weight:bold;
		font-size:14px; 
		color:#222;
		top:10px
	}
	.skills_bar {
		margin:10px 0;
		overflow:hidden;
	}
	.skills_bar small {
		position:absolute;
		left:4%;
		font-weight:bold;
		font-size:14px !important; 
		color:#fff;
		top:0
	}
	.progress {
		background-color:#eee;
		box-shadow:none;
		border-radius:5px !important;
		background:none;
		margin:20px 0;
		line-height:40px;
		height:40px;
	}
	.progress-bar {
		background-color:#3C3C3C;
		border-radius:5px 0 0 5px !important;
	}
	#page_header .bgback.bg {
		background:no-repeat scroll center top;
	}
	#page_header h2 {
		font-family:'bariol_boldbold',sans-serif !important;
		color:#999;
		font-size:48px;
		text-transform:uppercase;
	}
	#page_header .bgback {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	#page_header{
		min-height:236px;
		border-bottom:6px solid #fff
	}
	#page_header .container{
		padding:0 0 40px 0
	}
	#page_header:before{
		content:'';
		position:absolute;
		bottom:-26px;
		left:0;
		width:100%;
		height:20px;
		opacity:.6;
		filter:alpha(opacity=60)
	}
	#page_header .container{
		z-index:1;
		position:relative
	}
	#page_header:after{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:-1
	}
	.blog-title {
		font-size:36px !important;
	}
	.team_member {
		text-align:center;
	}
	.team_member h3 {
		padding-bottom:5px;
	}
	.team_member small {
		font-size:14px !important;
	}
	.contact_details {
		margin-left:0;
	}
	.contact_details li {
		margin-bottom:18px;
		list-style:none;
	}
	.contact_details li span{
		padding-left:10px;
	}
	.contact_details li i {
		color: #999;
		font-size: 28px;
		padding-right: 10px;
		text-align: center;
		vertical-align: top;
		width: 35px;
	}	
	#comments_form textarea,
	.contact_form textarea {
		height: 160px !important;
	}
	#subscribe .btn {
		padding:8px 20px !important;
	}
	#billinginfo .form-control,
	#personalinfo .form-control,
	#cartinfo .form-control {
		margin: 10px 0 10px !important;
	}
	.well {
		background: #fff;
		margin:10px 0 15px;
	}
	#billinginfo .form-control,
	#personalinfo .form-control,
	#cartinfo .form-control,
	#subscribe .form-control {
		background-color: #FFFFFF;
		border: 1px solid #dddddd;
		border-radius: 0;
		color: #aaa;
		font-size: 14px;
		height: 40px;
		margin: 20px 0 10px;
		width: 100%;
		letter-spacing:1px;
		font-family: 'quaver_serifregular';
	}
	#comments_form .form-control,
	.contact_form .form-control {
		background-color: #FFFFFF;
		border: 1px solid #dddddd;
		border-radius: 0;
		color: #aaa;
		font-size: 18px;
		height: 50px;
		margin-bottom: 20px;
		width: 100%;
		letter-spacing:1px;
		font-family: 'quaver_serifregular';
	}
	#comments_form .form-control::-moz-placeholder,
	.contact_form .form-control::-moz-placeholder {
		color: #DADADA;
	}	
	#contactform fieldset {
		padding:10px;
		border:1px solid #eee;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	#contactform legend {
		padding:7px 10px; 
		font-weight:bold; 
		color:#000; 
		border:1px solid #eee; 
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
		margin-bottom:0 !important; 
		margin-bottom:20px;
	}
	#contactform span.required{ 
		font-size: 13px; 
		color: #ff0000;
	}
	#message {
		margin: 10px 0; 
		padding: 0;
	}
	.error_message {
		display: block; 
		height: 22px; 
		line-height: 22px; 
		background: #FBE3E4 url(images/error.gif) no-repeat 10px center;
		 padding: 3px 10px 3px 35px; 
		 color:#8a1f11;
		 border: 1px solid #FBC2C4; 
		 -webkit-border-radius:5px;
	}
	.loader {
		padding: 0 10px;
	}
	#contactform #success_page h1 {
		background: url(images/success.gif) left no-repeat; 
		padding-left:22px;
	}
	acronym {
		border-bottom:1px dotted #ccc;
	}
	#map{
		height:450px;
		width:100%
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}
	.client {
		background:#f3f3ef;
		border:1px solid #F3F3EF;
		padding:20px;
		position:relative;
		margin-bottom:30px;
	}
	.client:hover {
		background:#fff;
		border:1px solid #F3F3EF;
	}
	.client img {
		opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;

	}
	.client:hover img {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0) scale(1);
		transform: translate3d(0,0,0) scale(1);
	}
	figure.effect-milo p span {
		padding-left:15px;
		color:#747474;
		font-size:14px !important;
		display:inline-block !important;
	}
	figure.effect-milo p strong {
		padding-left:15px;
		font-size:18px !important;
	}
	figure.effect-milo p {
		padding: 15px 10px 5px;
		position:absolute;
		top:0;
		background:#fff;
		border-right: 1px solid #fff;
		opacity: 0;
		-webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
		transition: opacity 0.65s, transform 0.65s;
		-webkit-transform: translate3d(0,-40px,0);
		transform: translate3d(0,-40px,0);
	}

	figure.effect-milo:hover .image,
	figure.effect-milo:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.client img {  
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.miniservice {
		margin-top:20px;
	}
	.center_version {
		text-align:center;
	}
	.center_version .miniservice {
		padding:10px 30px;
	}
	.center_version .miniicon {
		float:none;
		margin:auto;
		margin-bottom:30px;
	}
	.miniicon {
		float:left;
		width:75px;
		height:75px;
		line-height:75px;
		clear:both;
		font-size:34px;
		text-align:center;
		border:1px dashed #666666;
		margin:40px 20px 40px 0;
	}
	.miniicon a {
		color:#282828;
	}
	.desc h4 {
		font-size:18px;
		padding-bottom:0;
		font-weight:bold;
		text-transform:uppercase;
	}
	.makepadding {
		padding:50px 0;
	}
	.tagline {
		text-align:center;
	}
	.tagline h1 {
		font-weight:bold;
		font-size:30px;
		text-transform:uppercase;
	}
	.tagline h1 span {
		font-size:48px;
	}
	.tagline .lead {
		font-size:24px !important;
	}
	.tagline .readmore {
		font-size:14px !important
	}
	.title {
		position:relative;
		display:block;
	}
	.title h4 {
		font-size:24px !important;
		padding-bottom:0;
		text-transform:uppercase;
		letter-spacing:0.6px;
	}
	.title h3 {
		font-size:30px !important;
		padding-bottom:0;
		text-transform:uppercase;
		letter-spacing:0.6px;
	}
	#page_header hr {
		margin:0 auto 30px !important;
	}
	.title.text-center hr {
		margin:30px auto !important;
	}
	#page_header .lead {
		font-family: 'Nothing You Could Do', cursive;
		color:#999;
		font-size:18px !important;
		text-transform:uppercase;
	}
	#page_header hr,
	.title hr {
		border: 0 none;
		height:6px;
		margin: 10px 0 0;
		width: 70px;
	}
	
/* ----------------------------------------------------
	SLIDER OPTIONS
------------------------------------------------------- */
	.home-slider {
		height: auto;
	}
	.home-slider .flexslider {
		width: 100%;
		height: auto;
		margin: auto;
		overflow: hidden;
		position: relative;
	}
	.home-slider .flexslider .slides {
		list-style: none;
		margin: 0;
	}
	.home-slider .flexslider .slides .container {
		position: relative;
	}
	.home-slider .flexslider img {
		width: 100%;
		display: block;
	}
	.desc {
		position:relative;
		display:block;
	}
	.ps-desc h3 {
		position: absolute;
		font-size:48px;
		text-align:right;
		font-weight:bold;
		text-transform: uppercase;
		color: #FFFFFF;
		display: block;
		left: 0;
		margin-top:14%;
		right: 7%;
	}
	.ps-desc h3 a {
		color:#fff;
		text-decoration: none;
	}
	.ps-desc h3 span.dark {
		color:#484848;
	}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		color: #ffffff;
		/*background-color: #222222;*/
		border-color: #313131 !important;
	}
	.navbar-toggle {
		padding:5px 5px 0;
	}
	
/* ----------------------------------------------------
	COLOR SCHEMES
------------------------------------------------------- */
	.btn-dark:hover,
	.btn-dark:focus,	
	.purchase span,
	body#error404 a,
	.client_url {
		color:#000 !important;
	}
	a,
	.check li:before,
	.right-boxes .customlead,
	#page_header h2 span,
	#custom .navbar-default .navbar-nav > li > a:hover,
	.team_member span,
	.footer .social a:hover i,
	.portfolio-filter li a:hover,
	.readmore,
	.tagline h1 span,
	.lead span,
	.flex-direction-nav a:hover,
	.flex-direction-nav a:focus,
	.ps-desc h3 span,
	.miniservice:hover .miniicon a,
	.footer .title h3 span,
	.post_meta,
	.loadmore .btn-primary:hover,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.header .nav li a:hover,
	.header .nav li a:focus {
		color:#000;
	}
	
	p.drop-caps.full:first-child:first-letter,
	.progress:hover .progress-bar,
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover,
	.hovereffect .icon,
	.magnifier,
	.title hr,
	#page_header hr,
	.btn-primary {
		color:#fff;
		background-color:#000001;
	}
	.btn-dark:hover,
	.loadmore .btn-primary:hover,
	.flex-direction-nav a:hover,
	.flex-direction-nav a:focus,
	.btn-primary,
	.miniservice:hover .miniicon,
	.footer #contactform .btn-primary:hover,
	.footer #contactform .btn-primary:focus,
	.form-control:focus {
		border-color:#000001 !important;
	}
	blockquote {
		border-left-color:#000001;
	}
	#custom .navbar-toggle,
#custom .navbar-toggle:hover,
	.single_item .magnifier,
	.related_items .item .magnifier,
	.fullwidth .item .magnifier,
	.blog-item .hovereffect,
	.team_member .magnifier {
		background-color:rgba(0,0, 0, 0.5) !important;
	}

/* ----------------------------------------------------
	RESPONSIVE
------------------------------------------------------- */

/* iPads (portrait and landscape) ----------- */

	@media only screen and (min-width : 768px) and (max-width : 1024px) {
		
		h2.titlea span {
			width: 100%;
			margin-left: 0px;
			display: block;
		}
		a.btn.btn-primary {
			font-size: 10px;
			padding: 40% 0;
		}

		.item a {
			width: 100%;
			max-width: 100%;
		}

		.item img {
			width: 110% !important;
			margin: 0;
			top: -5px !important;
			left: -5px !important;
		}

		.header .nav li a {
			font-size: 12px;
			padding: 15px 6px;
		}

		.makepadding {
			padding: 0px 0;
		}

		.navbar-nav {
			margin: 0 auto;
		}
		.container {
			width: 100%;
			min-width: 100%;
		}

		div#wrapper {
			width: 100%;
			min-width: 100%;
		}

		header.header {
			margin-left: 0;
			padding: 10px 0 10px;
		}
	
		.ps-desc h3 {
			font-size:38px;
			margin-top:10%;
		}
		.flex-direction-nav .flex-prev { right: 14%; }
		.flex-direction-nav .flex-next { right: 7.1%;  }
		.flexslider:hover .flex-prev { opacity: 1; right: 14%; }
		.flexslider:hover .flex-next { opacity: 1; right: 7.1%; }
	}
	@media only screen and (min-width : 480px) and (max-width : 768px) {
		.navbar-collapse.collapse {
			padding: 0;
		}
		#custom .navbar-nav > li:first-child{
			display:none;
		}
		h2.titlea span {
			width: 100%;
			margin-left: 0px;
			display: block;
		}
		a.btn.btn-primary {
			font-size: 10px;
			padding: 40% 0;
		}

		.item a {
			width: 100%;
			max-width: 100%;
		}

		.item img {
			width: 110% !important;
			margin: 0;
			top: -5px !important;
			left: -5px !important;
		}

		.header .nav li a {
			font-size: 12px;
			padding: 15px 6px;
		}

		.makepadding {
			padding: 0px 0;
		}

		.navbar-nav {
			margin: 0 auto;
			width: 320px !important;
		}
		.container {
			width: 100%;
			min-width: 100%;
		}

		div#wrapper {
			width: 100%;
			min-width: 100%;
		}

		header.header {
			margin-left: 0;
			padding: 10px 0 10px;
		}
	
		.copyrights {
			text-align: center;
		}
		.footer-menu li {
		    display: inline;
		    float: none;
		    font-size: 13px;
		    padding: 3px;
		}
		.menu-wrapper.affix {
			top:0;
		}
		.portfolio-filter ul {
			position:relative;
		}
		.portfolio-filter li {
			margin-left:5px;
		}

		.modal-content .form-control, .modal-content,
		.title h3,
		.tagline h1 span {
			font-size:28px !important;
		}
		.tagline .lead {
			font-size:16px !important;
		}
		.tagline h1 {
			font-size: 18px;
		}

		.makeborder-top,
		.makeborder-bottom,
		.makeborder-right,
		.makeborder-left {
			display:none;
		}
		.ps-desc h3 {
			font-size:26px;
			margin-top:10%;
		}
		.masonry_wrapper .item {
			height:auto !important;
		}
		.flex-direction-nav .flex-prev { right: 14%; }
		.flex-direction-nav .flex-next { right: 7.1%;  }
		.flexslider:hover .flex-prev { opacity: 1; right: 14%; }
		.flexslider:hover .flex-next { opacity: 1; right: 7.1%; }
		.navbar-collapse {
			background: rgb(255, 255, 255) !important;
			background: rgba(255, 255, 255, 0.9) !important; 
		}
		.navbar-collapse i,
		.navbar-collapse a {
			color:#666 !important;
		}
	}
	@media only screen and (min-width : 320px) and (max-width : 480px) {
		.navbar-collapse.collapse {
			padding: 0;
		}
		#custom .navbar-nav > li:first-child{
			display:none;
		}
		h2.titlea span {
			width: 100%;
			margin-left: 0px;
			display: block;
		}
		a.btn.btn-primary {
			font-size: 10px;
			padding: 40% 0;
		}

		.item a {
			width: 100%;
			max-width: 100%;
		}

		.item img {
			width: 110% !important;
			margin: 0;
			top: -5px !important;
			left: -5px !important;
		}

		.header .nav li a {
			font-size: 12px;
			padding: 15px 6px;
		}

		.makepadding {
			padding: 0px 0;
		}

		.navbar-nav {
			margin: 0 auto;
			width: 320px !important;
		}
		.container {
			width: 100%;
			min-width: 100%;
		}

		div#wrapper {
			width: 100%;
			min-width: 100%;
		}

		header.header {
			margin-left: 0;
			padding: 10px 0 10px;
		}
	
		.comment-reply {display: none;}
		.copyrights {
			text-align: center;
		}
		.footer-menu li {
		    display: inline;
		    float: none;
		    font-size: 13px;
		    padding: 3px;
		}
		.menu-wrapper.affix {
			top:0;
		}
		.portfolio-filter ul {
			position:relative;
		}
		.portfolio-filter li {
			margin-left:5px;
		}

		.modal-content .form-control, .modal-content,
		.title h3,
		.tagline h1 span {
			font-size:21px !important;
		}
		.tagline .lead {
			font-size:14px !important;
		}
		.tagline h1 {
			font-size: 18px;
		}

		.flex-direction-nav a,
		.makeborder-top,
		.makeborder-bottom,
		.makeborder-right,
		.makeborder-left {
			display:none;
		}
		.ps-desc h3 {
			font-size:18px;
			margin-top:10%;
		}
		.masonry_wrapper .item {
			width:100% !important;
			height:auto !important;
		}
		.navbar-collapse {
			background: rgb(255, 255, 255) !important;
			background: rgba(255, 255, 255, 0.9) !important; 
		}
		.navbar-collapse i,
		.navbar-collapse a {
			color:#666 !important;
		}
	}