/****************************************************
#####################################################
##-------------------------------------------------##
##              lucioles - Version 1               ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2021             ##
## Date      = juillet 2021                        ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
@font-face {
    font-family: 'afectaregular';
    src: url('../fonts/afecta.otf') format('opentype'),
		 url('../fonts/afecta-webfont.woff2') format('woff2'),
         url('../fonts/afecta-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html {
height: 100%;
}
body{
margin:0;
padding:0;
font-size:16px;
color:#9B9999;
font-family:  acumin-pro-semi-condensed, arial, tahoma, sans-serif;
outline: none;
height:100%;
background: #fff;
}
/*texte*/
h1, h2, h3{
font-family:  afectaregular, arial, tahoma, sans-serif;
font-size: 45px;
font-weight:normal;
color:#B05659
}
h4{
font-size: 100%;
font-weight:normal;
}
a{
outline:none;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
a:visited, a:link{
color:#B05659;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
img{
margin:0px;
border:0px;
max-width:100%;
height:auto;
}
ul{
padding-left:20px;
}
label.invalid{
color:#C90000;
}
.invalid{
border-color:#C90000;
}
.clr{
clear:both;
}
/*****CONTENU********/
.navigation-small{
position: relative;
max-height:0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
overflow:hidden;
width:100%;
z-index:500;
}
.open-navigation{
max-height:800px;
background:#D7DE83;
}
#container{
width:100%;
min-height:100%;
height:100%;
position:relative;
}
.pagewidth{
width:990px;
text-align:center;
background:transparent;
margin:0 auto;
}
.header{
position:relative;
width:100%;
border-bottom:9px solid #D7DE83;
}
.header .logo{
position:absolute;
height:100%;
width:100%;
top:0;
text-align:center;
}
.header .logo img{
height:95%;
width:auto;
}
.menu-fixed{
top:-60px;
width:100%;
position:fixed;
z-index:1000;
line-height:20px;
background:#D7DE83;
display:none;
}
.menu-fixed #fixed-menu ul{
display:flex;
align-items:center;
list-style:none;
justify-content:space-between;
padding:0;
text-transform:uppercase;
}
.menu-fixed #fixed-menu ul li div.souligne{
display:none;
}
.menu-fixed #fixed-menu ul a{
color:#FFF;
}
.menu-fixed #fixed-menu ul a:hover{
text-decoration:none;
}
.menu-fixed #fixed-menu ul li.active a{
color:#B05659
}
.menu-fixed .fixed-contact{
position:absolute;
right:10px;
top:14px;
color:#FFF;
}
.menu-fixed .fixed-contact a{
color:#FFF;
}
#top-menu{
margin-top:10px;
}
#top-menu .pagewidth{
position:relative;
}
#top-menu ul.menu{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding:0;
font-weight:200;
}
#top-menu .menu li{
list-style-type:none;
position:relative;
font-size:20px;
color:#B05659;
text-transform:uppercase;
}
#top-menu ul li a{
color:#B05659;
}
#top-menu ul li a:hover{
color:#9B9999;
text-decoration:none;
}
#top-menu ul li div.souligne{
margin-top:-15px;
display:none;
}
 #top-menu ul li.active div.souligne{
display:block;
}
#small-menu{
display:none;
}
#content{
background-color:transparent;
position:relative;
width:100%;
padding-top:40px;
padding-bottom:40px;
overflow-x:hidden;
}
.flex-ligne{
display:flex;
flex-wrap:wrap;	
}
a.btn, #visformcontainer .visform .visBtnCon .btn{
font-family:  afectaregular, arial, tahoma, sans-serif;
color:#F4EBD7;
background:#B05659;
box-shadow: 0px 3px 6px #00000029;
border-radius: 29px;
font-size:45px;
line-height:58px;
padding-left:30px;
padding-right:30px;
display:inline-block;
}
a.btn span{
width:280px;
display:inline-block;
}
a.btn span.txt-hover{
display:none;
}
a.btn:hover{
color:#B05659;
background:#F4EBD7;
text-decoration:none;
}
a.btn:hover span.txt{display:none;}
a.btn:hover span.txt-hover{display:inline-block;}
.moduletable h3:before, .moduletable h3:after{
content:'• • •';
}
.moduletable h3:before{
margin-right:10px;
}
.moduletable h3:after{
margin-left:10px;
}
.item-image{overflow:hidden}
.item-image img, .container-accueil .content-2 ul li img, .container-presentation .content-3 ul li img{
width: inherit;
height: inherit!important;
border-radius: inherit;
max-width: none!important;
min-height: 100%;
object-fit: cover;
object-position: center center;
}
.item-page .item-image{
width:346px;
padding:12px;
height:311px;
box-shadow: 0px 3px 6px #00000029;
margin:0;
}
.item-page .item-image img{
cursor:pointer;
}
.page-header h1, .moduletableentreprises h4, .moduletable h1{
margin:0;
display:flex;
justify-content:center;
align-items:center
}
.page-header h1:before, .page-header h1:after, .moduletableentreprises h4:before, .moduletableentreprises h4:after, .moduletable h1:before, .moduletable h1:after{
content:'•';
}
.page-header h1:before, .moduletableentreprises h4:before, .moduletable h1:before{
margin-right:10px;
}
.page-header h1:after, .moduletableentreprises h4:after, .moduletable h1:after{
margin-left:10px;
}
.item-page .item-textes{
width:calc(100% - 410px);
margin-left:30px;
}
.content-2{
border-bottom:9px solid #D7DE83;
position:relative;
color:#F4EBD7;
}
.container-accueil .content-2 .fond{
background: linear-gradient(to right, #FADB9C, #EC6B62);
position:absolute;
z-index:0;
width:100%;
height:262px;
bottom:0;
}
.container-presentation .content-2, .container-pre-inscription .content-2, .container-entreprises .content-2{
background: linear-gradient(to right, #FADB9C, #EC6B62);
padding-bottom:20px;
padding-top:20px;
}
.container-accueil .content-2 h3, .container-presentation .content-2 h3, .container-pre-inscription .content-2 h3, .container-entreprises .content-2 h3{
color:#F4EBD7;
}
.container-presentation .content-2 h3, .container-pre-inscription .content-2 h3, .container-entreprises .content-2 h3{
margin-top:0;
margin-bottom:20px;
}
.container-presentation .content-2 h3:before, .container-presentation .content-2 h3:after,
, .container-pre-inscription .content-2 h3:before, , .container-pre-inscription .content-2 h3:after, 
.container-entreprises .content-2 h3:before, .container-entreprises .content-2 h3:after{
content:'•';
}
.container-presentation .content-2 ul h3{
font-size:35px;
margin:0;
}
.container-presentation .content-2 ul h3:before, .container-presentation .content-2 ul h3:after{
content:'• • •';
}
.content-2 .pagewidth, .content-3 .pagewidth{
width:1200px;
position:relative;
z-index:1;
}
@media screen and (max-width: 1200px){
	.content-2 .pagewidth, .content-3 .pagewidth{
	width:calc(100% - 20px);
	}
}
.container-presentation .content-2 .pagewidth{
width:1100px;
}
.content-2 ul, .content-3 ul{
padding:0;
list-style:none;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
@media screen and (max-width: 1120px){
	.container-presentation .content-2 ul{
	justify-content:center;
	}
	.container-presentation .content-2 ul li{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
	}
}
.moduletablecarrousel .mod-custom{
position:relative;
width:100%;
}
.moduletablecarrousel .carrousel{
position:relative;
width:100%;
height:280px;
overflow:hidden;
}
.moduletablecarrousel ul.galery{
position:absolute;
width:100%;
margin:0;
top:0px;
left:0;
justify-content:center;
}
.moduletablecarrousel ul li, .moduletablecarrousel ul li{
width:245px;
height:245px;
padding:12px;
box-shadow: 0px 3px 6px #00000029;
overflow:hidden;
background:#FFF;
margin-left:15px;
margin-right:15px;
}
a.btn-navig{
position:absolute;
width:21px;
height:23px;
cursor:pointer;
background:url("../images/pictos.png") no-repeat -190px -70px transparent;
top:50%;
margin-top:-10px;
transition:none;
-webkit-transition:none;
-o-transition:none;
-moz-transition:none;
z-index:10;
}
a.bt-prev{
left:-40px;
}
a.bt-prev:hover{
background-position: -190px -100px;
}
a.bt-next{
right:-40px;
background-position: -220px -70px;
}
a.bt-next:hover{
background-position: -220px -100px;
}
@media screen and (max-width: 1200px){
	.moduletablecarrousel .mod-custom{
	width:890px;
	margin:0 auto;
	}
}
ul.flex-ligne{padding:0;margin:0;list-style:none}
.content-3 .flex-ligne{
justify-content:space-between;
}
.fonctionnement ul li{
width:269px;
}
.fonctionnement ul li:before{
content:'';
background:url("../images/pictos.png") no-repeat -330px 0 transparent;
width:35px;
height:104px;
display:block;
margin:0 auto;
}
.fonctionnement ul li:nth-child(1):before{
margin-bottom:4px;
}
.fonctionnement ul li:nth-child(2):before{
background-position:-400px 0;
width:56px;
height:106px;
margin-bottom:2px;
}
.fonctionnement ul li:nth-child(3):before{
background-position:-470px 0;
width:61px;
height:108px;
}
.fonctionnement ul li:nth-child(4):before{
background-position:-540px 0;
width:69px;
height:106px;
margin-bottom:2px;
}
.container-entreprises .item-textes ul{
padding:0;
display:flex;
list-style:none;
justify-content:center;
}
.container-entreprises .item-textes ul li{
margin:10px;
}
.moduletableentreprises .custom{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:990px;
margin:0 auto;
padding-top:20px;
}
.moduletableentreprises .custom{
padding-top:40px;
}
.moduletableentreprises .logo-entreprise img{
border:2px solid #fff;
box-shadow: 0px 1px 4px #00000029;
}
.moduletableentreprises h4{
font-size:22px;
color:#B05659;
text-transform:uppercase;
margin-top:0;
margin-bottom:30px;
}
@media screen and (max-width: 1100px){
	.container-presentation .content-2 .pagewidth{
	width:calc(100% - 20px);
	}
	.content-3 .flex-ligne{
	justify-content:center;
	}
	.fonctionnement ul li{
	margin: 0 50px;
	}
	.moduletableentreprises .custom{
	width:100%;
	}
}
#footer{
position:relative;
width:100%;
clear:both;
border-top:9px solid #B05659;
margin-top:100px;
}
#footer .pagewidth{
position:absolute;
height:100%;
left:50%;
margin-left:-495px;
top:0;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
}
#footer .luciole{
position:absolute;
top:-68px;
left:240px;
width:123px;
height:137px;
background:url("../images/pictos.png") no-repeat 0 0 transparent;
}
#footer .moduletable{
width:795px;
}
#footer .moduletable h3{
margin:0;
display:flex;
justify-content:center;
}
.visform{
margin-top:0;
}
.vis_mandatory{
display:none;
}
.visform [class^="fieldset-"].active{
border:0;
padding:0;
}
.visform input:not(.btn){
width:calc(100% - 16px);
}
.visform input[type="checkbox"]{
width:auto;
}
.visform input[type="radio"]{
display: none;
}
.visform input[type="radio"] + label{
position: relative;
padding-left: 30px;
cursor: pointer;
}
.visform input[type="radio"] + label::before, .visform input[type="radio"] + label::after {
display: block;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
content: '';
box-shadow: 0px 3px 6px #00000029;
border: 0;
width: 21px;
height: 21px;
}
.visform input[type="radio"]:checked + label::after {
background: url("../images/pictos.png") no-repeat -20px -150px #FFF;
}
.visform select{
width:100%;
}
.visform textarea{
width:calc(100% - 16px);
height:100px;
}
.visform .asterix-ancor{
display:none;
}
.visform .btn{
margin:0 auto;
}
.vis_mandatory{
width:100%;
color:#fff;
float:left;
margin-top:0;
font-size:14px;
}
.visCSSmargLeft{
margin:0;
}
.field8 .visCSSlabel{
font-size:12px;
}
.visform .captchaCont .input-content{
width:50%;
float:right;
}
form div.required > label.visCSSlabel::after{
color:#fff;
}
label#captcha-lbl{
width:100%;
}
.visform .required{
position:relative;
}
.visform .errorcontainer{
position:absolute;
left:100px;
top:-10px;
}
.visform .errorcontainer{
width:200px;
top:-50px;
z-index:100;
}
#mod-visform1 input:not(.btn), #mod-visform1 textarea, #mod-visform1 select{
line-height:1.2em !important;
padding: 4px;
font-size:16px;
color:#B05659;
border:0;
font-family: acumin-pro-semi-condensed, arial, tahoma, sans-serif;
background-color: rgba(255, 255, 255, .5)!important;
margin-top:5px;
}
#mod-visform1 input[type=submit]{
cursor:pointer;
background:url("../images/pictos.png") no-repeat 0 -140px transparent;
display:block;
line-height:23px;
width:21px;
border:0;
text-indent:-99999px;
}
.captchaCont{
text-align:center;
}
div.required > label.visCSSlabel::after{
color:#FFF!important;
}
.visBtnCon{
margin:0;
float:right;
position:relative;
}
.alert-danger{
position:fixed;
z-index:2000;
top:150px;
width:380px;
padding:10px;
left:50%;
margin-left:-201px;
color:red;
border:2px solid red;
background:#FFF;
}
.visform .floatleft, .visform .floatright{
width:50%;
float:left;
}
.field7{
clear:both;
}
.field7 input, .field40 input{
position:absolute;
top :2px;
left:0;
}
.field7 label, .field40 label.visCSSlabel{
color:#F4EBD7;
margin-left:20px;
font-size:80%!important;
width:auto;
margin-top:5px;
}
.field40 label.visCSSlabel{
color:#9B9999;
}
#visformcontainer{
border-top:2px solid #F4EBD7;
}
#visformcontainer h3{
margin:0;
color:#EACE90;
}
#visformcontainer h3:before{
content:'•';
margin-right:10px;
}
#visformcontainer input:not(.btn), #visformcontainer textarea, #visformcontainer select{
line-height:1.2em !important;
padding: 4px;
font-size:16px;
color:#9B9999;
border:0;
font-family: acumin-pro-semi-condensed, arial, tahoma, sans-serif;
margin-top:15px;
box-shadow: 0px 3px 6px #00000029;
}
#visformcontainer fieldset{
width:578px;
margin:0 auto;
padding:0;
}
#visformcontainer .visCSSlabel{
font-size:15px;
margin-top:15px;
margin-right:0;
}
.visCustomText {
padding-top:30px;
font-size:15px;
margin:0;
}
.field10{
display:flex;
justify-content:center;
align-items:center;
}
label#form2sexelbl{
width:auto;
}
.field11, .field14, .field38, #visformcontainer .visform .floatleft, label#form2dateaccueillbl, label#form2nbresemainescongeslbl,
label#form2nbreenfantslbl, label#form2ageenfantlbl, label#form2seullbl, label#form2heuressemaineslbl, label#form2vosrevenuslbl{
width:48%;
float:left;
}
label#form2nbreenfantslbl, label#form2ageenfantlbl, label#form2seullbl, label#form2heuressemaineslbl, label#form2vosrevenuslbl{
text-align:left;
}
.field12, .field15, .field39, #visformcontainer .visform .floatright, .field28 .field-calendar, .field34 .visCSSmargLeft, .field36 .visCSSmargLeft{
width:48%;
float:right;
}
.field34 .visCSSmargLeft{
display:flex;
}
label#form2accueilsouhaitelbl{
width:100%;
text-align:left;
}
.visform .field29 input, .visform .field32 input, .visform .field33 input, .visform .field35 input{
width:calc(48% - 16px);
float:right;
}
.field17{
width:28%;
float:left;
}
.field18{
width:68%;
float:right;
}
.field13, .field16, .field19, .field38, .field27, .field40, .visBtnCon{
clear:both;
}
.visform textarea#field30{
height:120px;
}
#visformcontainer .input-append{
display:flex;
flex-direction:row-reverse;
}
#visformcontainer .input-append button{
margin-top:15px;
}
#visformcontainer .visBtnCon{
float:none;
margin-top:20px;
}
#visformcontainer .visform .visBtnCon .btn{
background:#FFF;
color:#F2E4C4;
border:0;
cursor:pointer;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
#visformcontainer .visform .btn:hover{
background:#F2E4C4;
color:#FFF;
}
#footer .trait{
width:100%;
height:2px;
background:#F4EBD7;
margin-top:-20px;
}
#footer .adresse{
color:#F4EBD7;
font-size:15px;
margin-top:10px;
}
#footer .adresse a{
color:#F4EBD7;
text-decoration:none;
}
#footer .adresse a.facebook{
background:url("../images/pictos.png") no-repeat -140px -70px transparent;
display:block;
width:39px;
height:39px;
margin:0 auto;
}
@media screen and (max-width: 1160px){
	.img-footer{
	display:none;
	}
	#footer{
	background:url("../images/footer.jpg") no-repeat center center transparent;
	}
	#footer .pagewidth{
	position:relative;
	left:0;
	margin:0 auto;
	}
	#footer .contact{
	padding-top:20px;
	}
	#footer .adresse{
	padding-bottom:20px;
	}
}
.copyright, .copyright-s{
background:#FFF;
padding-top:15px;
padding-bottom:15px;
color:#C27D76;
text-align:center;
}
.copyright a, .copyright-s a{
color:#C27D76;
text-decoration:none;
}
.copyright-s{
display:none;
}
#scrollup{
position: absolute;
z-index: 200;
right: 0px;
top:-35px;
}
#scrollup a{
background:url("../images/pictos.png") no-repeat -140px 0 transparent;
display:block;
width:83px;
height:59px;
transition:none;
-webkit-transition:none;
-o-transition:none;
-moz-transition:none;
}
#scrollup a:hover{
background-position:-230px 0;
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
}
.animated2{-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes slideInTop {  
0% {    opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
} 
100% {
-webkit-transform: translateY(0);
    transform: translateY(0);
	}
}
@keyframes slideInTop {  0% {    opacity: 0;
 -webkit-transform: translateY(50px);
 -ms-transform: translateY(50px);
 transform: translateY(50px);
 }  
 100% {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);    transform: translateY(0);
}}
.slideInTop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
visibility:visible;
}
@-webkit-keyframes slideInBottom {  0% {    opacity: 0;
-webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}  

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
  }}
  @keyframes slideInBottom {  0% {    opacity: 0; 
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  }  
  100% { 
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);    transform: translateY(0);
  }}
.slideInBottom {
-webkit-animation-name: slideInBottom;
animation-name: slideInBottom;
visibility:visible;
}
@-webkit-keyframes slideInLeft {  0% {    opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); 
}  
100% {   
-webkit-transform: translateX(0);
transform: translateX(0);
  }}  
@keyframes slideInLeft {  0% {    opacity: 0;  
 -webkit-transform: translateX(-2000px);
 -ms-transform: translateX(-2000px); 
 transform: translateX(-2000px);
 } 
 100% {  
 -webkit-transform: translateX(0);   
 -ms-transform: translateX(0); 
 transform: translateX(0); 
 }}
 .slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
visibility:visible;
}
@-webkit-keyframes flipInX{	0%{		opacity:0;		
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);	
}	
40%{
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
	}
70%{
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);	
}	
100%{
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);		opacity:1	
}}
@keyframes flipInX{	0%{		opacity:0;	
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
}	
40%{
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}	
70%{		
-webkit-transform:perspective(400px) rotateX(10deg);	
	-ms-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px) rotateX(10deg);
}
100%{
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;	
}}
.flipInX{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX;
visibility:visible;
}
@-webkit-keyframes flipInY{	0%{		opacity:0;
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);	
}	
40%{
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}	
70%{
-webkit-transform:perspective(400px) rotateY(10deg);		
transform:perspective(400px) rotateY(10deg);
}	
100%{
-webkit-transform:perspective(400px) rotateY(0deg);	
transform:perspective(400px) rotateY(0deg);
opacity:1;
}}
@keyframes flipInY{	0%{		opacity:0;		
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
}	
40%{
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70%{	
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}	
100%{
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}}
.flipInY{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY;
visibility:visible;
}
@-webkit-keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80%{
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}}
@keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80%{
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100%{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
visibility:visible;
}
@-webkit-keyframes bounceInLeft{	0%{		opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);	
}	
60%{		
opacity:1;		
-webkit-transform:translateX(30px);		
transform:translateX(30px);	
}	
80%{		
-webkit-transform:translateX(-10px);		
transform:translateX(-10px);	
}	
100%{		
-webkit-transform:translateX(0);		
transform:translateX(0);	
}}
@keyframes bounceInLeft{	0%{		opacity:0;		
-webkit-transform:translateX(-2000px);		
-ms-transform:translateX(-2000px);		
transform:translateX(-2000px);	
}	
60%{		
opacity:1;		
-webkit-transform:translateX(30px);		
-ms-transform:translateX(30px);		
transform:translateX(30px);	
}	
80%{		
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
		transform:translateX(-10px);
}	
100%{		
-webkit-transform:translateX(0);		
-ms-transform:translateX(0);		
transform:translateX(0);	
}}
.bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
visibility:visible;
}
@-webkit-keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60%{
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80%{
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100%{
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60%{opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80%{
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100%{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
visibility:visible;
}
@-webkit-keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60%{opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80%{
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80%{
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100%{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
visibility:visible;
}
@-webkit-keyframes slideInRight {  0% {    opacity: 0;
-webkit-transform: translateX(2000px); 
transform: translateX(2000px);  
}  
100% {
-webkit-transform: translateX(0);    
transform: translateX(0);  }
}
@keyframes slideInRight {  0% {    opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);    
transform: translateX(2000px);  
}  
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);	
transform: translateX(0);  }
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
visibility:visible;
}
.full_image{
background-color:rgba(0, 0, 0, 0.5);
position:fixed;
display:none;
width:100%;
height:100%;
z-index:1000;
top:0;left:0;
}
.image_loading{position:absolute;display:none;top:50%;left:50%;margin:-35px 0px 0px -35px;background:#fff url(../images/loader.gif) no-repeat center center;width:70px;height:70px;z-index:9999;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

#img_close{
width:40px;
height:40px;
position:absolute;
top:-20px;
right:-20px;
cursor:pointer;
z-index:400;
border-radius:50%;
font-size:40px;
text-align:center;
line-height:30px;
color:#fff;
background:#B05659;
transform:rotate(45deg);
}
.img_full{position:fixed;top:150%;left:50%;z-index:300;}
.img_full img{position:absolute;top:0px;left:0px;border:10px solid #fff;-moz-box-shadow:1px 1px 7px #000;-webkit-box-shadow:1px 1px 7px #000;box-shadow:1px 1px 7px #000;}
.img_previous, .img_next{
width:40px;
height:40px;
background:#B05659;
position:fixed;
top:50%;
margin-top:-20px;
cursor:pointer;
z-index:1400;
font-size:40px;
text-align:center;
line-height:30px;
color:#fff;
border-radius:50%;
}
.img_previous{left:1%;}
.img_next{right:1%;}
/**end file***/