/*!
 * Transition - vCard Theme
 * Designed and built based on Twitter Bootstrap.
 * Tags: multipurpose, agency theme, one page, single page, responsive, flat */

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

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

body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}

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

* {-webkit-tap-highlight-color:rgba(255,255,255,0);}

body {
    font-family: 'Signika Negative', Calibri, Arial, sans-serif;
    color: #f5f5f5;
    background: #333;
	background-image: url(../images/bg/low_contrast_linen.png);
    font-size: 1em;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:inherit;font-weight:600;}

h1, h2, h3 {line-height:40px;}

.left {float:left;}
.right {float:right;}
.clearboth {clear:both;}

a {
	color: #f5f5f5;
	text-decoration: none;
	font-weight: 600;
	outline:none;
}

a:hover, a:focus {
	color: #fff;
	text-decoration:none;
	outline:none;
}

.container {height:100%;}

.mlra {margin-left:auto !important;margin-right:auto !important;}
.mlr0 {margin-left:0 !important;margin-right:0 !important;}
.plr0 {padding-left:0 !important;padding-right:0 !important;}

.maxw12 {max-width:1200px !important;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt40 {padding-top:40px;}
.pt60 {padding-top:60px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.pb60 {padding-bottom:60px;}

::-moz-focus-inner {border:0;}

.hand {font-family:'kg_les_Rg';font-weight:normal;color:#f5f5f5;}

.transp-logo {position: absolute;width: 100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;opacity:0.3;z-index:9999;}

.bl-main {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.bl-main > section {
	position: relative;
	width: 100%;
	height: 38%;
}

.bl-main > section:first-child {
	background: url('../images/bg/back2-hi.jpg') no-repeat; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.bl-main > section:nth-child(2) {
	background: url('../images/bg/back3-hi.jpg') no-repeat; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.bl-main > section:nth-child(3) {
	background: url('../images/bg/back4-hi.jpg') no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.bl-main > section:nth-child(4) {
	background: url('../images/bg/back5-hi.jpg') no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

@media only screen and (min-width:481px) {
	.bl-main {overflow:hidden;}
	.bl-main > section {position:absolute; width:50%; height:50%;}
	.bl-main > section:first-child {top: 0; left: 0;}
	.bl-main > section:nth-child(2) {top: 0; left: 50%; }
	.bl-main > section:nth-child(3) {top: 50%; left: 0;}
	.bl-main > section:nth-child(4) {top: 50%; left: 50%;}
}

.bl-box {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 1;
	/* Centering with flexbox */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.bl-box h2 {
	text-align: center;
	margin: 0;
	padding: 20px;
	width: 100%;
	font-size: 1.8em;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 0 0 10px #666;
}

.bl-icon {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.bl-icon:before {
	display: block;
	font-size: 2em;
	margin-bottom: 10px;
}

.bl-main > section .bl-icon-undo, .bl-main > section .bl-icon-close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
}
span.bl-icon.bl-icon-undo.bl-back-button {
	font-family: inherit;
    line-height: 20px;
    text-transform: uppercase;
    vertical-align: top;
    font-weight: bold;
    font-size: 18px;
	color:#fff;
    padding: 6px 12px 6px 12px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    box-shadow: 0 0 8px #000;
	opacity:0 !important;
}

#contact-me span.bl-icon.bl-icon-undo.bl-back-button {box-shadow: 0 0 8px #999;}

.bl-main > section .bl-icon-undo:hover, .bl-main > section .bl-icon-close:hover {
	color:#fff; opacity:0.9;
}

.bl-icon-undo:before {
	content: "\e000";
}
.bl-icon-prev:before {
	content: "\e001";
}
.bl-icon-next:before {
	content: "\e002";
}
.bl-icon-bubbles:before {
	content: "\e003";
}
.bl-icon-user:before {
	content: "\e004";
}
.bl-icon-star:before {
	content: "\e005";
}
.bl-icon-arrow-up:before {
	content: "\e006";
}
.bl-icon-close:before {
	content: "\e007";
}
.bl-icon-mail:before {
	content: "\e008";
}
.bl-icon-google-plus:before {
	content: "\e009";
}
.bl-icon-facebook:before {
	content: "\e00a";
}
.bl-icon-twitter:before {
	content: "\e00b";
}
.bl-icon-feed:before {
	content: "\e00c";
}
.bl-icon-skype:before {
	content: "\e00d";
}
.bl-icon-linkedin:before {
	content: "\e00e";
}
.bl-icon-clock:before {
	content: "\e00f";
}
.bl-icon-search:before {
	content: "\e010";
}
.bl-icon-share:before {
	content: "\e600";
}

.bl-icon-bubbles-comments:after {
	content: "\e003";
	font-size: 0.9em;
	padding-left:6px;
	padding-right:20px;
	color:#111;
}

.bl-icon-blog-subtitle:before {
	display: inline-block;
	padding-left: 20px;
	font-size: 0.9em;
	color:#111;
}

.bl-icon.bl-icon-undo.bl-back-button:before {
	content:''; background:url(css-images/back-arrow.svg) center center no-repeat; background-size:contain; height:16px; width:16px; display: inline-block; margin: 3px 10px -3px 0; opacity:0.95;
}
@-moz-document url-prefix() { span.bl-icon.bl-icon-undo.bl-back-button {padding: 4px 12px;} .bl-icon.bl-icon-undo.bl-back-button:before {margin:4px 10px -3px 0;} }
@media only screen and (min-width:601px) {
	.bl-icon.bl-icon-undo.bl-back-button:before {height:18px; width:18px;}
}

span.share-button {display:inline-block;}

.comment-bubble {
	position: relative;
	min-height: 24px;
	min-width: 28px;
	font-size: 1em;
	line-height: 24px;
	font-weight: 900;
	display: inline-block;
	text-align: center;
	color: white;
	background: #bbbbbb;
	padding: 0 10px;
	margin-right: 20px;
	border-radius: 3px;
}

.comment-bubble:after {
	content: '';
	position: absolute;
	border-top: 4px solid #bbbbbb;
	border-left: 6px solid transparent;
	bottom: -4px;
	right: 4px;
}

.comment-bubble:hover {background:#928a9e;}
.comment-bubble:hover:after {border-top:4px solid #928a9e;}
span.comment-bubble a, span.comment-bubble a:hover {color:#f5f5f5;line-height:24px;}

.bl-content, 
div.bl-panel-items > div > div {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 60px;
	left: 20px;
	right: 10px;
	bottom: 30px;
	padding: 0 20px;
	overflow: hidden;
	overflow-y: auto;
}

/* Custom content */

.bl-content p {
	margin: 0 auto;
	padding-bottom: 15px;
	font-size: 1.4em;
	line-height: 1.6;
}

.bl-content h2 {
	font-size: 3em;
	font-weight: 300;
	margin: 0 0 20px 0;
}

.bl-content article {
	padding: 20px 30px 20px 0px;
}

.bl-content article h3 {
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding-top: 20px;
	font-size: 1.4em;
}

.bl-content > ul {
	list-style: none;
	padding: 0;
	margin: 0;
} 

.bl-content > ul li {
	display: inline-block;
	width: 20%;
	margin: 1%;
}

.bl-content > ul li a {
	display: block;
	padding: 0;
	border: 8px solid rgba(0,0,0,0.1);
}

.bl-content > ul li a img {
	display: block;
	max-width: 100%;
}

.skill {
    text-align: center;
}

.span4 > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.project {
	padding:20px 0 0 0;
	margin:auto;
}

.project h3 {
	font-size:2em;
	font-weight:600;
	text-align:center;
	line-height:.1.1;
}

.project p {
	font-size:1em;
	font-weight:300;
	text-align:center;
}

.projectthumb {
	max-width:1200px;
	max-height:400px;
	margin:0 auto 40px auto;
	border:1px black solid;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow:hidden;
}

.projectthumb figure {
	position:relative;
	opacity:1;
	overflow:hidden;
	padding:0;
	margin:0;
	border: 10px solid #2c2c2c;
	max-height:400px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.projectthumb img {
	min-width:100%;
	min-height:100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.projectthumb figcaption h3 {
	font-size:2em;
	font-weight:600;
	line-height:0.2em;
}

.projectthumb figcaption p {
	font-size:1.1em;
	font-weight:300;
}

.projectthumb figcaption {
	opacity:0;
	position:absolute;
	top:0;
    left: 0;
	bottom: 0;
    right: 0;
	margin:auto;
	padding-top:150px;
	text-align:center;
	color:#f5f5f5;
	cursor:pointer;
	background: black;
	background: rgba(0,0,0,0.75);
	text-shadow:0 0 6px #000;
	-webkit-transition: all 0.3s ease-in-out;  
     -moz-transition: all 0.3s ease-in-out;  
      -ms-transition: all 0.3s ease-in-out;  
       -o-transition: all 0.3s ease-in-out;  
          transition: all 0.3s ease-in-out;
}

.projectthumb figure:hover figcaption, .projectthumb figure:focus figcaption {
	opacity:1;
	padding-top:160px;
	-webkit-transition: all 0.3s ease-in-out;  
     -moz-transition: all 0.3s ease-in-out;  
      -ms-transition: all 0.3s ease-in-out;  
       -o-transition: all 0.3s ease-in-out;  
          transition: all 0.3s ease-in-out;
}


.projectthumb figure .bl-icon-search {
	position: absolute;
	font-size:3em !important;
	top: 150px;
	right: 0;
	bottom:0;
	left:0;
	margin:auto;
	text-align:center;
	cursor: pointer;
	z-index: 100;
	opacity: 0;
	color:#f5f5f5;
	text-shadow:0 0 6px #000;
	pointer-events: auto;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.3s ease-in-out;  
     -moz-transition: all 0.3s ease-in-out;  
      -ms-transition: all 0.3s ease-in-out;  
       -o-transition: all 0.3s ease-in-out;  
          transition: all 0.3s ease-in-out;
}

.projectthumb figure:hover .bl-icon-search, .projectthumb figure:focus .bl-icon-search {
	opacity: 0.8;
	top:140px;
	-webkit-transition: all 0.3s ease-in-out;  
     -moz-transition: all 0.3s ease-in-out;  
      -ms-transition: all 0.3s ease-in-out;  
       -o-transition: all 0.3s ease-in-out;  
          transition: all 0.3s ease-in-out;
}

.iMockupthumb {
	position:relative;
	background-color:#eee !important;
	-moz-box-shadow: inset 0 0 40px 0px #444;
	-webkit-box-shadow: inset 0 0 40px 0px #444;
	box-shadow: inset 0 0 40px 0px #444;
}

.iMockupthumb img{
	display:block;
	max-height:400px;
	min-height:160px;
	max-width:600px;
	min-width:240px;
	margin:0 auto !important;
	opacity:1 !important;
}

.bgp10 {background-position:center 10% !important;}
.bgp20 {background-position:center 20% !important;}
.bgp30 {background-position:center 30% !important;}
.bgp40 {background-position:center 40% !important;}

.mintlink {
	width:1px;
}
.findadditionalposts {
	padding-top: 20px;
	margin-left: -290px;
}
.findadditionalposts-svg {width:285px;height:33px;}
.no-svg .findadditionalposts-svg {background-image: url (../images/find-additional-posts-here.png);}

.mintlogo {margin-top: -30px;}
.mintlogo-link {display:inline-block;}
.mintlogo-svg {pointer-events:none;width:245px;height:50px;}
.no-svg .mintlogo-svg {pointer-events:none;background-image: url (../images/mint-conditioned-com_logo.png);}

.blog-box {
	color:#111;
	background: #eeeeee;
	border: 8px solid rgba(250,250,250,1);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.blog-box a {
	color:#111;
}

.blog-box a:hover {
	color:#444;
}

.blog-title  a{
	width:96%;
	margin:0 auto;
	color:#111;
	font-size:1.4em;
}

.blog-title {float:left;margin-bottom:10px;}
.blog-title h3 a {font-size:1.4em;line-height:20px;}
.blog-title-home h3 {margin-bottom:0;}
.blog-subtitle-home {
	font-family: 'Signika Negative', Calibri, Arial, sans-serif;
	font-size: 1em;
	color: #111;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
.blog-subtitle-home a {
	font-family: 'Signika Negative', Calibri, Arial, sans-serif;
	font-size:1.1em;
}

.blog-subtitle {
	float:right;
	font-family: 'Signika Negative', Calibri, Arial, sans-serif;
	font-size:1em;
	color:#111;
	line-height:1.4em;
	margin:0 auto;
	padding:14px 0 10px 0;
}
.blog-subtitle > p, .blog-subtitle a {
	font-family: 'Signika Negative', Calibri, Arial, sans-serif;
	font-size:1.1em;
}

.blog-post-content {
	clear:both;
	margin:0 auto;
	font-size:1.2em !important;
	line-height:1.4em !important;
	padding:5px 0 5px 0;}

.blog-date {padding-right:20px;}

.blog-box-home {
	width:30%;
	float:left;
	padding:10px;
	margin:2em 2.3% 2em 1%;
	-webkit-box-shadow: 0px 0px 8px 2px #330000;
	-moz-box-shadow: 10px 0px 8px 2px #330000;
	box-shadow: 0px 0px 8px 2px #330000;
}

.blog-box-home p {width:96%;font-size:1em;line-height:1.4em;}

.blog-box-list, .blog-box-main {
	width:auto;
	margin:2em 1% 2em 1%;
	padding:20px;
	-webkit-box-shadow: 0px 0px 8px 2px #222;
	-moz-box-shadow: 10px 0px 8px 2px #222;
	box-shadow: 0px 0px 8px 2px #222;
}

.blog-featured-image {
	clear:both;
	width:100%;
	height:360px;
	margin-bottom:10px;
	overflow:hidden;
}

.blog-featured-image img {width:100%;height:auto;}

.blog-thumb-home {
	width:100%;
	height:240px;
	margin:0 auto;
	padding:5px 0 5px 0;
	overflow:hidden;
}

.blog-thumb-home img {
	width:100%;
	height:auto;
}

.blog-thumb-list {
	width:100%;
	height:360px;
	margin:0 auto;
	padding:5px 0 5px 0;
	overflow:hidden;
}

.blog-thumb-list img {
	width:100%;
	height:auto;
}

.blog-nav-home {clear:both;}

.blog-nav-list {
	clear:both;
	padding: 0 1% 20px 1%;
}
.blog-nav-list a {font-size:1.4em;}
.blog-nav-prev {float:right;}
.blog-nav-next {float:left;}
.blog-nav-discuss {float:right;}

/* -------------------------------------------------------- */
/* Portfolio Specifics */
/* -------------------------------------------------------- */
#posts {width:100%;}

.post-cont {padding:0;margin-bottom:10px;overflow:hidden;}

.post-box {
margin-right:10px;
border: 0px solid #363636;
border-radius:8px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
overflow:hidden;
}

.post-box>a>img {opacity:0;}

.zoomer-overlay {
	position:absolute;
	left:0;
	right:10px;
	bottom:0;
	color:#f5f5f5;
	font-size:1em;
	padding:8px 8px 0 8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	background-color:rgba(0,0,0,0.8);
}

.zoomer-overlay>span {
	display: inline-block;
	height:30px;
	text-align: center;
	padding:0;
}

.zoomer-overlay>span.overlay-cat {
	text-align: left;
}

.zoomer-overlay>span.overlay-date {
	text-align: right;
}

.zoomer-overlay p {
line-height:20px;
font-weight: 300;
padding-bottom:10px;
-webkit-font-smoothing: subpixel-antialiased;
}

.r05 {height:135px;}
.r1 {height:280px;}
.r125 {height:355px;}
.r15 {height:430px;}
.r175 {hieght:500px;}
.r2 {height:570px;}
.r3 {height:860px;}

.zoomer-overlay>a>.col-xs-6.bl-icon:before {
display: inline-block;
padding-right: 6px;
font-size: 1em;
margin: 0;
}

.zoomer-overlay>a>.col-xs-6.bl-icon.bl-icon-bubbles {
text-align: center;
}

.zoomer-overlay>a>.col-xs-6.bl-icon.bl-icon-bubbles:hover {
color: #999;
}

.zoomer-overlay>a>span>.overlay-comment {font-family:'Signika Negative',sans-serif;font-weight: 600;}

.zoomer-overlay>span>.share-button label {
	padding:0;
	background:none;
	font-weight:300;
}

.zoomer-overlay>span>.share-button label:hover {
	color:#999;
	background:none;
}

.zoomer-overlay>span>.share-button label span {
text-transform: uppercase;
font-size: 1em;
font-family: 'Signika Negative', sans-serif;
font-weight: 600;
}

/* End Portfolio Specifics -------------------------------- */

/* --------------------------------------------------------	*/
/*  Progress Bar  */
/* --------------------------------------------------------	*/

.progress {
  height:40px;
  border-radius:0px;
  background:transparent !important;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
  margin-bottom:10px;
}

.bar {
  height:35px;
  font-size:14px !important;
  line-height:40px;
  border:0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
  text-shadow: none !important;
  text-align:left !important;
  padding-left:30px !important;
  background: #540001;
  background: -moz-linear-gradient(left,  #540001 1%, #960016 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#540001), color-stop(100%,#960016));
  background: -webkit-linear-gradient(left,  #540001 1%,#960016 100%);
  background: -o-linear-gradient(left,  #540001 1%,#960016 100%);
  background: -ms-linear-gradient(left,  #540001 1%,#960016 100%);
  background: linear-gradient(to right,  #540001 1%,#960016 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#540001', endColorstr='#960016',GradientType=1 );

}

/* --------------------------------------------------------	*/
/*  About Us  */
/* --------------------------------------------------------	*/

.about-us {
	padding-right:4%;
}

.about-us h3{
  font-size:18px;
  color:#f5f5f5;
  padding-bottom:0px;
}

.about-us i{
  font-size:22px;
  color:#f5f5f5;
  padding-right:20px;
}

.about-us .bl-icon {
  cursor:default !important;
}

.about-us .bl-icon:before {
  font-size:1.2em;
  float:left;
  padding-right:16px;
  line-height:36px;
}

h3.sitename {
	color:#777;
	font-family: 'Amatic SC', cursive;
	font-size:2.8em;
	line-height:50px;
}

h3.sitename:hover, nav.blogSidebar a:hover {
	color:#999;
}

.blog-sidebar {}

.blog-sidebar-section {}

ul.sidebarlist {
	list-style-type:none;
	padding-left:10px;
}

#copyright {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	text-align:center;
}

#copyrightBlog {text-align:center;padding-bottom:20px;}

/* Panel Items */

.tweak {
	padding-right: 30px;
}

div.bl-panel-items,
div.bl-panel-items > div {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

div.bl-panel-items > div > div {
	width: 100%;
	opacity: 1;
	bottom: 90px;
	top: 90px;
	pointer-events: auto;
}

div.bl-panel-items > div > div h3 {
	font-size: 2.4em;
	font-weight: 300;
}

div.bl-panel-items > div > div p {
	font-size: 1.3em;
	margin-right: 10px;
}

div.bl-panel-items > div > div img {
	width: 100%;
	text-align: center;
}

div.bl-panel-items {
	top: 100%;
	z-index: 9999;
}

div.bl-panel-items > div {
	background: #16a085;
	z-index: 0;
	opacity: 0;
	-webkit-transform: translateY(0);
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-moz-transform: translateY(0);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	transform: translateY(0);
	transition: transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-ms-transform: translateY(0);
}

div.bl-panel-items nav {
	position: absolute;
	z-index: 9999;
	background:#16a085;
	width: 100%;
	left: 50%;
	top: 0px;
	margin-left: -108px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out 0.5s;
	-moz-transition: opacity 0.2s ease-in-out 0.5s;
	transition: opacity 0.2s ease-in-out 0.5s;
}

div.bl-panel-items.bl-panel-items-show nav span {
	float: left;
	display:inline-block;
	background:#16a085;
}

div.bl-panel-items nav span.bl-next-work {
	font-weight: 600;
	letter-spacing: 2px;
	display: block;
	text-transform: uppercase;
	line-height: 2em;
	cursor: pointer;
	margin-right: 2em;
}

div.bl-panel-items.bl-panel-items-show nav {
	opacity: 1;
	top: -70px;
}

div.bl-panel-items > div.bl-show-work {
	z-index: 1000;
	opacity: 1;
	-webkit-transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transform: translateY(-100%);
	-moz-transition: -moz-transform 0.5s ease-in-out;
	transform: translateY(-100%);
	transition: transform 0.5s ease-in-out;
	-ms-transform: translateY(-100%);
}

div.bl-panel-items > div.bl-hide-current-work {
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-webkit-transform: translateY(-100%) scale(0.5);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-moz-transform: translateY(-100%) scale(0.5);
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateY(-100%) scale(0.5);
	-ms-transform: translateY(-100%) scale(0.5);
	z-index: 0;
}

/* Transition classes and properties */
/* Separated for a better overview and control */

.bl-main > section {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.bl-main > section.bl-expand {
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.bl-main > section.bl-expand-top {
	z-index: 100;
}

@media only screen and (min-width:481px;) {
	.bl-main > section.bl-expand {position:absolute;}
}

/* Section background colors */

.bl-main > section:first-child.bl-expand {
	background: #003310;
}
.bl-main > section:nth-child(2).bl-expand {
	background: #2c2c2c;
}
.bl-main > section:nth-child(3).bl-expand {
	background: #630006;
}
.bl-main > section:nth-child(4).bl-expand {
	background: #bfbfbf;
}
.bl-main > section:nth-child(4).bl-expand:after {
	display:block; content:''; background:url(../images/chris-butzke-logo-100.png) center center no-repeat; opacity: 0.3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;
}

.bl-main.bl-expand-item > section:not(.bl-expand),
.bl-main.bl-expand-item > section.bl-scale-down {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}

.bl-box {
	-webkit-transition: opacity 0.2s linear 0.5s;
	-moz-transition: opacity 0.2s linear 0.5s;
	transition: opacity 0.2s linear 0.5s;
}

section.bl-expand .bl-box {
	opacity: 0;
	-webkit-transition: opacity 0s linear;
	-moz-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

.bl-box h2 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-touch section:not(.bl-expand) .bl-box:hover h2 {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
}

.bl-content,
.bl-icon-close, .bl-icon-undo {
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
	-webkit-font-smoothing: antialiased;
}

section.bl-expand .bl-content,
section.bl-expand .bl-icon-close, section.bl-expand .bl-icon-undo {
	pointer-events: auto;
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	-webkit-font-smoothing: antialiased;
}

section.bl-expand span.bl-icon.bl-icon-undo.bl-back-button {opacity:1 !important;}

/* --------------------------------------------------------	*/
/*	Blog Nav Customizations */
/* --------------------------------------------------------	*/
.navbar-inverse {background-color:#333;background-image: url(../images/bg/low_contrast_linen.png);border:none;}
.navbar-shadow {width:1170px;margin:0 auto;-moz-box-shadow:0 0 2px 1px #303030;-webkit-box-shadow:0 0 2px 1px #303030;box-shadow:0 0 2px 1px #303030;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color: #fff;
	text-decoration:none;
	background-color: dodgerblue;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #fff;
	text-decoration:none;
	background-color: dodgerblue;
}
.active-blog>a:hover, .active-blog>a:focus {color:#fff;background-color:#2980b9 !important;}
.active-portfolio>a:hover, .active-portfolio>a:focus {color:#fff;background-color:#1e7145 !important;}
.active-contact>a:hover, .active-contact>a:focus {color:#fff;background-color:#B62733 !important;}

.dropdown-menu {
	min-width: 200px;
	text-align: right;
	font-size: 1em;
	background-color: #ddd;
}

.navbar-nobgo {outline:none;background-color:#333;}

.navbar-inverse .navbar-brand {font-size:1.8em;color:#777;padding-top:10px;padding-bottom:5px;}
.navbar-brand-logo {pointer-events:none;}
.no-svg .navbar-brand-logo {
  width: 120px;
  height: 30px;
  background-image: url(../images/chris_butzke_logo.png);
}

.navbar-toggle {outline:none;}
.navbar-toggle .icon-bar {height:3px;border-radius:3px;}
.navbar-inverse .navbar-toggle .icon-bar {background-color:#777;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {background-color:#999;}

/* --- End Blog Nav Customizations --- */

/* --------------------------------------------------------	*/
/*	Social Networks Icons */
/* --------------------------------------------------------	*/
       
.social-network { 
	display:inline-block; 
	background: url(../images/social-networks2.png) no-repeat top left; 
	width: 40px; 
	height: 40px; 
  margin: 0px 4px 0px 0px;
	background-position-y: -40px; 
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
	cursor:pointer;
	-webkit-font-smoothing: antialiased;
}

/* normal */
.social-network.aim{ background-position: 0 0}
.social-network.amazon{ background-position: -40px 0}
.social-network.apple{ background-position: -80px 0}
.social-network.behance{ background-position: -120px 0}
.social-network.blogger{ background-position: -160px 0}
.social-network.delicious{ background-position: -200px 0}
.social-network.deviantart{ background-position: -240px 0}
.social-network.digg{ background-position: -280px 0}
.social-network.dribbble{ background-position: -320px 0}
.social-network.ebay{ background-position: -360px 0}
.social-network.evernote{ background-position: -400px 0}
.social-network.facebook{ background-position: -440px 0}
.social-network.feedburner{ background-position: -480px 0}
.social-network.flickr{ background-position: -520px 0}
.social-network.forrst{ background-position: -560px 0}
.social-network.foursquare{ background-position: -600px 0}
.social-network.github{ background-position: -640px 0}
.social-network.google{ background-position: -680px 0}
.social-network.gowalla{ background-position: -720px 0}
.social-network.icq{ background-position: -760px 0}
.social-network.itunes{ background-position: -800px 0}
.social-network.lastfm{ background-position: -840px 0}
.social-network.linkedin{ background-position: -880px 0}
.social-network.meetup{ background-position: -920px 0}
.social-network.ms{ background-position: -960px 0}
.social-network.newsvine{ background-position: -1000px 0}
.social-network.openid{ background-position: -1040px 0}
.social-network.paypal{ background-position: -1080px 0}
.social-network.picasa{ background-position: -1120px 0}
.social-network.pinterest{ background-position: -1160px 0}
.social-network.posterous{ background-position: -1200px 0}
.social-network.reddit{ background-position: -1240px 0}
.social-network.rss{ background-position: -1280px 0}
.social-network.skype{ background-position: -1320px 0}
.social-network.slashdot{ background-position: -1360px 0}
.social-network.soundcloud{ background-position: -1400px 0}
.social-network.stumbleupon{ background-position: -1440px 0}
.social-network.technorati{ background-position: -1480px 0}
.social-network.tumblr{ background-position: -1520px 0}
.social-network.twitter{ background-position: -1560px 0}
.social-network.viddler{ background-position: -1600px 0}
.social-network.vimeo{ background-position: -1640px 0}
.social-network.virb{ background-position: -1680px 0}
.social-network.wordpress{ background-position: -1720px 0}
.social-network.xing{ background-position: -1760px 0}
.social-network.yahoo{ background-position: -1800px 0}
.social-network.yelp{ background-position: -1840px 0}
.social-network.youtube{ background-position: -1880px 0}
.social-network.zerply{ background-position: -1920px 0}
  
/* mouseover */
.social-network.aim:hover,.active .social-network.aim{ background-position: 0 -40px}
.social-network.amazon:hover,.active .social-network.amazon{ background-position: -40px -40px}
.social-network.apple:hover,.active .social-network.apple{ background-position: -80px -40px}
.social-network.behance:hover,.active .social-network.behance{ background-position: -120px -40px}
.social-network.blogger:hover,.active .social-network.blogger{ background-position: -160px -40px}
.social-network.delicious:hover,.active .social-network.delicious{ background-position: -200px -40px}
.social-network.deviantart:hover,.active .social-network.deviantart{ background-position: -240px -40px}
.social-network.digg:hover,.active .social-network.digg{ background-position: -280px -40px}
.social-network.dribbble:hover,.active .social-network.dribbble{ background-position: -320px -40px}
.social-network.ebay:hover,.active .social-network.ebay{ background-position: -360px -40px}
.social-network.evernote:hover,.active .social-network.evernote{ background-position: -400px -40px}
.social-network.facebook:hover,.active .social-network.facebook{ background-position: -440px -40px}
.social-network.feedburner:hover,.active .social-network.feedburner{ background-position: -480px -40px}
.social-network.flickr:hover,.active .social-network.flickr{ background-position: -520px -40px}
.social-network.forrst:hover,.active .social-network.forrst{ background-position: -560px -40px}
.social-network.foursquare:hover,.active .social-network.foursquare{ background-position: -600px -40px}
.social-network.github:hover,.active .social-network.github{ background-position: -640px -40px}
.social-network.google:hover,.active .social-network.google{ background-position: -680px -40px}
.social-network.gowalla:hover,.active .social-network.gowalla{ background-position: -720px -40px}
.social-network.icq:hover,.active .social-network.icq{ background-position: -760px -40px}
.social-network.itunes:hover,.active .social-network.itunes{ background-position: -800px -40px}
.social-network.lastfm:hover,.active .social-network.lastfm{ background-position: -840px -40px}
.social-network.linkedin:hover,.active .social-network.linkedin{ background-position: -880px -40px}
.social-network.meetup:hover,.active .social-network.meetup{ background-position: -920px -40px}
.social-network.ms:hover,.active .social-network.ms{ background-position: -960px -40px}
.social-network.newsvine:hover,.active .social-network.newsvine{ background-position: -1000px -40px}
.social-network.openid:hover,.active .social-network.openid{ background-position: -1040px -40px}
.social-network.paypal:hover,.active .social-network.paypal{ background-position: -1080px -40px}
.social-network.picasa:hover,.active .social-network.picasa{ background-position: -1120px -40px}
.social-network.pinterest:hover,.active .social-network.pinterest{ background-position: -1160px -40px}
.social-network.posterous:hover,.active .social-network.posterous{ background-position: -1200px -40px}
.social-network.reddit:hover,.active .social-network.reddit{ background-position: -1240px -40px}
.social-network.rss:hover,.active .social-network.rss{ background-position: -1280px -40px}
.social-network.skype:hover,.active .social-network.skype{ background-position: -1320px -40px}
.social-network.slashdot:hover,.active .social-network.slashdot{ background-position: -1360px -40px}
.social-network.soundcloud:hover,.active .social-network.soundcloud{ background-position: -1400px -40px}
.social-network.stumbleupon:hover,.active .social-network.stumbleupon{ background-position: -1440px -40px}
.social-network.technorati:hover,.active .social-network.technorati{ background-position: -1480px -40px}
.social-network.tumblr:hover,.active .social-network.tumblr{ background-position: -1520px -40px}
.social-network.twitter:hover,.active .social-network.twitter{ background-position: -1560px -40px}
.social-network.viddler:hover,.active .social-network.viddler{ background-position: -1600px -40px}
.social-network.vimeo:hover,.active .social-network.vimeo{ background-position: -1640px -40px}
.social-network.virb:hover,.active .social-network.virb{ background-position: -1680px -40px}
.social-network.wordpress:hover,.active .social-network.wordpress{ background-position: -1720px -40px}
.social-network.xing:hover,.active .social-network.xing{ background-position: -1760px -40px}
.social-network.yahoo:hover,.active .social-network.yahoo{ background-position: -1800px -40px}
.social-network.yelp:hover,.active .social-network.yelp{ background-position: -1840px -40px}
.social-network.youtube:hover,.active .social-network.youtube{ background-position: -1880px -40px}
.social-network.zerply:hover,.active .social-network.zerply{ background-position: -1920px -40px}

/* -------------------------------------------------------- */
/* Twitter Feed */
/* -------------------------------------------------------- */
#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;  
}
  
#twitter-feed {
    width:auto;
    margin:40px auto;
	clear:both;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding:8px 10px 5px 10px;
    color:#333;
	background: #eeeeee;
	border: 8px solid rgba(250,250,250,1);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 8px 2px #222;
	-moz-box-shadow: 10px 0px 8px 2px #222;
	box-shadow: 0px 0px 8px 2px #222;
    overflow:auto;
}
  
#twitter-feed h3 {
    color:#5F5F5F;
    margin:0px;
    padding:9px 0px 9px 0px;
    font-size:18px;
    font-weight:lighter;  
	line-height:20px;
}

#twitter-feed a {font-weight:inherit;}
 
.twitter-article, #loading-container {
    width:100%;
    border-top:1px dotted #CCC;
    float:left; 
    padding:8px 0px 8px 0px;
    position:relative;
} 
.twitter-pic {
    position:absolute;
}
  
.twitter-pic img {
    float:left;
    border-radius:7px;  
    border:none;
      
}
  
/* -------- TEXT STYLING ------*/
.twitter-text {
    width:100%;
    float:left;
    font-size:11px;
    padding-left:52px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.twitter-text p {
    margin:0px;
    line-height:15px;   
}
.twitter-text a,  h1 a {
    color: #00acee;
    text-decoration: none;
}
.twitter-text a:hover,  h1 a:hover {
    text-decoration: underline;
    color: #00acee;
}
  
.tweet-time {
    font-size:10px;
    color:#878787;
    display:inline-block;
}
.tweet-time a, .tweet-time a:hover {
    color:#878787;
}
  
.tweetprofilelink a {
    color:#444;
}
.tweetprofilelink a:hover {
    color:#444;
}
  
/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
    display:none;
}
.intent {
    width:25px;
    height:16px;
    float:left; 
}
.intent a{
    width:25px;
    height:16px;
    display:block;
    background-image:url(../images/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 
  
#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 
  
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width:14px;
    height:10px;
    background-image:url(../images/tweet-actions.png);
    background-position:-5px -54px;
    margin-top:3px;
    float:left;
}

/* End Twitter Feed --------------------------------------- */

.payments-container {
	max-width:960px; padding:15px; margin:0 auto;
}


/* RESPONSIVE MEDIA QUERIES ------------------------------- */
@media screen and (max-width:64em) {
	.blog-box-home {
	width: 44%;
	margin:2em 5% 2em 1%;
	}
}

@media screen and (max-width: 46.5em) {
	.bl-content,
	.bl-box {
		font-size: 75%;
	}

	.bl-expand .bl-box {
		height: 130px;
	}

	.bl-content > ul li {
		width: 40%;
	}
}

@media screen and (max-width: 40em) {
	.blog-box-home {
		width: 95%;
		margin:2em 3% 2em 2%;
	}
	.mintlink{width:100%;}
	.findadditionalposts {margin-left:0;}
	.findadditionalposts {width:220px;height:25px;}
	.mintlogo {margin-top:20px;margin-left:220px;}
	.mintlogo-svg {width:206px;height:42px;}
}

/* Retina-specific stuff here */
@media screen and (-webkit-min-device-pixel-ratio: 2),
	(min--moz-device-pixel-ratio:2),
	(-o-min-device-pixel-ratio:2/1),
	(min-device-pixel-ratio:2),
	(min-resolution:192dpi),
	(min-resolution: 2dppx) { 

	.body {background-image: url(../images/bg/low_contrast_linen_2X.png);}
	
	.navbar-inverse {background-image: url(../images/bg/low_contrast_linen.png);}
	
	.bl-main > section:first-child {
		background: url('../images/bg/back2-hi.jpg') no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.bl-main > section:nth-child(2) {
		background: url('../images/bg/back3-hi.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-main > section:nth-child(3) {
		background: url('../images/bg/back4-hi.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-main > section:nth-child(4) {
		background: url('../images/bg/back5-hi.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}
}

@media screen and (max-width:1024px) {
	.bl-main > section:first-child {
		background: url('../images/bg/back2-med.jpg') no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.bl-main > section:nth-child(2) {
		background: url('../images/bg/back3-med.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-main > section:nth-child(3) {
		background: url('../images/bg/back4-med.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-main > section:nth-child(4) {
		background: url('../images/bg/back5-med.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}
}

@media screen and (max-width: 992px) {
	.blog-sidebar-section-left {width:40%;float:left;}
	.blog-sidebar-section-mid {width:30%;float:left;}
	.blog-sidebar-section-right {width:30%;float:left;margin-bottom:80px}
	.blog-subtitle{clear:both;float:left;padding-top:0;}
	.mintlink {margin:0 auto;}
}

@media screen and (max-width: 768px) {
	.bl-main > section:first-child {
		background: url('../images/bg/back2-low.jpg') no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.bl-main > section:nth-child(2) {
		background: url('../images/bg/back3-low.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-main > section:nth-child(3) {
		background: url('../images/bg/back4-low.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-main > section:nth-child(4) {
		background: url('../images/bg/back5-low.jpg') no-repeat; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

	.bl-content {
		top: 60px;
		left: 0px;
		right: 0px;
		bottom: 20px;
		padding: 0 20px;
	}
	
	div.bl-panel-items > div > div { 
		top: 30px;
		bottom: 50px;
		padding-right:60px;
	}
	
	.bl-main > section .bl-icon-undo, .bl-main > section .bl-icon-close {
		right: 10px;
		top: 10px;
	}

	div.bl-panel-items.bl-panel-items-show nav {
		top: -40px;
	}
	
	.bl-icon:before {font-size:1.6em;}
	
	.progress { 
		height: 3em;
	}
	
	.progress .bar {
		height: 3em;
	}
	
	.bar {
		font-size: 1em !important;
		padding-left: 10px !important;
	}

	.projectthumb, .projectthumb figure {max-height:300px;}
	
	.iMockupthumb img{width:360px;}
	
	#copyright {bottom:5px !important;}

	.blog-sidebar {margin:20px;}
	
	.tweet-time {float:right;}
	.blog-sidebar-section-left,.blog-sidebar-section-mid,.blog-sidebar-section-right {width:100%;float:left;}
	.blog-sidebar-section-right {margin-bottom:20px;}
	.post-box {margin:0 20px 0 20px;}
	.zoomer-overlay {left:20px;right:20px;}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	.project h3 {
		font-size:1.6em;
	}

	.projectthumb figcaption h3 {
		font-size:1.8em;
	}

	.projectthumb figcaption {
		padding-top:150px;
	}

	.projectthumb figure:hover figcaption, .projectthumb figure:focus figcaption {
		padding-top:140px;
	}

	.projectthumb figure > .bl-icon-search {
		top: 140px;
	}

	.projectthumb figure:hover .bl-icon-search, .projectthumb figure:focus .bl-icon-search {
		top:130px;
	}
}

@media screen and (max-width: 480px) {
	.project h3 {
		font-size:1.4em;
	}

	.projectthumb figcaption h3 {
		font-size:1.2em;
	}

	.projectthumb figcaption p {
		font-size:1em;
	}

	.projectthumb figcaption {
		padding-top:90px;
	}

	.projectthumb figure:hover figcaption, .projectthumb figure:focus figcaption {
		padding-top:80px;
	}

	.projectthumb figure > .bl-icon-search {
		top: 80px;
	}

	.projectthumb figure:hover .bl-icon-search, .projectthumb figure:focus .bl-icon-search{
		top:70px;
	}
	
	.iMockupthumb img{width:100%; height:auto; min-height:0; min-width:0;}
	
	.blog-sidebar-section {width:99%;clear:both;}
	
	.mintlogo {margin-top:30px;margin-left:120px;}
}



/* Magnific Popup CSS */ 
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before {display: none; } .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: auto; } .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a {color: #cccccc; } .mfp-preloader a:hover {color: white; } .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; outline:none; z-index: 1046; } button::-moz-focus-inner {padding: 0; border: 0; } .mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #f5f5f5 !important; font-style: normal; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; cursor: pointer !important; -webkit-font-smoothing: antialiased;  } .mfp-close:hover, .mfp-close:focus {opacity: 1; } .mfp-close:active {top: 1px; } .mfp-close:before {font-size:1.4em !important; content:"\e007"; } .mfp-close-btn-in .mfp-close {color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter {position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow {font-family:'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; cursor: pointer; -webkit-font-smoothing: antialiased; position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left {left: 0px; font-family:'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; cursor: pointer; color:#f5f5f5; -webkit-font-smoothing: antialiased;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {font-size:2.4em; content:'\e001'; margin-left: 12px; margin-top:21px; text-shadow:0 0 8px #666;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 8px; border-right: 0; } .mfp-arrow-right {right: 0px; font-family:'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; cursor: pointer; color:#f5f5f5; -webkit-font-smoothing: antialiased;} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {font-size: 2.4em; content: '\e002'; margin-left: 40px; margin-top: 21px; text-shadow:0 0 8px #666;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {margin-left: 52px; border-left: 0; } .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close {top: -40px; } /* Main image in popup */ img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure {line-height: 0; } .mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title {text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small {color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content {max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; } .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; } .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; } } @media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left {-webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container {padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img {padding: 0; } .mfp-ie7 .mfp-bottom-bar {width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container {padding: 0; } .mfp-ie7 .mfp-content {padding-top: 44px; } .mfp-ie7 .mfp-close {top: 0; right: 0; padding-top: 0; }