@charset "utf-8";
/* CSS Document */

/* font */
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/Roboto_Slab/RobotoSlab-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Thin';
  src: url('fonts/Roboto_Slab/RobotoSlab-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Light';
  src: url('fonts/Roboto_Slab/RobotoSlab-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Cyberella_Unicode';
  src: url('fonts/Cyberella_Unicode/AC-Cyberella_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'Fifindrel_Unicode';
  src: url('fonts/Fifindrel_Unicode/AC-Fifindrel_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src:url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url('fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto/Roboto-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Italic';
  src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Black';
  src: url('fonts/Raleway/Raleway-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/Raleway/Raleway-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraLigh';
  src: url('fonts/Raleway/Raleway-ExtraLigh.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Light';
  src: url('fonts/Raleway/Raleway-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/Raleway/Raleway-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Thin';
  src: url('fonts/Raleway/Raleway-Thin.ttf') format('truetype'); 
}



/* welcome */
#wrappers #content .welcome {
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	margin:auto;
	background-color:#000000;
}
#wrappers #content .welcome h3{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	letter-spacing:.05em;
	#font-style:italic;
}
.welcome hr{
	background-color:rgba(00,00,00,1);
}
#wrappers #content .welcome  .text {
	width:100%;
	margin:auto;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	max-width:1400px;
	text-align:center;
}

#wrappers #content .welcome a{
	font-family: 'Roboto-Light', sans-serif;
	text-decoration:none;
	background-color:#000000;
	border:solid 1px #ffffff;
	color:#ffffff;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#wrappers #content .welcome  a:hover{
	background-color:#000000;
	color:#ffffff;
	border:solid 1px #ffffff;
}
/* welcome */
/* services */
#wrappers #content .services {
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	margin:auto;
	background-color:#000000;
	text-align:center;
}
#wrappers #content .services h3{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	letter-spacing:.05em;
	#font-style:italic;
}
.services hr{
	background-color:#ffffff;
}
#wrappers #content .services .box {
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#wrappers #content .services .box:hover {
	#background-color:#f6efe9;
	 -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);   
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
#wrappers #content .services .box img{
}
#wrappers #content .services .box h4{
	width:100%;
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	text-align:center;
}
#wrappers #content .services .box a{
	color:#ffffff;
	text-decoration:none;
}
/* services */

/*contact*/
.contact {
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	margin:auto;
	text-align:center;
	background-color:#000000;
}
.contact .contact_into #left {
	position:relative;
}
.contact .contact_into #left .infos h4{
	font-family: 'RobotoSlab-Light', sans-serif;
	color:#ffffff;
	font-weight:normal;
}
.contact .contact_into #left .infos hr{
	background-color:#ffffff;
}
.contact .contact_into #left .infos div{
	font-family: 'RobotoSlab-Light', sans-serif;
	color:#ffffff;
	font-weight:normal;
}
.contact .contact_into #left .infos div i,
.contact .contact_into #left .infos div em{
	margin-right:10px;
}
/*contact*/

/*news*/
.news {
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	margin:auto;
	text-align:center;
	background-color:#000000;
}
.news h3{
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	text-align:center;
	width:100%;
}
.news hr{
	background-color:#ffffff;
}
#wrappers #content .news .flexslider .slides li{
  	#border:solid 1px rgba(33,33,33,.1);
  	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align:left;
	
}
#wrappers #content .news .flexslider .flex-caption{
  	margin:0px auto;
  	background-color:#000000;
}
#wrappers #content .news .flexslider .imgLiquid {
	width:100%;
	margin:0px auto;
}
#wrappers #content .news .flexslider .flex-caption a{
	font-family: 'Roboto-Regular', sans-serif;
	color: #ffffff;
  	text-decoration:none;
  	overflow:hidden;
  	##border:solid;
  	display:block;
  	font-weight:normal;
  	text-align:left;
}
#wrappers #content .news .flexslider .flex-caption a:hover{
	text-decoration:underline;
}
#wrappers #content .news .dates{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	#letter-spacing:.05em;
	background-color:#000000;
}
#wrappers #content .news #news_more{
	font-family: 'Roboto-Light', sans-serif;
	text-decoration:none;
	background-color:#000000;
	border:solid 1px #ffffff;
	color:#ffffff;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#wrappers #content .news  #news_more:hover{
	background-color:transparent;
	color:#ffffff;
	border:solid 1px #ffffff;
}
/*news*/

/*progms*/
.progms {
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	margin:auto;
	text-align:center;
	background-color:#000000;
}
.progms h3{
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	text-align:center;
	width:100%;
}
.progms hr{
	background-color:#ffffff;
}
#wrappers #content .progms .flexslider2 .slides li{
  	#border:solid 1px rgba(33,33,33,.1);
  	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align:left;
	
}
#wrappers #content .progms .flexslider2 .flex-caption{
  	margin:0px auto;
  	background-color:#000000;
}
#wrappers #content .progms .flexslider2 .imgLiquid {
	width:100%;
	margin:0px auto;
}
#wrappers #content .progms .flexslider2 .flex-caption a{
	font-family: 'Roboto-Regular', sans-serif;
	color: #ffffff;
  	text-decoration:none;
  	overflow:hidden;
  	##border:solid;
  	display:block;
  	font-weight:normal;
  	text-align:left;
}
#wrappers #content .progms .flexslider2 .flex-caption a:hover{
	text-decoration:underline;
}
#wrappers #content .progms .status{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width:100%;
	font-weight:normal;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	#letter-spacing:.05em;
}
#wrappers #content .progms #on{
	background-color:#000000;
}
#wrappers #content .progms #tobe{
	background-color:#000000;
}
#wrappers #content .progms #tocome{
	background-color:#000000;
}
#wrappers #content .progms #off{
	background-color:#000000;
}
#wrappers #content .progms #progms_more{
	font-family: 'Roboto-Light', sans-serif;
	text-decoration:none;
	background-color:#000000;
	border:solid 1px #ffffff;
	color:#ffffff;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#wrappers #content .progms  #progms_more:hover{
	background-color:transparent;
	color:#ffffff;
	border:solid 1px #ffffff;
}
/*progms*/

@media all and (min-width: 1400px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 2.5em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:1.15em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:250px;
	font-size:1em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 2.5em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:inline-block;
	width:12%;
	margin:3% .5%;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:60px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:1em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	display: table;
    table-layout: fixed;
}
.contact .contact_into .item {
	display: table-cell;
    width: 100%;
    height:500px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:300px;
	width:60%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:2em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:1.1em;
}
/*contact*/
/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:2.5em;
	margin:0px;
}
.news hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:90%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:380px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 96%;
  	#margin-top:10px;
  	padding:10px;	
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:250px;
	width:400px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: 1.2em;
  	#line-height:1.1em;
  	#margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: 1em;	
  	position:absolute;
  	top:20px;
  	#left:0px;
  	width:120px;
  	padding:10px;
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:15%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*news*/
/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:2.5em;
	margin:0px;
}
.progms hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:90%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:380px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 96%;
  	#margin-top:10px;
  	padding:10px;	
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:250px;
	width:400px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: 1.2em;
  	#line-height:1.1em;
  	#margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .85em;	
  	position:absolute;
  	top:20px;
  	#left:0px;
  	width:190px;
  	padding:10px;
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:15%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*progms*/

}
@media all and (min-width: 1200px) and (max-width: 1399px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 2.5em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:1.15em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:250px;
	font-size:1em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 2.5em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:inline-block;
	width:12.5%;
	margin:3% .25%;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:50px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:.9em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	display: table;
    table-layout: fixed;
}
.contact .contact_into .item {
	display: table-cell;
    width: 100%;
    height:500px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:300px;
	width:70%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:2em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:1.1em;
}
/*contact*/

/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:2.5em;
	margin:0px;
}
.news hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:305px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 98%;
  	#margin-top:2%;	
  	padding:10px;
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:200px;
	width:325px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: 1em;
  	margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: .9em;	
  	position:absolute;
  	top:20px;
  	width:100px;
  	padding:10px;
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:15%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*news*/
/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:2.5em;
	margin:0px;
}
.progms hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:305px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 98%;
  	#margin-top:2%;	
  	padding:10px;
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:200px;
	width:325px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: 1em;
  	margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .85em;	
  	position:absolute;
  	top:20px;
  	width:190px;
  	padding:10px;
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:20%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*progms*/


}
@media all and (min-width: 1024px) and (max-width: 1199px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 2.25em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:1em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:250px;
	font-size:1em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 2.25em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:inline-block;
	width:22%;
	margin:2% .5%;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:50px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:.9em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	display: table;
    table-layout: fixed;
}
.contact .contact_into .item {
	display: table-cell;
    width: 100%;
    height:500px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:300px;
	width:75%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:2em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:1.1em;
}
/*contact*/
/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:2.25em;
	margin:0px;
}
.news hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:280px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;	
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:200px;
	width:300px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: 1em;
  	margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: .85em;	
  	position:absolute;
  	top:20px;
  	width:90px;
  	padding:10px;	
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:15%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*news*/

/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:2.25em;
	margin:0px;
}
.progms hr{
	padding:1.5px 0px;
	width:15%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:280px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;	
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:200px;
	width:300px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: 1em;
  	margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .85em;	
  	position:absolute;
  	top:20px;
  	width:190px;
  	padding:10px;	
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:25%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*progms*/
}
@media all and (min-width: 768px) and (max-width: 1023px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 2.25em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:1em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:250px;
	font-size:1em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 2.25em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:0px auto 10px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:inline-block;
	width:23%;
	margin:2% .5%;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:50px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:.9em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	#display: table;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    height:350px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:250px;
	width:60%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:1.75em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:.9em;
}
/*contact*/

/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:2em;
	margin:0px;
}
.news hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:280px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;	
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:200px;
	width:300px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: 1em;
  	margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: .85em;	
  	position:absolute;
  	top:20px;
  	width:80px;
  	padding:10px;	
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:20%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*news*/

/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:2em;
	margin:0px;
}
.progms hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:280px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;	
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:200px;
	width:300px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: 1em;
  	margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .85em;	
  	position:absolute;
  	top:20px;
  	width:190px;
  	padding:10px;	
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:35%;
	text-align:center;
	margin-bottom:25px;
	font-size:1em;
}
/*progms*/

}
@media all and (min-width: 600px) and (max-width: 767px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 2.25em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:1em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:200px;
	font-size:.9em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 2.25em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:0px auto 10px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:inline-block;
	width:22%;
	margin:2% .5%;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:50px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:.85em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	#display: table;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    height:350px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:250px;
	width:60%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:1.75em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:.9em;
}
/*contact*/
/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:1.75em;
	margin:0px;
}
.news hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:230px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:175px;
	width:250px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: .9em;
  	#margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: .8em;	
  	position:absolute;
  	top:20px;
  	width:80px;
  	padding:10px;
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:20%;
	text-align:center;
	margin-bottom:25px;
	font-size:.85em;
}
/*news*/

/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:1.75em;
	margin:0px;
}
.progms hr{
	padding:1.5px 0px;
	width:20%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:230px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:175px;
	width:250px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: .9em;
  	#margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .8em;	
  	position:absolute;
  	top:20px;
  	width:180px;
  	padding:10px;
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:40%;
	text-align:center;
	margin-bottom:25px;
	font-size:.85em;
}
/*progms*/

}
@media all and (min-width: 450px) and (max-width: 599px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 2em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:25%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:.9em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:200px;
	font-size:.9em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 2em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:25%;
	border:none;
	margin:0px auto 10px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:inline-block;
	width:40%;
	margin:2% .5%;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:50px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:.85em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	#display: table;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    height:300px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:200px;
	width:70%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:1.5em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:.9em;
}
/*contact*/
/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:1.75em;
	margin:0px;
}
.news hr{
	padding:1.5px 0px;
	width:25%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:230px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;	
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:175px;
	width:250px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: .9em;
  	#margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: .7em;	
  	position:absolute;
  	top:20px;
  	width:75px;
  	padding:8px;
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:25%;
	text-align:center;
	margin-bottom:25px;
	font-size:.85em;
}
/*news*/

/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:1.75em;
	margin:0px;
}
.progms hr{
	padding:1.5px 0px;
	width:25%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:230px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;	
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:175px;
	width:250px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: .9em;
  	#margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .7em;	
  	position:absolute;
  	top:20px;
  	width:170px;
  	padding:8px;
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:50%;
	text-align:center;
	margin-bottom:25px;
	font-size:.85em;
}
/*progms*/

}
@media all and (max-width: 449px) {
/* welcome */
.welcome {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .welcome  h3{
	padding-bottom: 5px;
	font-size: 1.75em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.welcome hr{
	padding:1.5px 0px;
	width:25%;
	border:none;
	margin:0px auto;	
}
#wrappers #content .welcome  .text {
	width:95%;
	font-size:.8em;
	margin:auto;
	line-height:1.5em;
}
#wrappers #content .welcome a{
	text-align:center;
	padding:10px 0px;
	display:block;
	margin:auto;
	width:150px;
	font-size:.85em;
}
/* welcome */
/* services */
.services {
	padding-bottom:5%;
	padding-top:3%;
	width:100%;
	display:block;
	margin:auto;
}
#wrappers #content .services  h3{
	padding-bottom: 5px;
	font-size: 1.75em;
	margin:auto;
	display:block;
	#width:35%;
	text-align:center;
	margin-bottom:15px;
	#border-bottom:solid 1px #ffffff;
}
.services hr{
	padding:1.5px 0px;
	width:25%;
	border:none;
	margin:0px auto 10px auto;	
}
#wrappers #content .services .box {
	vertical-align:top;
	display:block;
	width:80%;
	margin:15px auto;
	padding:1% 0%;
	#border:solid;
}
#wrappers #content .services .box img{
	width:50px;
	margin:0px auto;
	border:solid 1px #fff;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
#wrappers #content .services .box h4{
	margin:10px 0px 0px 0px;
	font-size:.85em;
}
/* services */
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	#display: table;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    height:275px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:200px;
	width:90%;
}
.contact .contact_into #left .infos h4{
	margin:auto;
	font-size:1.35em;
	#text-align:left;
}
.contact .contact_into #left .infos hr{
	padding:1.5px 0px;
	width:35%;
	border:none;
	margin:20px auto;	
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:.9em;
}
/*contact*/
/*news*/
.news {
	padding:2% 0% 5% 0%;
}
.news h3{
	font-size:1.5em;
	margin:0px;
}
.news hr{
	padding:2px 0px;
	width:25%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .news .flexslider{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .news .flexslider .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .news .flexslider .flex-caption{
  	max-width:230px;
  	min-height:100px;
}
#wrappers  #content .news .flexslider .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;
}
#wrappers  #content .news .flexslider .imgLiquid {
	height:175px;
	width:250px;
	#border:solid 1px #000000;
}
#wrappers  #content .news .flexslider .flex-caption a{
  	font-size: .9em;
  	#margin-bottom:15px;	
}
#wrappers  #content .news .flexslider .flex-caption .dates{
  	font-size: .7em;	
  	position:absolute;
  	top:20px;
  	width:75px;
  	padding:8px;
}
#wrappers  #content .news  #news_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:35%;
	text-align:center;
	margin-bottom:25px;
	font-size:.85em;
}
/*news*/
/*progms*/
.progms {
	padding:2% 0% 5% 0%;
}
.progms h3{
	font-size:1.5em;
	margin:0px;
}
.progms hr{
	padding:2px 0px;
	width:25%;
	border:none;
	margin:20px auto;	
}
#wrappers  #content .progms .flexslider2{
  	width:95%;
  	margin:auto;
	display:block;
	margin-bottom:25px;
}
#wrappers  #content .progms .flexslider2 .slides li{
  	#min-height:320px;
  	padding:10px;
  	position:relative;
}
#wrappers  #content .progms .flexslider2 .flex-caption{
  	max-width:230px;
  	min-height:100px;
}
#wrappers  #content .progms .flexslider2 .flex-caption {
  	#width: 98%;
  	#margin-top:2%;
  	padding:10px;
}
#wrappers  #content .progms .flexslider2 .imgLiquid {
	height:175px;
	width:250px;
	#border:solid 1px #000000;
}
#wrappers  #content .progms .flexslider2 .flex-caption a{
  	font-size: .9em;
  	#margin-bottom:15px;	
}
#wrappers  #content .progms .flexslider2 .flex-caption .status{
  	font-size: .7em;	
  	position:absolute;
  	top:20px;
  	width:160px;
  	padding:8px;
}
#wrappers  #content .progms  #progms_more{
	padding:10px 5px;
	display:block;
	margin:auto;
	width:75%;
	text-align:center;
	margin-bottom:25px;
	font-size:.85em;
}
/*progms*/
}


/*slider*/
.slider .desc{
	
}
.desc ul
	{
	list-style:none;
	}
.desc ul li
	{
	transition: opacity 5s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
	}
.desc ul li.show
	{
	opacity: 1;
    height: auto;
	}
.slider .desc h1{
	-webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	letter-spacing: 0.1em;
	font-weight:normal;
	#text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}
.slider .desc h2{
	-webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
	font-family: 'Roboto-Light', sans-serif;
	color:#ffffff;
	letter-spacing: 0.05em;
	font-weight:normal;
	#text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}
/*slider*/




/* theslider */

@media all and (min-width: 1400px) {
/*slider*/
.slider {
	height:70vh;
	width:100%;
	#display:inline-block;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 70vh;
}
html[data-useragent*='Safari'] .slider{
    height: 600px;
} 
html[data-useragent*='IE'] .slider{
   height: 70vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 70vh;
}
.slider .desc{
	position:absolute;
	top:40%;
	left:10%;
	#right:0;
	#margin:auto;
	#border:solid;
	width:60%;
}
.slider .desc h1{
	#text-align:center;
	font-size:3em;
	margin:0px;
	background-color:#000000;
	display:inline;
	padding:15px 10px;
	width:100%;
}
.slider .desc h2{
	#text-align:center;
	font-size:2em;
	margin:0px;
	background-color:#000000;
	padding:10px 15px;
	display: block;
	width:100%;
	max-width:700px;
}
.slider .desc #bara{
	margin:25px 0px 10px 0px;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
/*slider*/
.slider {
	height:70vh;
	width:100%;
	#display:inline-block;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 70vh;
}
html[data-useragent*='Safari'] .slider{
    height: 600px;
} 
html[data-useragent*='IE'] .slider{
   height: 70vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 70vh;
}
.slider .desc{
	position:absolute;
	top:40%;
	left:10%;
	#right:0;
	#margin:auto;
	#border:solid;
	width:60%;
}
.slider .desc h1{
	#text-align:center;
	font-size:3em;
	margin:0px;
	background-color:#000000;
	display:inline;
	padding:15px 10px;
	width:100%;
}
.slider .desc h2{
	#text-align:center;
	font-size:2em;
	margin:0px;
	background-color:#000000;
	padding:10px 15px;
	display: block;
	width:100%;
	max-width:700px;
}
.slider .desc #bara{
	margin:25px 0px 10px 0px;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
/*slider*/
.slider {
	height:70vh;
	width:100%;
	#display:inline-block;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 70vh;
}
html[data-useragent*='Safari'] .slider{
    height: 600px;
} 
html[data-useragent*='IE'] .slider{
   height: 70vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 70vh;
}
.slider .desc{
	position:absolute;
	top:40%;
	left:10%;
	#right:0;
	#margin:auto;
	#border:solid;
	width:70%;
}
.slider .desc h1{
	#text-align:center;
	font-size:3em;
	margin:0px;
	background-color:#000000;
	display:inline;
	padding:15px 10px;
	width:100%;
}
.slider .desc h2{
	#text-align:center;
	font-size:2em;
	margin:0px;
	background-color:#000000;
	padding:10px 15px;
	display: block;
	width:100%;
	max-width:700px;
}
.slider .desc #bara{
	margin:25px 0px 10px 0px;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (min-width: 900px) and (max-width: 1023px) {
/*slider*/
.slider {
	height:70vh;
	width:100%;
	#display:inline-block;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 70vh;
}
html[data-useragent*='Safari'] .slider{
    height: 600px;
} 
html[data-useragent*='IE'] .slider{
   height: 70vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 70vh;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:10%;
	#right:0;
	#margin:auto;
	#border:solid;
	width:70%;
}
.slider .desc h1{
	#text-align:center;
	font-size:2.5em;
	margin:0px;
	background-color:#000000;
	display:inline;
	padding:15px 10px;
	width:100%;
}
.slider .desc h2{
	#text-align:center;
	font-size:1.75em;
	margin:0px;
	background-color:#000000;
	padding:10px 15px;
	display: block;
	width:100%;
	max-width:700px;
}
.slider .desc #bara{
	margin:25px 0px 10px 0px;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (min-width: 768px) and (max-width: 899px) {
/*slider*/
.slider {
	height:600px;
	width:100%;
	#display:inline-block;
	position:relative;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	#border:solid;
	width:80%;
}
.slider .desc h1{
	#text-align:center;
	font-size:2.5em;
	margin:0px;
	background-color:#000000;
	display:inline;
	padding:15px 10px;
	width:100%;
}
.slider .desc h2{
	#text-align:center;
	font-size:1.75em;
	margin:0px;
	background-color:#000000;
	padding:10px 15px;
	display: block;
	width:100%;
	max-width:700px;
}
.slider .desc #bara{
	margin:25px 0px 10px 0px;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (min-width: 600px) and (max-width: 767px) {
/*slider*/
.slider {
	height:500px;
	width:100%;
	#display:inline-block;
	position:relative;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	#border:solid;
	width:100%;
}
.slider .desc h1{
	#text-align:center;
	font-size:2.25em;
	margin:0px;
	background-color:#000000;
	display:inline;
	padding:15px 10px;
	width:90%;
}
.slider .desc h2{
	#text-align:center;
	font-size:1.5em;
	margin:0px;
	background-color:#000000;
	padding:10px 15px;
	display: block;
	width:90%;
	max-width:700px;
}
.slider .desc #bara{
	margin:25px 0px 10px 0px;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (min-width: 450px) and (max-width: 599px) {
/*slider*/
.desc ul
	{
		width:100%;
		padding:0px;
		text-align:center;
	}
.slider {
	height:400px;
	width:100%;
	#display:inline-block;
	position:relative;
}
.slider .desc{
	position:absolute;
	top:10%;
	left:0;
	right:0;
	#bottom:0;
	margin:0px auto;
	#border:solid;
	width:100%;
	text-align:center;
}
.slider .desc h1{
	text-align:center;
	font-size:2em;
	margin:0px auto;
	background-color:#000000;
	display:block;
	padding:15px 2%;
	width:90%;
}
.slider .desc h2{
	#text-align:center;
	font-size:1.25em;
	margin:0px auto;
	background-color:#000000;
	padding:10px 2%;
	display: block;
	width:90%;
}
.slider .desc #bara{
	margin:25px auto 10px auto;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}
@media all and (max-width: 449px) {
/*slider*/
.desc ul
	{
		width:100%;
		padding:0px;
		text-align:center;
	}
.slider {
	height:250px;
	width:100%;
	#display:inline-block;
	position:relative;
}
.slider .desc{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0px auto;
	#border:solid;
	width:100%;
	text-align:center;
}
.slider .desc h1{
	text-align:center;
	font-size:1.5em;
	margin:0px auto;
	background-color:#000000;
	display:block;
	padding:2%;
	width:90%;
}
.slider .desc h2{
	#text-align:center;
	font-size:1em;
	margin:0px auto;
	background-color:#000000;
	padding:2%;
	display: block;
	width:90%;
}
.slider .desc #bara{
	margin:15px auto 10px auto;
	background-color:#ffffff;
	padding:2.5px 0px;
	width:40%;
}
/*slider*/
}