﻿	.p-section {        -webkit-box-sizing: border-box;	       -moz-box-sizing: border-box;	        -ms-box-sizing: border-box;		        box-sizing: border-box;	    padding-left: 20px;	}	 	.pic {        border: 5px solid #4582ab;         float: left;        height: 200px;        width: 200px;        overflow: hidden;        border-radius: 20px;        -webkit-box-shadow: -3px 3px 4px #999;		        box-shadow: -3px 3px 4px #999; 	    	}		.shrink img {        width: 300px;        height: auto;        -webkit-transition: all 1s ease;	        -moz-transition: all 1s ease;	        -o-transition: all 1s ease;	        -ms-transition: all 1s ease;		        transition: all 1s ease;	}	 	.shrink img:hover {        width: 200px;        height: auto;	}		div.shrink 	{	    background-color: #FFFFFF;	    margin-top: 10px;	    margin-bottom: 30px;	}		    .portfolio-link     {        width: 200px;        font-family: "ArialRoundedMTBoldRegular", Arial, Helvetica, sans-serif;	    font-weight:normal;	    font-size:1.2em;	    text-align: center;	    float: left;	    margin: 15px 30px;    }       .portfolio-link span     {        padding-bottom: -10px;    }		.p-link     {        width: 550px;        height: 110px;	    float: left;	    padding-top: 20px;	    margin-bottom: 15px;    }        .s-pic {        border: 5px solid #4582ab;         float: left;        height: 100px;        width: 100px;        overflow: hidden;        margin-right: 20px;        margin-top: -20px;        border-radius: 20px;        -webkit-box-shadow: -2px 2px 3px #999;		        box-shadow: -2px 2px 3px #999; 	    	}		.s-shrink img {        width: 200px;        height: auto;        margin-left: -50px;        -webkit-transition: all 1s ease;	        -moz-transition: all 1s ease;	        -o-transition: all 1s ease;	        -ms-transition: all 1s ease;		        transition: all 1s ease;	}	 	.s-shrink img:hover {        width: 100px;        height: auto;        margin-left: 0px;	}		.s-shrink-wide img {        width: auto;        height: 200px;        margin-left: -50px;        -webkit-transition: all 1s ease;	        -moz-transition: all 1s ease;	        -o-transition: all 1s ease;	        -ms-transition: all 1s ease;		        transition: all 1s ease;	}	 	.s-shrink-wide img:hover {        width: auto;        height: 100px;        margin-left: 0px;	}		div.s-shrink, div.s-shrink-wide  	{	    background-color: #FFFFFF;	}/* New portfolio icons */	div.container {}.container div.image {	position: relative;	overflow: hidden;	width: 175px;	height: 225px;	display: inline-block;	margin-right: 22px;	margin-bottom: 40px;	float: left;	-webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;	transition: all .3s ease-out;}.container img {	position: absolute;	left: 0;	bottom: 0;	-webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;	transition: all .3s ease-out;	padding: 5px 5px 0 5px;}.container span.title {	width: 175px;	height: 30px;	position: absolute;	background: rgba(54,106,143,0.8);	text-align: center;	padding: 5px 0 4px;	color: #FFFFFF !Important;	font-size: 10pt;		-webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;	transition: all .3s ease-out;	}div.image.revealUpFull span { 	height: 90px;	width: 165px;	bottom: -90px;	padding: 5px;}div.image.revealUpFull.2lines span{    height: 50px !Important;    bottom: -50px !Important;}div.image.revealUpFull.3lines span{    height: 40px !Important;    bottom: -40px !Important;}div.image.revealUpFull:hover span {	bottom: -20px;}.image:hover {    background-color: #adcde5;		-webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;	transition: all .3s ease-out;}	.container span.title p {    padding-top: 5px;}