@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: '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-Medium';
  src: url('fonts/Roboto/Roboto-Medium.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-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'PetitFormalScript-Regular';
  src: url('fonts/PetitFormalScript/PetitFormalScript-Regular.ttf') format('truetype'); 
}
/*section*/
section {
	display:block;
	width:100%;
	background-color:#FFF;
}
section article {
	text-align:center;
	margin:0 auto;
}
section article .sima i{
	color:#5ba618;
}
section article .sima::before,
section article .sima::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #333;
}
section article h2{
	font-family:'Roboto-Regular',sans-serif;
	color:#333;
	font-weight:normal;
}
section article h3{
	font-family:'Roboto-Regular',sans-serif;
	color:#333;
	font-weight:normal;
}
section article .text{
	font-family:'Roboto-Regular',sans-serif;
	color:#333;
	font-weight:normal;
	text-align:left;
}
section article .right{
	vertical-align:top;
	display:inline-block;
}
section article .textgap{
	display:block;
}
section article .simpleul {
	list-style: none;
}
section article .simpleul li{
}
section article .simpleul li::before {
  content: "\2022"; 
  color: #5ba618;
  font-weight: bold;
}
section article .flexslider,
section article .flexslider2{
	display:inline-block;
}
section article .flexslider .slides li,
section article .flexslider2 .slides li{
  	-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;
	position:relative;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	width:100%;
	margin:auto;
}
.services article {
	text-align:center;
}
.services article .item {
	vertical-align:top;
}
.services article .item  img{
	display:block;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	background-color:#fff;
}
.services article .item h4{
	font-family: 'Roboto-Regular', sans-serif;
	font-weight:normal;
}
.wcback{
	width:100%;
	position:relative;	
	background-image: url(pics/back.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	background-attachment: fixed;
	color:#fff!important;
}
.wcback article {
}
.wcback article h3,
.wcback article .text{
	color:#fff!important;
}
#promo article {
	text-align:center;
}
#promo article .item {
	vertical-align:top;
}
#promo article .item  img{
	display:block;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	background-color:#fff;
}
#promo article .item h4{
	font-weight:normal;
	font-family: 'Roboto-Regular', sans-serif;
}
.grey {
	background-color:#f1f1f1;
}
/*section*/
/*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:#5ba618;
}
.contact .contact_into #left {
	position:relative;
}
.contact .contact_into #left  h4{
	font-family: 'RobotoSlab-Light', sans-serif;
	color:#fff;
	font-weight:normal;
}
.contact .contact_into #left .infos div{
	font-family: 'RobotoSlab-Light', sans-serif;
	color:#fff;
	font-weight:normal;
}
.contact .contact_into #left .infos div i{
	margin-right:10px;
	color:#fff;
}
.contact .contact_into #right  {
	background-color:#f1f1f1;
}
.contact .contact_into #right #formreg  {
	display:block;
}
.contact .contact_into #right #formreg  input,
.contact .contact_into #right #formreg  select,
.contact .contact_into #right #formreg  textarea{
	font-family: 'RobotoSlab-Regular', sans-serif;
	font-weight:normal;
	color:rgba(33,33,33,.85);
	border:solid 1px rgba(33,33,33,.15);
	background-color:#fff;
}
.contact .contact_into #right #formreg  .half{
}
.contact .contact_into #right #formreg .button {
	color: white;
	background-color:#5ba618;
	border:solid 1px #5ba618;
	text-align: center;
	text-decoration: none;
	display: block;
	cursor: pointer;
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
}
.contact .contact_into #right #formreg .button:hover {
	background-color:#fff;
	color:#333;
	border:solid 1px #333;
}
.contact .contact_into #right #formreg  select option  {
	color: rgba(33,33,33,.75);
}
.contact .contact_into #right ::-webkit-input-placeholder {
   color: rgba(33,33,33,.5);
}
.contact .contact_into #right :-moz-placeholder { /* Firefox 18- */
  color: rgba(33,33,33,.5);
}
.contact .contact_into #right ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(33,33,33,.5);
}
.contact .contact_into #right :-ms-input-placeholder {  
   color: rgba(33,33,33,.5); 
}
/*contact*/
@media all and (min-width: 1400px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
	height: 100vh;
}
html[data-useragent*='Firefox'] .slider{
    height:100vh;
}
html[data-useragent*='Safari'] .slider{
    height: 800px;
} 
html[data-useragent*='IE'] .slider{
   height: 800px;
} 
html[data-useragent*='Chrome'] .slider{
    height: 100vh;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:100%;
	max-width:1300px;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 300px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.75em;
	margin:25px auto;
}
section article h3{
	font-size:1.5em;
	margin:25px auto;
}
section article .text{
	font-size:1em;
	margin:25px auto;
}
section article .right{
	width:40%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:50%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:500px;
	z-index:2;
}
.services article .item {
	display:inline-block;
	width:22%;
	margin:0 1%;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1.1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:50%!important;
}
#promo article .item {
	display:inline-block;
	width:18%;
	margin:0 .5%;
}
#promo article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1.1em;
}
/*section*/
/*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:300px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.5em;
}
.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 img{
	width:100px;
	margin:auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:1em;
}
.contact .contact_into #right #formreg  {
	width:70%;
	padding:1%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.9em;
}
.contact .contact_into #right .half{
	display:inline-block;
	width:47.5%;
	margin:1%;
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height:100vh;
}
html[data-useragent*='Safari'] .slider{
    height: 800px;
} 
html[data-useragent*='IE'] .slider{
   height: 100vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 100vh;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:100%;
	max-width:1100px;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 300px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.75em;
	margin:25px auto;
}
section article h3{
	font-size:1.5em;
	margin:25px auto;
}
section article .text{
	font-size:1em;
	margin:25px auto;
}
section article .right{
	width:40%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:50%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:500px;
	z-index:2;
}
.services article .item {
	display:inline-block;
	width:22%;
	margin:0 1%;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1.1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:50%!important;
}
#promo article .item {
	display:inline-block;
	width:18%;
	margin:0 .5%;
}
#promo article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1.1em;
}
/*section*/	
/*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:300px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.5em;
}
.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 img{
	width:100px;
	margin:auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:1em;
}
.contact .contact_into #right #formreg  {
	width:70%;
	padding:1%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.9em;
}
.contact .contact_into #right .half{
	display:inline-block;
	width:47.5%;
	margin:1%;
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height:100vh;
}
html[data-useragent*='Safari'] .slider{
    height:800px;
} 
html[data-useragent*='IE'] .slider{
   height:100vh;
} 
html[data-useragent*='Chrome'] .slider{
    height:100vh;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:90%;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 300px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.75em;
	margin:25px auto;
}
section article h3{
	font-size:1.5em;
	margin:25px auto;
}
section article .text{
	font-size:1em;
	margin:25px auto;
}
section article .right{
	width:40%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:50%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:500px;
	z-index:2;
}
.services article .item {
	display:inline-block;
	width:22%;
	margin:0 1%;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1.1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:70%!important;
}
#promo article .item {
	display:inline-block;
	width:31%;
	margin:0 .5%;
}
#promo article .item  img{
	width:50%;
	margin:20px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1em;
}
/*section*/
/*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:300px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.5em;
}
.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 img{
	width:100px;
	margin:0 auto 10px auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:1% 0%;
	font-size:1em;
}
.contact .contact_into #right #formreg  {
	width:70%;
	padding:1%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.9em;
}
.contact .contact_into #right .half{
	
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}
@media all and (min-width: 768px) and (max-width: 1023px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height:100vh;
}
html[data-useragent*='Safari'] .slider{
    height:800px;
} 
html[data-useragent*='IE'] .slider{
   height:100vh;
} 
html[data-useragent*='Chrome'] .slider{
    height:100vh;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:90%;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 100px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.5em;
	margin:25px auto;
}
section article h3{
	font-size:1.15em;
	margin:25px auto;
}
section article .text{
	font-size:.85em;
	margin:25px auto;
}
section article .right{
	width:100%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:100%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:400px;
	z-index:2;
}
.services article .item {
	display:inline-block;
	width:22%;
	margin:0 1%;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:70%!important;
}
#promo article .item {
	display:inline-block;
	width:31%;
	margin:0 .5%;
}
#promo article .item  img{
	width:50%;
	margin:20px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1em;
}
/*section*/
/*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:300px;
    vertical-align:top;
    position:relative;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.25em;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:250px;
	width:80%;
}
.contact .contact_into #left .infos img{
	width:100px;
	margin:0 auto 10px auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:2% 0%;
	font-size:.85em;
}
.contact .contact_into #right #formreg  {
	width:85%;
	padding:1%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.9em;
}
.contact .contact_into #right .half{
	
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}
@media all and (min-width: 600px) and (max-width: 767px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
	height:600px;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:90%;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 100px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.5em;
	margin:25px auto;
}
section article h3{
	font-size:1.15em;
	margin:25px auto;
}
section article .text{
	font-size:.85em;
	margin:25px auto;
}
section article .right{
	width:100%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:100%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:400px;
	z-index:2;
}
.services article .item {
	display:inline-block;
	width:45%;
	margin:0 1%;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:90%!important;
}
#promo article .item {
	display:inline-block;
	width:45%;
	margin:0 .5%;
}
#promo article .item  img{
	width:50%;
	margin:20px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1em;
}
/*section*/
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	display: inline-block;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    vertical-align:top;
    position:relative;
}
.contact .contact_into .item:nth-child(1) {
    height:300px;
}
.contact .contact_into .item:nth-child(2) {
    #height:300px;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.25em;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:200px;
	width:80%;
}
.contact .contact_into #left .infos img{
	width:100px;
	margin:0 auto 10px auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:2% 0%;
	font-size:.85em;
}
.contact .contact_into #right #formreg  {
	width:85%;
	padding:1%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.9em;
}
.contact .contact_into #right .half{
	display:inline-block;
	width:47.5%;
	margin:1%;
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}
@media all and (min-width: 450px) and (max-width: 599px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
	height:500px;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:90%;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 100px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.5em;
	margin:25px auto;
}
section article h3{
	font-size:1.15em;
	margin:25px auto;
}
section article .text{
	font-size:.85em;
	margin:25px auto;
}
section article .right{
	width:100%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:100%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:400px;
	z-index:2;
}
.services article .item {
	display:inline-block;
	width:45%;
	margin:0 1%;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:90%!important;
}
#promo article .item {
	display:inline-block;
	width:45%;
	margin:0 .5%;
}
#promo article .item  img{
	width:50%;
	margin:20px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1em;
}
/*section*/
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	display: inline-block;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    vertical-align:top;
    position:relative;
}
.contact .contact_into .item:nth-child(1) {
    height:300px;
}
.contact .contact_into .item:nth-child(2) {
    #height:300px;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.25em;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:200px;
	width:80%;
}
.contact .contact_into #left .infos img{
	width:100px;
	margin:0 auto 10px auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:2% 0%;
	font-size:.85em;
}
.contact .contact_into #right #formreg  {
	width:85%;
	padding:1%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.9em;
}
.contact .contact_into #right .half{
	display:inline-block;
	width:47.5%;
	margin:1%;
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}
@media all and (max-width: 449px) {
/*slider*/
.slider {
	width:100%;
	position:relative;
	height:500px;
}
/*slider*/
/*section*/
section {
	padding:20px 0;
}
section article {
	width:90%;
}
section article .sima i{
	font-size:2em;
}
section article .sima::before,
section article .sima::after {
	width: 75px;
    margin: 0 20px;
    transform: translateY(-1rem);
}
section article h2{
	font-size:1.5em;
	margin:25px auto;
}
section article h3{
	font-size:1.15em;
	margin:25px auto;
}
section article .text{
	font-size:.85em;
	margin:25px auto;
}
section article .right{
	width:100%;
	margin:2% auto;
}
section article .textgap{
	height:50px;
	width:100%;
}
section article .simpleul li{
	padding:5px 0;
}
section article .simpleul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -.1em;
}
section article .flexslider,
section article .flexslider2{
	width:100%;
	padding:2% 2%;
}
section article .flexslider .imgLiquid,
section article .flexslider2 .imgLiquid {
	height:300px;
	z-index:2;
}
.services article .item {
	display:block;
	width:75%;
	margin:1% auto;
}
.services article .item  img{
	width:70%;
	margin:50px auto;
	padding:20px 25px;
}
.services article .item h4{
	font-size:1em;
}
.wcback{
	padding:10px 0!important;
}
.wcback article {
	width:90%!important;
}
#promo article .item {
	display:block;
	width:90%;
	margin:3% auto;
}
#promo article .item  img{
	width:50%;
	margin:20px auto;
	padding:20px 25px;
}
#promo article .item h4{
	width:80%;
	margin:auto;
	font-size:1em;
}
/*section*/
/*contact*/
.contact {
	padding:0% 0% 0% 0%;
}
.contact .contact_into {
	width:100%;
	display: inline-block;
    #table-layout: fixed;
}
.contact .contact_into .item {
	display: block;
    width: 100%;
    vertical-align:top;
    position:relative;
}
.contact .contact_into .item:nth-child(1) {
    height:300px;
}
.contact .contact_into .item:nth-child(2) {
    #height:300px;
}
.contact .contact_into #left  h4{
	margin:3% auto;
	font-size:1.25em;
}
.contact .contact_into #left .infos{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	height:200px;
	width:80%;
}
.contact .contact_into #left .infos img{
	width:75px;
	margin:0 auto 10px auto;
}
.contact .contact_into #left .infos div{
	display:inline-block;
	width:100%;
	padding:2% 0%;
	font-size:.85em;
}
.contact .contact_into #right #formreg  {
	width:90%;
	padding:5%;
	margin:3% auto 3% auto;
}
.contact .contact_into #right  input,
.contact .contact_into #right select,
.contact .contact_into #right textarea{
	display:block;
	width:98%;
	padding:1%;
	margin:1%;
	font-size:.8em;
}
.contact .contact_into #right .half{
	display:inline-block;
	width:47%;
	margin:1%;
}
.contact .contact_into #right .button {
	margin:1% auto;
	padding: 5px 15px;
	font-size: .9em;
	width:175px;
}
/*contact*/
}