/*
model :
*/
.modalEURO , .modalH1 , .modalboxen  {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 10em ;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal2 {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modalEURO-content , .modalH1-content , .modalboxen-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border-top: 8px solid #FFC107;    width: 90%; height:100% ;
    box-shadow: 0px 0px 25px #636363;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.modalEURO-content2 , .modalH1-content2 , .modalboxen-content2 {
    position: relative;
    background-color: #f2f2f2;
    margin: auto;
    padding: 0;
    width: 90%; height:100% auto ;
    box-shadow: #636363;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.close , .close2 {
    color: white;

    border: outset;
    border-radius: 3px;
    padding: 5px 30px 5px 30px;
    float: center;
    font-family: sans-serif;
    cursor: pointer;
    box-shadow: 2px 2px 20px #fff;
    transition: box-shadow 0.3s;
	text-align: center ;
}
.close {
background-color:#b30047;
}
.close2 {
	    background: #3333ff;
}

.close:hover,
.close:focus {
    box-shadow: 2px 2px 20px #9e9e9e;
    
}
.close2:hover,
.close2:focus {
    box-shadow: 2px 2px 20px #9e9e9e;
    
}

.closeH1 , .close2H1 {
    color: white;

    border: outset;
    border-radius: 3px;
    padding: 5px 30px 5px 30px;
    float: center;
    font-family: sans-serif;
    cursor: pointer;
    box-shadow: 2px 2px 20px #fff;
    transition: box-shadow 0.3s;
	text-align: center ;
}
.closeH1 {
background-color:#b30047;
}
.close2H1 {
	    background: #3333ff;
}

.closeH1:hover,
.closeH1:focus {
    box-shadow: 2px 2px 20px #9e9e9e;
    
}
.close2H1:hover,
.close2H1:focus {
    box-shadow: 2px 2px 20px #9e9e9e;
    
}

.closeboxen , .close2boxen {
    color: white;

    border: outset;
    border-radius: 3px;
    padding: 5px 30px 5px 30px;
    float: center;
    font-family: sans-serif;
    cursor: pointer;
    box-shadow: 2px 2px 20px #fff;
    transition: box-shadow 0.3s;
	text-align: center ;
}
.closeboxen {
background-color:#b30047;
}
.close2boxen {
	    background: #3333ff;
}

.closeboxen:hover,
.closeboxen:focus {
    box-shadow: 2px 2px 20px #9e9e9e;
    
}
.close2boxen:hover,
.close2boxen:focus {
    box-shadow: 2px 2px 20px #9e9e9e;
    
}
.modalEURO-footer , .modalH1-footer , .modalboxen-footer {
	background:#cccccc ;

    color: #616161;
    margin-right: 1%;
    margin-left: 1%;
	
    border-top: 3px inside #a7a7a7;
}


/*
end model
*/





img {
  max-width: 100%;
}

.site-header {
  position: relative;
}

.site-header .mdl-layout__header-row {
  padding: 0;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-description {
  display: block;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 10px;
}

.is-compact .mdl-layout__title span {
  display: none;
}

.site-logo-row {
  min-height: 100px;
}

.is-compact .site-logo-row {
  min-height: auto;
}

.site-logo {
  background: url(../img/site-logo.png) 50% no-repeat;
  background-size: cover;
  height: 60px;
  width: 60px;
  margin: 15px auto;
}

.is-compact .site-logo {
  height: 50px;
  width: 50px;
  margin: 7px auto;
}

.site-navigation-row {
  background-color: rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
  height: 45px;
}

.site-navigation-row .mdl-navigation {
  text-align: center;
  max-width: 900px;
  width: 100%;
}

.site-navigation-row .mdl-navigation__link {
  -ms-flex: 1;
  flex: 1;
  line-height: 42px;
  color: #fff;
}

.site-navigation-row .is-active {
  position: relative;
  font-weight: bold;
  opacity: 1;
}

.site-navigation-row .mdl-navigation__link:hover {
  opacity: 1;
}

.mdl-layout__header .mdl-layout__drawer-button {
  color: #fff;
}

.mdl-layout__content {
  background-color: #fefefe;
}

.site-content {
  margin: 1em auto;
  min-height: 580px;
}

.page-content {
  padding-bottom: 2em;
}

.site-max-width {
  max-width: 900px;
  margin: auto;
}

.site-copy {
  max-width: 700px;
}

.welcome-card > .mdl-card__title {
  color: #fff;
  height: 290px;
  background:  center/cover;
}

.event-card {
  background: #3E4EB8;
}

.event-card .mdl-card__actions {
  border-color: rgba(255, 255, 255, 0.2);
}

.event-card .mdl-card__title {
  -ms-flex-align: start;
      align-items: flex-start;
}

.event-card .mdl-card__title > h4 {
  margin-top: 0;
}

.event-card .mdl-card__actions {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-align: center;
      align-items: center;
}

.event-card .mdl-card__actions > .material-icons {
  padding-right: 10px;
}

.event-card .mdl-card__title,
.event-card .mdl-card__actions,
.event-card .mdl-card__actions > .mdl-button {
  color: #fff;
}

.section__play-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 150px;
}

.section__play-btn .material-icons {
  font-size: 3rem;
}

.section--center {
  margin: 0 auto 2rem;
}

.homepage-portfolio .mdl-button {
  margin: 0 auto;
}

.homepage-footer {
  background: #eee;
  margin-bottom: -1em;
  padding: 2rem 0;
}

.portfolio-card .mdl-card__title {
  padding-bottom: 0;
}

img.article-image {
  width: 100%;
  height: auto;
}

.demo-card-image.mdl-card {
  width: 192px;
  height: 192px;
}

.person1 {
  background: url("../img/person1.jpg") center/cover;
}

.person2 {
  background: url("../img/person2.jpg") center/cover;
}

.demo-card-image > .mdl-card__actions {
  height: 52px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
}

.demo-card-image__filename {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.form-contact .mdl-textfield {
  width: 100%;
}

#contact-button {
  position: fixed;
  display: block;
  right: 0;
  bottom: 0;
  margin-right: 40px;
  margin-bottom: 40px;
  z-index: 900;
}

footer .mdl-logo a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}

.footer-container {
  margin: 0 auto;
}

#img-1 {
	width : 38px ;
	height : 38px ;
}
#img-s2 {
	width : 360px ;
	height : 480px ;
}
#img-s4 {
	width : 335px ;
	height : 250px ;
}

#1img {
	width : 335px ;
	height : 250px ;
}

#img11 {
		
}
.img1m img{

   width:400px;
   
    transform:translateX(-100%);
}
.img1m {

	   width:400px;
	   height : 100% auto;
text-align: center ;
margin: auto ;

 
	overflow:  hidden ;
	
}

.img1m ul {
	padding: 0 ;
	width: 1600px ;
	list-style: none ;
	position: relative;
	animation:  mymove  20s ease-in-out infinite;
	background-color:#f2f2f2 ;
}
.img1m ul li {
	float: left ;
	position : relative
	
}

#img11 {
		
}
.img1l img{

   width: 900px;
   height : 100% ;
 transform:translateX(-100%);
}
.img1l {
		max-width:900px ;
	height :100%;
	

	overflow:   ;
	
}
.img1l ul {
	padding: 0 ;
	width: 3600px ;
	list-style: none ;
	position: relative;
	animation:  mymove  20s ease-in-out infinite;
	background-color:#f2f2f2 ;
}
.img1l ul li {
	float: left ;
	position : relative
	
}


 @keyframes mymove 
{
  10%{
    transform:translateX(0);
  }
  20%, 40%{
    transform:translateX(-25%);
  }
  50%, 70%{
    transform:translateX(0%);
  }

  80%, 100%{
    transform:translateX(25%);
  }
  
}

#box-img , #box-img2 , #box-img3 , #box-img4 , #box-img5 , #box-img6 , #box-img7 , #box-img8 , #box-img9 , #box-img10 , #box-img11 , #box-img12 , #box-img13 {

	width:24% ; 
	
	
  /* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
}
#box-imgH1 , #box-imgH12 , #box-imgH13 , #box-imgH14 , #box-imgH15 , #box-imgH16 , #box-imgH17 , #box-imgH18 , #box-imgH19 , #box-imgH110 , #box-imgH111 , #box-imgH112 , #box-imgH113 {
	width:24% ; 
	height: 100% auto;
	
}
#box-imgboxen , #box-imgboxen2 , #box-imgboxen3 , #box-imgboxen4 , #box-imgboxen5 , #box-imgboxen6 , #box-imgboxen7 , #box-imgboxen8 , #box-imgboxen9 , #box-imgboxen10 , #box-imgboxen11 , #box-imgboxen12 , #box-imgboxen13 {
	width:24% ; 
	height: 100% auto;
	
}
/*
image resize
*/
#box-img {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#box-img:hover {opacity: 0.7;}

/* The modali (background) */
.modali {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* modali Content (image) */
.modali-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of modali Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modali-content, #caption {  
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform: scale(0.1)} 
  to {transform: scale(1)}
}

/* The closei Button */
.closei {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closei:hover,
.closei:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modali-content {
    width: 90% auto;
	margin: auto ;
  }
}
#clip: rect(0, 100px, 200px, 0);
  /* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
}

/*
end image resize
*/



/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3N0eWxlcy9tYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRSxnQkFBZTtDQUNoQjs7QUFJRDtFQUNFLG1CQUFrQjtDQUNuQjs7QUFFRDtFQUNFLFdBQVU7RUFFTixzQkFBcUI7RUFDakIsd0JBQXVCO0NBQ2hDOztBQUVEO0VBQ0UsZUFBYztFQUNkLGdCQUFlO0VBQ2YsbUJBQWtCO0VBQ2xCLGlCQUFnQjtFQUNoQixvQkFBbUI7Q0FDcEI7O0FBR0Q7RUFDRSxjQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxrQkFBaUI7Q0FDbEI7O0FBR0Q7RUFDRSxpQkFBZ0I7Q0FDakI7O0FBR0Q7RUFDRSxvREFBbUQ7RUFDbkQsdUJBQXNCO0VBQ3RCLGNBQWE7RUFDYixhQUFZO0VBQ1osa0JBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsYUFBWTtFQUNaLFlBQVc7RUFDWCxpQkFBZ0I7Q0FDakI7O0FBR0Q7RUFDRSxzQ0FBcUM7RUFDckMsMEJBQXlCO0VBQ3pCLGFBQVk7Q0EwQmI7O0FBN0JEO0VBTUksbUJBQWtCO0VBQ2xCLGlCQUFnQjtFQUNoQixZQUFXO0NBQ1o7O0FBVEg7RUFhUSxZQUFXO0VBQ1AsUUFBTztFQUNmLGtCQUFpQjtFQUNYLFlBQVc7Q0FDbEI7O0FBakJIO0VBb0JJLG1CQUFrQjtFQUNsQixrQkFBaUI7RUFDakIsV0FBVTtDQUNYOztBQXZCSDtFQTBCSSxXQUFVO0NBQ1g7O0FBSUg7RUFDRSxZQUFXO0NBQ1o7O0FBRUQ7RUFDRSwwQkFBeUI7Q0FDMUI7O0FBS0Q7RUFDRSxpQkFBZ0I7RUFDaEIsa0JBQWlCO0NBQ2xCOztBQUVEO0VBQ0Usb0JBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsaUJBQWdCO0VBQ2hCLGFBQVk7Q0FDYjs7QUFFRDtFQUNFLGlCQUFnQjtDQUNqQjs7QUFJRDtFQUNFLFlBQVc7RUFDWCxjQUFhO0VBQ2IsaURBQWtEO0NBQ25EOztBQUVEO0VBQ0Usb0JBQW1CO0NBNkJwQjs7QUE5QkQ7RUFJSSx1Q0FBc0M7Q0FDdkM7O0FBTEg7RUFRSSxzQkFBdUI7TUFBdkIsd0JBQXVCO0NBQ3hCOztBQVRIO0VBWUksY0FBYTtDQUNkOztBQWJIO0VBZ0JJLHFCQUFhO0VBQWIsY0FBYTtFQUNiLHVCQUFxQjtFQUNyQix1QkFBbUI7TUFBbkIsb0JBQW1CO0NBQ3BCOztBQW5CSDtFQXNCSSxvQkFBbUI7Q0FDcEI7O0FBdkJIOzs7RUE0QkksWUFBVztDQUNaOztBQUdIO0VBRUUscUJBQW9CO0VBQ3BCLGNBQWE7RUFFYix1QkFBc0I7RUFDdEIsb0JBQW1CO0VBRW5CLHNCQUFxQjtFQUNyQix3QkFBdUI7RUFDdkIsa0JBQWlCO0NBS2xCOztBQWZEO0VBYUksZ0JBQWU7Q0FDaEI7O0FBR0g7RUFDRSxvQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxlQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxpQkFBZ0I7RUFDaEIsb0JBQW1CO0VBQ25CLGdCQUFlO0NBQ2hCOztBQUdEO0VBQ0Usa0JBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsWUFBVztFQUNYLGFBQVk7Q0FDYjs7QUFJRDtFQUNFLGFBQVk7RUFDWixjQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxtREFBb0Q7Q0FDckQ7O0FBR0Q7RUFDRSxtREFBb0Q7Q0FDckQ7O0FBRUQ7RUFDRSxhQUFZO0VBQ1osY0FBYTtFQUNiLCtCQUE4QjtDQUMvQjs7QUFFRDtFQUNFLFlBQVc7RUFDWCxnQkFBZTtFQUNmLGlCQUFnQjtDQUNqQjs7QUFJRDtFQUNFLFlBQVc7Q0FDWjs7QUFFRDtFQUNFLGdCQUFlO0VBQ2YsZUFBYztFQUNkLFNBQVE7RUFDUixVQUFTO0VBQ1QsbUJBQWtCO0VBQ2xCLG9CQUFtQjtFQUNuQixhQUFZO0NBQ2I7O0FBSUQ7RUFFSSxZQUFXO0VBQ1gsc0JBQXFCO0VBQ3JCLCtCQUE4QjtDQUMvQjs7QUFFSDtFQUNFLGVBQWM7Q0FDZiIsImZpbGUiOiJtYWluLmNzcyJ9 */