@font-face
{
	font-family: colona;
	src: url('../css/colonna_mt.ttf')
} 	
@font-face{
	font-family: Aller_Bd;
	src: url('../css/fonts/Aller_Bd.ttf')
} 	
body{
	margin:0px;
	padding:0px;
	font-family: Aller_Bd;
	background: url("../img/bg/pattern-cb3v.png") repeat scroll left -35px transparent;	
	background-color: #ECCC88;
}
.lang{
	z-index:10;
	color:white;
	width:100%;
	height:20px;
	text-align:right;
	border:0px solid red;
	float:right;
	position:absolute;
}

.noSelect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lang .langbut:hover{
	background-color: #920000;
}
.lang .langbut{
	border:0px solid green;
	background-color: #8A5C2E;
	text-align:center;
	z-index:-1;
	color:white;
	height:20px;
	float:right;
	margin-left:200px;
	text-align:center;
	width:80px;
	margin-top:5px;
	margin-right:5px;
	cursor:pointer;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.eng{
	
}
.fra{
	display:none;
}


.sizer{
	display:none;
	font-family: Aller_Bd;	
	color:white;
	padding-top:5px;
	padding-left:50px;
	background: url("../img/underc.png") no-repeat scroll transparent;
	background-color: rgba(255, 153, 0, 0.8);		
	background-size: 50px;
	width:120px;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
	text-shadow:2px 2px 1px #000000;
	display:inner-block;
}
#sz1{display:block;}
#sz2{display:none;}
#sz3{display:none;}
#sz4{display:none;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sizer{
		background-color: rgba(153, 255, 0, 0.3);
	}
	#sz1{display:none;}
	#sz2{display:block;}
	#sz3{display:none;}
	#sz4{display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sizer{
		background-color: rgba(0, 255, 153, 0.3);
	}
	#sz1{display:none;}
	#sz2{display:none;}
	#sz3{display:block;}
	#sz4{display:none;}
}
@media only screen and (max-width: 479px) {
	.sizer{
		background-color: rgba(255, 0, 0, 0.3);
	}
	#sz1{display:none;}
	#sz2{display:none;}
	#sz3{display:none;}
	#sz4{display:block;}
}

/*****//*****//*****//*****/
/*  ~Menu Background Bars/*****/
/*****//*****//*****//*****/
/**@media{**/

	.menubackground .fon{
		position:absolute;
		width:100%;	
		height:100%;
		background: none;
		opacity:0;
		background-size:100%;	
		
	}
	.menubackground .BG{	
		position:absolute;
		width:100%;	
		height:100%;		
		background: url("../img/topbar.png") repeat scroll transparent;
		opacity:0;
		
		background-size:100%;
	}
	.menubackground{
		z-index:-1;
		top:30px;
		position:absolute;
		width:100%;
		opacity:0.5;
		border-top:0px solid grey;
		border-bottom:0px solid grey;	
		height:347px;
		opacity:1;
		transition: all 0.5s ease 0s;
	}
	.menucontainer[id=small] + .menubackground{
		height:215px;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.menubackground{	
			height:288px;
		}
		.menucontainer[id=small] + .menubackground{	
			height:153px;
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.menubackground{	
			height:167px;
		}
		.menucontainer[id=small] + .menubackground{
			height:104px;
		}
		.menubackground .BG{	background-size:200%;}
		.menubackground .fon{ background-size:200%;}
	}
	@media only screen and (max-width: 479px) {
		.menubackground{	
			height:215px;
		}
		.menubackground .BG{	background-size:250%;}
		.menubackground .fon{ background-size:250%;}
	}




/*****//*****//*****//*****/
/*  ~Menu Container /*****/
/*****//*****//*****//*****/
/**@media{**/
	.menucontainer{	
		border: 0px solid brown;	
		width:1024px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		position:relative;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.menucontainer{
			width:768px;
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.menucontainer{
			width:480px;
		}
	}
	@media only screen and (max-width: 479px) {
		.menucontainer{
			width:100%;
		}
	}
	

/*****//*****//*****//*****/
/*  ~Logo /*****/
/*****//*****//*****//*****/
/**@media{**/
	.logo{
		background: url("../img/Votre.png") no-repeat scroll transparent;
		background-position: 150px 320px;
		background-size: 160px;
		border: 0px solid yellow;		
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-top:30px;
		width:100%;
	}
	.logo .logoimg{
		background: url("../img/VC.png") no-repeat scroll transparent;
		background-position: 96px 20px;
		background-size: 560px;
		border: 0px solid green;		
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		opacity:1;
		width:760px;
		height:352px;
		transition: all 0.2s ease 0s;
	}
	@media only screen and (min-width: 995px) {	
		.menucontainer[id=small] .logo{
			background-position: 20px 174px;
			background-size: 120px;
			border: 0px solid yellow;	
			width:400px;
			height:auto;
			float:left;
		}
		
		.menucontainer[id=small] .logo .logoimg{
			background-position: 73px 25px;
			background-size: 320px;
			border: 0px solid blue;
			width:400px;
			height:190px;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.logo{
			background-position: 43px 245px;
			background-size: 120px;
			border: 0px solid red;		
			text-align: center;
			width:670px;
			margin-left: auto;
			margin-right: auto;
		}
		.logo .logoimg{
			border: 0px solid green;	
			background-position: 106px 20px;
			background-size: 458px;
			width:670px;
			height:295px;		
		}
		.menucontainer[id=small] .logo{
			background-position: 8px 137px;
			background-size: 120px;
			border: 0px solid yellow;	
			width:225px;
			height:150px;
			float:left;
		}		
		.menucontainer[id=small] .logo .logoimg{
			background-position: 10px 0px;
			background-size: 200px;
			border: 0px solid blue;
			width:225px;
			height:150px;
		}
	}
	@media only screen and (min-width: 480px)  and (max-width: 767px) {
		.logo{
			background-position: 52px 149px;
			background-size: 119px auto;
			border: 0px solid blue;
			width: 470px;
		}
		.logo .logoimg{
			border: 0px solid green;
			background-position: 0px 14px;
			background-size: 257px auto;
			width: 257px;
			height: 180px;	
		}

		.menucontainer[id=small] .logo{
			background-position: 71px 75px;
			background-size: 120px;
			border: 0px solid yellow;	
			width:480px;
			height:100px;
			float:left;
		}		
		.menucontainer[id=small] .logo .logoimg{
			background-position: 10px 0px;
			background-size: 150px;
			border: 0px solid blue;
			width:170px;
			height:170px;
		}
	}
	@media only screen and (max-width: 479px) {
		.logo{
			background-position:0px 200px;
			background-size: 119px;
			border: 0px solid green;
			width:320px;	
		}
		.logo .logoimg{
			border: 0px solid blue;	
			background-position:0px 30px;
			background-size: 310px;
			width:320px;
			height:250px;
		}
	}

/*****//*****//*****//*****/
/*  ~CATCH LINE/*****/
/*****//*****//*****//*****/


	.menu .catch{
		display:block;
		border:0px solid red;
		margin-top:-10px;
		font-size:24px;
		width:100%;
		color:white;
		height: 30px;
		text-align:center;
		text-justify:inter-word;
		text-shadow:2px 2px 0px #000000;
	}
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.menu .catch{
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.menu .catch{
		}
	}
	@media only screen and (max-width: 479px) {
		.menu .catch{
			height: auto;
			min-width:300px;
		}
	}



/*****//*****//*****//*****/
/*  ~IMAGES/*****/
/*****//*****//*****//*****/


	@media only screen and (min-width: 768px) and (max-width: 995px) {
	
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		img{
			width:100%;
		}
	}
	@media only screen and (max-width: 479px) {
		
		img{
			width:100%;
		}
	
	}



/*****//*****//*****//*****/
/*  ~Menu /*****/
/*****//*****//*****//*****/

	.menu{
		border: 0px solid yellow;
		text-align: center;
		height:120px;
		width:100%;
		margin: 0px;
		transition: all 0.2s ease 0s;
	}	
	.menu .navibar{
		border-top:0px solid grey;		
		border-bottom:0px solid grey;		
		text-align: center;	
		width:750px;
		height:70px;
		margin-left: auto;
		margin-right: auto;
	}	
	.menu .navibar .navi{
		text-align: center;
		width:100%;
		height:70px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;

	}
	.menu .navibar .navi .menubut .menulist{
		opacity: 0;
		z-index: 10; 
		
		margin:0px;
		padding:0px;
		font-size:10px;
		
		-webkit-transform: scaleY(0);
		-o-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);

		-webkit-transform-origin: top;
		-o-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;

		-webkit-transition: all 0.26s ease-out;
		-o-transition: all 0.26s ease;
		-ms-transition: all 0.26s ease;
		transition: all 0.26s ease;
		margin-top: 70px;
		border: 0px solid red;
	}
	
	.menu .navibar .navi .menubut:hover .menulist{	
		-webkit-transform: scaleY(1);
		-o-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1;
		
	}
	
	.menu .navibar .navi .menubut .menulist li{	
		z-index: 11; 
		margin:0px;
		padding:0px;
		width:118px;
		height: 30px;
	}
	.menu .navibar .navi .menubut .menulist li a .l_text{
		color: white;
		margin:0px;
		padding:0px;
		width:118px;
		height: 30px;
		line-height: 30px;
		background-color:rgba(200,0,0,0.5);
		background: url("../img/b_hover2.jpg") repeat-x scroll 0px -56px transparent;
		border: 0px solid green;
	}
	
	.menu .navibar .navi .menubut .menulist li a .l_text:hover{
		background: url("../img/b_hover.jpg") repeat-x scroll 0px -56px transparent;
	}
	.menu .navibar .navi .menubut{	
		position:relative;
	}
	.menu .navibar .navi .menubut .m_text{
		color: white;
		z-index:0;
		opacity:1;
		position: absolute;
		width:150px;
		height:70px;
		background: url("../img/b_hover2.jpg") repeat-x scroll 0px -90px transparent;
		transition: all 0.5s ease 0s;

		text-shadow:2px 2px 0px #000000;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}	
	.menu .navibar .navi .menubut .m_text:hover{
		background: url("../img/b_hover2.jpg") repeat-x scroll 0px 0px transparent;
	}	
	.menu .navibar .navi .selected  .m_text{ 
		background: url("../img/b_hover2.jpg") repeat-x scroll 0px -75px transparent;
	}	
	.menu .navibar .navi .selected  .m_text:hover{ 
		background: url("../img/b_hover.jpg") repeat-x scroll 0px 0px transparent;
	}	
	.menu .navibar .navi li:first-letter{  
		font-size: 20px;
	}	
	.menu .navibar .navi li{    
		border: 0px solid blue;		
		list-style: none;
		text-transform: uppercase;
		text-align: center;
		float:left;
		margin: 0px;
		padding: 0px;
		font: 500 18px 'Aller_Bd',sans-serif;
		width:150px;
		height:70px;
		line-height: 70px;
	}	
	a{
		text-decoration:none; color:#000000;
		cursor:pointer;
	}
	
		.menucontainer .menu .navibar .navi .menubut .m_text b{
			margin-top: 0px;
			border: 0px solid green;
			display:block;
		}
		.menucontainer .menu .navibar .navi .menubut .m_text b b{		
			margin-top: -6px;
			padding-top: 0px;
			display:block;
			border: `0px solid red;
			height:20px;
		}
	
	/*****//*****//*****//*****/
	/*****//*****//*****//*****/
	@media only screen and (min-width: 995px) {
		.menucontainer[id=small] .menu{
			border: 0px solid green;
			float:left;		
			width:590px;
			padding-top:88px;
			padding-left:10px;
		}
		.menucontainer[id=small] .menu .navibar{
			width:590px;
		}	
		.menucontainer[id=small] .menu .navibar .navi{
			width:590px;
			height:70px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text{
			border: 0px solid green;
			width:118px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text b{
			margin-top: 0px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text b b{		
			margin-top: -8px;
			padding-top: 0px;
			border: 0px solid green;
			width:100%;
			display:block;
			height:20px;
		}
		.menucontainer[id=small] .menu .navibar .navi li{
			border: 0px solid green;
			width:118px;
			font: 500 14px/70px 'Aller_Bd',sans-serif;
		}
	
	}
	
	
	/*****//*****//*****//*****/
	/*****//*****//*****//*****/
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		
		.menu .navibar{
			width:590px;
		}
		.menu .navibar .navi li{
			width:118px;
			font: 500 13px/70px 'Aller_Bd',sans-serif;	
		}
		.menu .navibar .navi .menubut .m_text{
			width:118px;	
		}


		.menucontainer[id=small] .menu{
			border: 0px solid green;
			float:left;		
			width:540px;
			padding-top:73px;
			padding-left:0px;
		}
		.menucontainer[id=small] .menu .navibar{
			width:540px;
		}	
		.menucontainer[id=small] .menu .navibar .navi{
			width:540px;
			height:70px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text{
			border: 0px solid green;
			width:108px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text b{
			margin-top: 15px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text b b{		
			margin-top: -8px;
			padding-top: 0px;
			border: 0px solid green;
			width:100%;
			display:block;
			height:20px;
		}
		.menucontainer[id=small] .menu .navibar .navi li{
			border: 0px solid green;
			width:108px;
			font: 500 14px/70px 'Aller_Bd',sans-serif
		}
		
	}
	
	
	/*****//*****//*****//*****/
	/*****//*****//*****//*****/
	@media only screen and (min-width: 480px)  and (max-width: 767px) {
		.menu .navibar{
			border-top:2px solid grey;		
			border-bottom:2px solid grey;	
			width:480px;
		}
		.menu .navibar .navi li{
			width:96px;
			font: 500 13px/70px 'Aller_Bd',sans-serif;
			border-top:2px solid grey;		
			border-bottom:2px solid grey;		
		}
		.menu .navibar .navi .menubut .m_text{
			width:96px;
		}
		.menu .navibar .navi .menubut .m_text b b{			
			display:block;
			height:10px;
		}
		.menu .navibar .navi .menubut .m_text b b:first-child{
			margin-top:-6px;
		}
		
		.menucontainer[id=small] .menu{
			border: 0px solid green;
			float:left;		
			width:480px;
			padding-top:14px;
			padding-left:0px;
		}
		
		.menucontainer[id=small] .menu .navibar{
			width:480px;
		}	
		.menucontainer[id=small] .menu .navibar .navi{
			width:480px;
			height:70px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text{
			border: 0px solid green;
			width:96px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text b{
			margin-top: 15px;
		}
		.menucontainer[id=small] .menu .navibar .navi .menubut .m_text b b{		
			margin-top: -8px;
			padding-top: 0px;
			border: 0px solid green;
			width:100%;
			display:block;
			height:20px;
		}
		.menucontainer[id=small] .menu .navibar .navi li{
			border: 0px solid green;
			width:96px;
			font: 500 14px/70px 'Aller_Bd',sans-serif
		}
	}
	
	/*****//*****//*****//*****/
	/*****//*****//*****//*****/
	@media only screen and (max-width: 479px) {
		.menu {
			border: 0px solid blue;	
			width:100%;
			height:175px;
		}
		.menu .navibar{
			border: 0px solid blue;	
			width:100%;
			height:175px;
		}
		.menu .navibar .navi{
			border-top:2px solid grey;		
			border-bottom:2px solid grey;		
			height:175px;	
			width:100%;
		}
		.menu .navibar .navi .menubut .m_text{
			width:100%;
			height:35px;
		}
		.menu .navibar .navi li{
			border: 0px solid red;
			width:100%;
			font: 500 18px/40px 'Aller_Bd',sans-serif;
			height:35px;	
		}
	}



/*****//*****//*****//*****/
/*  ~Content /*****/
/*****//*****//*****//*****/
/**@media{**/
	.content{
		display:inline-block;
		border: 0px solid green;	
		width:100%;
		margin-top:30px;
		text-align: center;
	}






	.content .inner{
		border-top:0px solid grey;
		border-bottom:2px solid grey;
		width:1024px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;	
		padding-top:0px;
		padding-bottom:30px;
		color:white;
		font-family:Aller_Bd;
		font-size:20px;
	}
	.content .inner .innersection{
		border:0px solid red;
		
		-webkit-transform: scaleY(1);
		-o-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);

		-webkit-transform-origin: top;
		-o-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;

		-webkit-transition: all 0.26s ease-out;
		-o-transition: all 0.26s ease;
		-ms-transition: all 0.26s ease;
		transition: all 0.26s ease;
	}
	.content .inner .innersection[state="hidden"]{
		opacity:0;
		-webkit-transform: scaleY(0);
		-o-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0); 
	}
	
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.content .inner{
			width:768px;
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.content .inner{
			width:480px;
		}
	}
	@media only screen and (max-width: 479px) {
		.content .inner{
			width:100%;
			margin-top:30px;
		}
	}


	
	
	
/*****//*****//*****//*****/
/*  ~TEXT BLOCK /*****/
/*****//*****//*****//*****/
/**@media{**/
	
	
.L50{	
	margin-left:1%;
	margin-top:30px;
	display:inline-block;
	width:48%;
	float:left;
	border:0px solid red;
}
	
.R50{	
	display:inline-block;
	width:48%;
	height:300px;
	float:left;
	border:0px solid red;
}
.textblock{	

	height:auto;
	text-align:left;
	text-justify:inter-word;
	margin-left:15px;
	margin-right:15px;
}
	
	
/*****//*****//*****//*****/
/*  ~footer /*****/
/*****//*****//*****//*****/
/**@media{**/
	.createdby{
		color: white;
		font-family: Aller_Bd;
		float: right;
		margin-top:15px;
		font-size: 15px;	
	}
	.footer{
		display:inline-block;
		border: 0px solid green;	
		width:100%;
		margin-top:30px;
		text-align: center;
	}
	.footer .inner{
		border-top:2px solid grey;
		width:1024px;
		height:120px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;	
	}
	
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.footer .inner{
			width:768px;
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.footer .inner{
			width:480px;
		}
	}
	@media only screen and (max-width: 479px) {
		.footer .inner{
			width:100%;
		}
	}
	
	
	
	

/*****//*****//*****//*****/
/*  ~randomButton /*****/
/*****//*****//*****//*****/
	
	
.senBut {
	width:100%;
	padding-top:0px;
	padding-bottom:30px;
	
	
}
.senBut a{
	background-color:transparent;
	background-color:#8A5C2E;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topleft:9px;
	border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-moz-border-radius-topright:9px;
	border-top-right-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	-moz-border-radius-bottomright:9px;
	border-bottom-right-radius:9px;
	-webkit-border-bottom-left-radius:9px;
	-moz-border-radius-bottomleft:9px;
	border-bottom-left-radius:9px;
	text-indent:1px;
	border:3px solid #53371C;
	display:inline-block;
	color:#ffffff;
	font-family:Aller_Bd;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:83px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	float:right;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.senBut a:active {
	position:relative;
	top:0px;
	background-color:#53371C;
	border:3px solid #FFFFFF;
	
}
#seniorM a {
	width:190px;
}

/*****//*****//*****//*****/
/*  ~CONTENT DIVISORS /*****/
/*****//*****//*****//*****/




/*****//*****//*****//*****/
/*  ~Form STYLES /*****/
/*****//*****//*****//*****/

#cform div{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	position:relative;
	padding-top:5px;
	margin-top:10px; 

}
#cform div input[bit='written'],#cform div textarea[bit='written']{	
	color: #FFF;
	font-weight:bold;
}

#cform div input:focus, #cform textarea:focus{
	border:2px solid #FFF;
}
#cform div input,#cform textarea{
	background-color:#8A5C2E;
	color: #FFCC99;
	font-size:17px;
	font-family: Aller_Bd;
	border:2px solid #53371C;
}
#cform div input{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:30px;
	width:180px;
	display:inline-block;
	position:relative;
}
#cform{ 
	border:0px solid #ffffff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	position:relative;

}

#cform .reqval{
	padding: 0px;
	margin-left: 0px;
	width:16px;
	height:16px;
	border:0px solid #ffffff;
	position:absolute;
}
#cform .reqval[state='check']{
	background: url("../img/tick.png") transparent;
}
#cform .reqval[state='uncheck']{
	background: url("../img/cross.png") repeat scroll left 0px transparent;
}
#cform .reqval[state='required']{
	background: url("../img/asterisk.png") repeat scroll left 0px transparent;
}
#cform .senBut{
	width:40%;
	border:0px solid #ffffff;	
}
#cform .senBut[valid='false'] a:active{
	background-color: #990000;
	border:3px solid #FF0000;	
}
#cform .senBut a{
	width:81px;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
#cform textarea{
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	resize: none;
}



/*****/
/*  ~SPINNER EMAIL/*****/
/*****/

.spspace {
	height:50px;
	width:100%;
	border:0px solid #FF0000;	
	position:relative;
	margin:0px;
}
.spinner[state="off"] {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
	display:none;
}
.spinner {
	padding-top:0px;
	margin-top:0px;
	height:20px;
	width:20px;
	top:0px;
	left:45%;
	position:absolute;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left:6px solid rgba(138,92,46,.15);
	border-right:6px solid rgba(138,92,46,.15);
	border-bottom:6px solid rgba(138,92,46,.15);
	border-top:6px solid rgba(138,92,46,.8);
	border-radius:100%; 
}

#contentSpinner{
	margin-top:25px;
	z-index:10;
}


@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}



#cssspin{
	cursor:pointer;
	width:5px;
	height:5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 5px; 
	left: 5px;
}
.csson{
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;	
	border-left:8px solid rgba(0,174,239,.15);
	border-right:8px solid rgba(0,174,239,.15);
	border-bottom:8px solid rgba(0,174,239,.15);
	border-top:8px solid rgba(0,174,239,.8);
}
.cssoff{
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;	
	border:8px solid rgba(0,174,239,0);
}





/*****/
/*  ~SERVICE IMAGE SECTION/*****/
/*****/



.seviceHolder{
	width:100%;
	border:1px solid red;
	display:block;
}

.seviceHolder .serviceBut{
	width:300px;
	height:300px;
	background: url("../img/Placeholder.png") transparent;
	border:1px solid green;
	display:block;
	float:left;
	cursor:pointer;
}
.seviceHolder .serviceBut#service1{
	background: url("../img/services/dog2.png") transparent;
	background-size:300px auto;
	background-repeat:no-repeat;
	background-position:center; 
}

.clear{
	clear: both;
}