/** GENERAL **/
.animated-wrapper h2								{ font-family:'Roboto Slab', serif; font-size:3em; text-align:center; margin:0px 0px 40px 0px; }
.animated-wrapper .icon-wrapper						{ display:inline-block; width:33%; text-align:center; margin:0px 0px 40px 0px; }
.animated-wrapper .icon-wrapper .title				{ display:block; font-family:'Roboto Slab', serif; font-size:1.6em; width:230px; margin:0px auto 20px auto; font-weight:600; }
.animated-wrapper .icon-wrapper .btn				{ font-size:1.3em; text-tranform:uppercase; }

.animated-wrapper h2								{ color:#B8000A; }
.animated-wrapper .icon-wrapper .title				{ color:#262626; }
.animated-wrapper .icon-wrapper .btn				{ background-color:#B8000A; color:#FFFFFF; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; }
.animated-wrapper .icon-wrapper:hover .btn			{ background-color:#8d2818; color:#FFFFFF; }



/** ICONS **/
.animated-wrapper .icon								{ position:relative; display:block; width:106px; height:101px; overflow:hidden; margin:10px auto; cursor:pointer; }
.animated-wrapper .icon-valuation .anim				{ position:absolute; top:101px; left:0; }
.animated-wrapper .icon-mortgage span				{ margin:11px; display:block; }
.animated-wrapper .icon-maintenance .cog			{ position:absolute; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; }
.animated-wrapper .icon-maintenance:hover .cog		{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
.animated-wrapper .icon-maintenance .cog-01			{ top:0; left:0; width:73px; height:73px; }
.animated-wrapper .icon-maintenance .cog-02			{ bottom:0; right:0; width:42px; height:42px; }
.animated-wrapper .icon-epc span					{ height:25px; display:block; }
.animated-wrapper .icon-epc .smll					{ width:40px; }
.animated-wrapper .icon-epc .med					{ margin:5px 0px; width:70px; }
.animated-wrapper .icon-epc .lrg					{ width:99px; }
.animated-wrapper .icon-agent .avatar				{ position:absolute; top:0; }
.animated-wrapper .icon-agent .avatar-01			{ left:0px; }
.animated-wrapper .icon-agent .avatar-02			{ left:101px; }
.animated-wrapper .icon-selling .post				{ float:left; width:8px; height:90px; margin:0px 3px 0px 0px;  }
.animated-wrapper .icon-selling .board				{ float:left; width:75px; height:50px; overflow:hidden; position:relative; }
.animated-wrapper .icon-selling .board span			{ position:absolute; bottom:10px; text-align:center; padding:5px 0px; text-transform:uppercase; font-weight:bold; display:block; }
.animated-wrapper .icon-selling .board .sale		{ left:0; right:0; }
.animated-wrapper .icon-selling .board .sold		{ left:75px; right:0; }

.animated-wrapper .icon-mortgage					{ background:transparent url(animated/calc.png) no-repeat 50% 50%; }
.animated-wrapper .icon-mortgage span				{ color:#B8000A; }
.animated-wrapper .icon-mortgage:hover 				{ background:transparent url(animated/calc-hover.png) no-repeat 50% 50%; }
.animated-wrapper .icon-epc .smll					{ border:2px solid #B8000A; }
.animated-wrapper .icon-epc .med					{ border:2px solid #666666; }
.animated-wrapper .icon-epc .lrg					{ border:2px solid #B8000A; }
.animated-wrapper .icon-selling .post				{ border:2px solid #777777; }
.animated-wrapper .icon-selling .board				{ border:2px solid #B8000A; }
.animated-wrapper .icon-selling .board span			{ background:#B8000A; color:#FFFFFF; }



/** RESPONSIVE **/
@media screen and (max-width:700px){
	
	.animated-wrapper .icon-wrapper	{ width:48%; }
	
}

@media screen and (max-width:470px){
	
	.animated-wrapper h2						{ font-size:2em; }
	.animated-wrapper .icon-wrapper				{ width:100%; }
	.animated-wrapper .icon-wrapper .title		{ width:90%; height:auto !important; }
	
}