/* 
Theme Name:     OSEO
Theme URI:      http://www.stamina.ch
Description:    OSEO custom theme
Author:         Stamina Sàrl
Author URI:     http://www.stamina.ch
Version:        1.0.0
License:		no Licencing possibility
License URI:	http://www.stamina.ch
Tags:			Custom theme
*/


@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
/*@import url(includes/timeline.scss);


/* http://meyerweb.com/eric/tools/css/reset/  
   v2.0 | 20110126
   License: none (public domain)
*/
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	
	/* Global from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:normal;}
	q:before,q:after{ content:''; font-family:Georgia, "Times New Roman", Times, serif}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	a{ color:#0072bc; cursor:pointer; text-decoration:none;}
		a:visited{ color:#8e599f;}
		a:hover{ text-decoration:underline;}
	
	/* Segon from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
	q:before,q:after{ content:'';}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	
	/* Balises block */
	.post-content h1{ }
	.post-content h2{ }
	.post-content h3{ }
	.post-content h4{ }
	.post-content h5{ }
	.post-content h6{ }
	.post-content p{ }
	.post-content ul{ }
	.post-content ol{ }
	.post-content blockquote{ }
	.post-content pre{ }
	.post-content address{ }
	.post-content address{ }
	
	/* Balises inline */
	.post-content strong{ }
	.post-content em{ }
	.post-content acronym{ }
	.post-content code{ }
	.post-content del{ }
	.post-content ins{ }
	
	/* Classes des images */
	.alignleft{ display:inline; float:left;}
	.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
	.alignright{ display:inline; float:right;}
	.size-auto{ }
	.size-medium{ }
	.size-large{ }
	.size-full{ }
	.wp-caption{ } /* Légende de l'image */
	.wp-caption img{ }
	.gallery{ }
	.gallery .gallery-item{ }
	
	
	/* Global Content 
	-------------------------------------------------------------- */
	html{-webkit-text-size-adjust: 100%; height: 100%;}
	a{outline:none;}
	img, object, embed, video {
	  max-width: 100%;
	  height: auto;
	}
	strong{ font-weight:700;}
	
	body{ 
        font-family: 'Source Sans Pro', sans-serif; height: 100%;
        font-weight: 400; color:#2a2a2a; font-size: 1em; line-height: 1.2em;
        font-style: normal; /*background-color: #F4F4F4;*/
    }
    .HeaderWrap{  
       /* z-index: 9000; */ width: 100%; max-width: 1200px; /*position: fixed; */
        display: inline-block; background-color:#fff; margin: 0 auto;
    }


	.Contents{ /*min-height: 500px;*/  
        width:auto; overflow:hidden; /*max-width: 1580px;*/ max-width: 1200px; 
        /*position: relative; */ clear: both; z-index: 1;
    }
		.Contents.AlignLeft{ float:left;}
		.Contents.AlignCenter{ margin:0 auto;}
		.Contents.AlignRight{ float:right;}
	
	
		@media screen and (max-width: 1250px) {
			.Contents{ width:85%; /*padding:0 5%;*/ }
            .HeaderWrap{ width:100%; /*background-color: lightblue;*/ z-index: 1000; }
        }
	
        @media screen and (max-width: 1200px) {
           /* .HeaderWrap{  background-color: lightcyan;}*/
        }
        @media screen and (max-width: 780px) {
            /*.HeaderWrap{  background-color: lightgoldenrodyellow;}*/
        }
	
		.grey{ color:#999;}
        .red{color:#e1061c;}
        .green{color:#14c7a2;}

        a, a:focus, a:visited { color:#e1061c; text-decoration: underline;}
	


        h1, h2, h3, h4, h5, h6{
            font-family: 'Noto Serif', serif;
            color:#2A2A2A; font-size: 2em; font-weight: 700; line-height: 1.1em;
        }

		.SingleContent h1{ margin-bottom:10px;}

        @media screen and (max-width: 600px) {
            h1, h2, h3, h4, h5, h6, .Modulelink{font-size: 1.5em!important;}
        }

        p{ margin-bottom:1em;}


        ul { margin-left:30px;}
        ul li{ list-style-type: disc;} 


	
		/* Header 
		-------------------------------------------------------------- */
		#Logo{ z-index:9999; float: right; width: 25%; text-align: right; margin-top: 40px; }
		#Header{ 
            width: 100%;margin-left: 0; max-width: 1580px; margin-left: 0;
            /* overflow: hidden; */ /*display: inline-block;*/
            background-color:pink;; position: relative;
        }


        .Home{ position: absolute; z-index: 10000; left: -65px; top:-69px; width: 30px; }
        .Home:hover{ cusrsor:pointer;}  
        .Home img{ width: 25px; height: 25px;}
        .Home img:hover{cursor:pointer;}

        @media screen and (max-width: 1200px) {
            .Home{ displaNewy: none;}
        } 
			.SiteInfos{ width:100%; text-align:center; display: none;}
		
		.Slider{ 
			background-color:pink; display:block; height:35px; width:100%;
			min-height:170px;
		}
		
		.HideButtun{ display:none;}
		
		.PostContent{ /*min-height:100vh; width: 65%; float: right;}in-height: 50vh;*/}
		.SingleContent{width: 65%; float: right;}
		.Visual{ width:30%; float: left;}
		.Visual .Image img{ border:1px solid #ccc;}
        
        .Banner{max-width: 1200px; margin: auto; position: relative;}
            .Banner img{ width: 100%; height: auto;}
            .BannerColor{position: absolute; background-color: rgba(0, 0, 0, 0.25); height: 99%; width: 100%; }

		.search .Banner{ display:none;}
        
        .BannerContent.Mobile{display: none;}
        .BannerContent{ 
            position: absolute; text-align: center;
             padding: 15% 32% 0 32%;
        }
            .BannerTitle{} 
            .BannerSubTitle{}
            .BannerSubTitle h2{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 20px; padding-top: 25px }
            .BannerTitle h1, .BannerSubTitle h2{color:#fff;}

        @media screen and (max-width: 1200px) {
            #Logo{ width: 250px; }
            
        } 
        @media screen and (max-width: 900px) {
            .BannerContent{ padding: 10% 32% 0 32%;}
        }
        @media screen and (max-width: 780px) {
            .BannerContent{ display: none; }
            .BannerContent.Mobile{ display:block;position: relative; padding: 0; margin: 25px 0 50px 0;}
            .BannerContent.Mobile h1, .BannerContent.Mobile h2{ color:#2a2a2a;}
			
			.SingleContent{width: 65%; float: right;}
			.Visual{ width:30%; float: left;}
        }


        @media screen and (max-width: 750px) {
			
			.SingleContent{width: 100%; }
			.Visual{ width:70%; float: none; margin: 0 auto; display: inline-block; margin-left:15%; }
			.Visual img{ margin-bottom: 25px;}
        }

        .ShotcutHome{ display:none;}
        .Banner .HomeButton{ position: absolute; }
        .Banner .HomeButton.TopLeft{top: 50px; left: 80px;}
        .Banner .HomeButton.TopRight{top: 50px; right: 80px;}
        .Banner .HomeButton.BottomLeft{bottom: 50px; left: 80px;}
        .Banner .HomeButton.BottomRight{bottom: 50px; right: 80px;}

        .Banner .HomeButton h4{ color: #fff; margin-bottom: 15px; text-transform: none;}
        .Banner .HomeButton ul, .ShotcutHome ul{ margin-left:0;}
        .Banner .HomeButton ul li, .ShotcutHome ul li{ list-style: none;}
        .Banner .HomeButton ul li a, .ShotcutHome ul li a{ } 



        .Banner .HomeButton ul li{
            text-align: center;
            margin-left: auto;
            margin-right: auto
        }
        .Banner .HomeButton ul li a, .ShotcutHome ul li a{
            text-decoration: none;
            color: white;
            min-width: 215px;
            display: inline-block;
            background: #1de0b8;
            position: relative;
			border-radius: 7px; padding: 12px 0px;
			transition: all 0.2s;
            /*top: 10px;
            padding: 10px;
            font-size: 24px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 10px 0px 0px #14c7a2; 
            box-shadow: 0px 10px 0px 0px #14c7a2;
            transition: all 0.2s;*/
            margin-bottom: 20px;
        }
        .Banner .HomeButton ul li a:hover, .ShotcutHome ul li a:hover{
            /*top: 20px  ; text-decoration:none;
            -webkit-box-shadow: 0px 0px 0px 0px #14c7a2; 
            box-shadow: 0px 0px 0px 0px #14c7a2;*/
			background-color:#14c7a2;transform: scale(1.1);/*#04AA6D*/
        }

        .Home.HomeButton{ display: none;}

         @media screen and (max-width: 780px) {
            .Banner .HomeButton{ display: none;}
             
             .ShotcutHome{ display: block;}
			 .ShotcutHome .Title{ margin:15px 0;}
         }



		/* Footer 
		-------------------------------------------------------------- */
        #FooterWrapper{ width: 100%; display: inline-block; background-color:#f6f6f6; border-top:6px solid #e1061c; margin-top: 150px; }
            #Footer{ 
                width:100%; max-width: 1200px; margin: auto; clear:both; /*background-color:aquamarine; /*border-top:4px solid #e1061c;*/ padding-top: 25px;
            }

			#Footer .ColThree{ margin-bottom: 45px;}


			#Footer h6{ font-size:1.2em; margin-bottom: 10px;}
			#Footer .Social{ position: relative; top: 0;  margin-left: 0!important;left: -20px;}
			#Footer .Social ul li{ display:inline-block;}

						.LogoFooter{ float: left; padding-right: 10px;}
						.TextFooter{ float: left; font-size: 0.8em; line-height: 1.5em;}
			.TextFooter p{ margin-bottom:0;} 

			.LogoFooter.partenaires{ float:left; margin-bottom: 25px;  margin-right: 10px;}

                #SiteMap{ width:100%; background-color:#eee; display: none;}
                    #SiteMap h2{}
                    #SiteMap ul{}
                        #SiteMap ul li{ display:table-cell;}
                        #SiteMap ul li a{ padding:0px 10px;}


		.Copy{clear: both; display: inline-block; padding-bottom: 10px; /*float: right;*/ margin:0 auto; width: 100%; text-align: center; font-size: 0.8em;}
			.Copy a{ color: #ccc; text-decoration: none;}


		@media screen and (max-width: 1250px) {
			#Footer{width:85%;  }
        }

		@media screen and (max-width: 570px) {
			#Footer .ColThree { text-align: center;}
			#Footer .ColThree .LogoFooter{ width: 100%; display: inline-block; float: none;}
			#Footer .ColThree .LogoFooter.partenaires{ width: auto; margin: 25px 15px;}
			#Footer .ColThree .TextFooter{ width: 100%;}
			#Footer .Social { left:0;}
        }



		/*Space */
		.Space{width: 100%; display: inline-block;}



        /* Sidebar
		-------------------------------------------------------------- */
		#HeaderSidebar, #FooterSidebar{ width:100%; display:block; clear:both; /*background-color:#ccc;*/}
			#HeaderSidebar div, #FooterSidebar div{ display:inline-table; margin:0 auto;}
		
		
		#SideBar, #SideBar2{ /*clear:left;*/ }
		
			.side{ clear:both; background-color:#fff;}
		
			#SideBar.left, #SideBar2.left{ width:30%; float:left; clear:left;}
			#SideBar.right, #SideBar2.right{ width:30%; float:right; background-color:#aaa; padding:5px; clear:right;}
			#SideBar.none, #SideBar2.none{}
			
			
			#SideBar2 .side{ margin-top:25px; background-color:#eee;}
			
		


		
			/* Contacts
			-------------------------------------------------------------- */
			#Contacts{ width:100%; text-align:center;}
			
				#Address{ background-color:#fafafa;  }
					.adress_1{}
					.adress_2{}
					.adress_3{}
					
				#Tel{}
					.tel{}
					.tel_2{}
					
				.Email{}
				.WebSite{}
				
				.Description4{}
		
		
		/* Social
		-------------------------------------------------------------- */
        .Social{ position: absolute; margin-left: 135px; right: 0;  z-index: 999; background-color:#fff;}  
			.Social div{ clear: both; margin-right: 5px;}
                .Social div a{ opacity: 0.3; transition: 0.3s;}
                .Social div a:hover{ opacity: 1; }
		
       

        .Social{  top: 250px;z-index: 999; padding: 10px;}
        .ExternalLinkHome{ }

        .Social ul{ margin-left: 0;}
        .Social ul li{ list-style-type: none;}

		#Footer .Social{ background-color:transparent;}



           /* .ExternalLinkHome div {  
               display:inline-block; padding: 10px; float: left;
                max-width: 100px;-ms-transform: rotate(-90deg); /* IE 9 * / transform: rotate(-90deg);
            }*/
     
/*.ExternalLinkHome ul{ margin:0; text-align: center;}* /
.ExternalLinkHome{ background-color:yellow;
   }
.ExternalLinkHome tr td{
    width: 80px; padding: 0 10px;
}
*/


/*
.ExternalLinkHome ul { position: relative; 
    /*-ms-transform: rotate(-90deg); width:100%; 
    /* IE 9 * / transform: rotate(-90deg);* /} */

.ExternalLinkHome{ 
    /*background-color:pink;*/ top: 250px; z-index: 999999; padding: 10px; /*width: 50px; height:350px;*/
    position: absolute; margin-top: 100px;left: 0%; /*height: 350px;*//* width: 100%;*/
    -ms-transform: rotate(-90deg); 
    /* IE 9 */ transform: rotate(-90deg);
}
.ExternalLinkHome ul { text-align: center;
     position: absolute; top: -5px; right: -100px;  margin: 0; background-color:#fff; min-width:200px; display: inline-block; 
}
.ExternalLinkHome ul li{ 
    display: inline-block; /*width: 80px;*/ width: 120px; list-style: none; text-align: center;
    
}
.ExternalLinkHome ul li a{
    /*border: solid 1px;*/ display: inline-block; padding: 8px 5px;
} 

	/* Flashing */
	.ExternalLinkHome ul li a:hover img {
		opacity: 1;
		-webkit-animation: flash 1.5s;
		animation: flash 1.5s;
	}
	@-webkit-keyframes flash {
		0% { opacity: .4; }
		100% { opacity: 1; }
	}
	@keyframes flash {
		0% { opacity: .4; }
		100% { opacity: 1; }
	}



        #MobileMenuContainer .ExternalLinkHome{ 
			position: relative; top: 0;  -ms-transform: rotate(0deg); 
			/* IE 9 */ transform: rotate(0deg);
		}
		#MobileMenuContainer .ExternalLinkHome ul {  margin: 0;position: relative; width: 95%; left:0; display:inline-block;}
		#MobileMenuContainer .ExternalLinkHome ul li{ 
			position: relative; padding: 8px 10px;  
			/*width: 80px;*/ width: 120px; display: inline-block;
		}


        #MobileMenuContainer .Social{position: relative; top: 0; margin:0;}
        #MobileMenuContainer .Social ul { text-align: center; margin-left:0;}
        #MobileMenuContainer .Social ul li{width: 20%; display: inline; /*padding: 10px 35px; */}


        @media screen and (max-width: 780px) {
            .Social, .ExternalLinkHome{ display:none;}
			#Footer .Social{ display: block;}
			
            #MobileMenuContainer .ExternalLinkHome{ display:block;}
            #MobileMenuContainer .Social{ display: block;}
        }


        .icon-button {
            background-color: transparent;
            border-radius: 2.5rem;
            cursor: pointer;
            display: inline-block;
            font-size: 1.5rem;
            height: 2.5rem;
            line-height: 3.5rem;
            margin: 0 5px;
            position: relative;
            text-align: center;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            width: 2.5rem;
        }

        /* Circle */
        .icon-button span {
            border-radius: 0;
            display: block;
            height: 0;
            left: 50%;
            margin: 0;
            position: absolute;
            top: 50%;
            -webkit-transition: all 0.3s;
               -moz-transition: all 0.3s;
                 -o-transition: all 0.3s;
                    transition: all 0.3s;
            width: 0;
        }
        .icon-button:hover span {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 2.5rem;
            margin: -1.25rem;
        }
        .twitter span {
            background-color: #4099ff;
        }
        .facebook span {
            background-color: #3B5998;
        }
        .google-plus span {
            background-color: #db5a3c;
        }
        .Instagram span {
            background-color: #833ab4;
        }
        .Vimeo span {
            background-color: #19B7EA;
        }
        .Linkedin span {
            background-color: #0e76a8;
        }

        /* Icons */
        .icon-button i {
            background: none;
            color: black;
            height: 2.5rem;
            left: 0;
            line-height: 2.5rem;
            position: absolute;
            top: 0;
            -webkit-transition: all 0.3s;
               -moz-transition: all 0.3s;
                 -o-transition: all 0.3s;
                    transition: all 0.3s;
            width: 2.5rem;
            z-index: 10;
        }
        .icon-button .icon-twitter {
            color: #4099ff;
        }
        .icon-button .icon-facebook {
            color: #3B5998;
        }
        .icon-button .icon-google-plus {
            color: #db5a3c;
        }
        .icon-button .Instagram {
            color: #833ab4;
        }
        .icon-button .Vimeo {
            color: #19B7EA;
        }
        .icon-button .Linkedin {
            color: #0e76a8;
        }
        .icon-button:hover .fa-youtube,
        .icon-button:hover .fa-twitter,
        .icon-button:hover .fa-facebook-f,
        .icon-button:hover .fa-instagram,
        .icon-button:hover .fa-linkedin-in,
        .icon-button:hover .fa-vimeo-v {
            color: white;
        }
/*
        .social-icons{
          padding:0;
          list-style: none;
          /*margin:0.5em 0;* /
        }
        .social-icons li{
          margin:0.65em 0.35em;
          position: relative;
          font-size:1em;
        }
        .social-icons i{
          color:#fff;
          position: absolute;
          top:6px;
          left:6px;
          transition: all 265ms ease-out;
        }
        .social-icons a{
          display: inline-block;
        }
        .social-icons a:before{
          transform: scale(1);
          content:'';
          width:30px;
          height:30px;
          border-radius: 100%;
          display: block;
          background:linear-gradient(45deg, #ff003c, #c648c8);
          transition: all 265ms ease-out;
        }
        .social-icons a:hover:before{
          transform: scale(0);
          transition: all 265ms ease-out;
        }
        .social-icons a:hover i{
          transform: scale(1.5);
          color:#ff003c;
          background:-webkit-linear-gradient(45deg, #ff003c, #c648c8);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          transition: all 265ms ease-out;
        }

*/

		/* Quiz - Bossole
		-------------------------------------------------------------- */
		@media screen and (max-width: 1200px) {
			.page-id-59986 .text{ width: 100%!important;}
		}
		.qr{ margin-left:-5px;}



		/* Content
		-------------------------------------------------------------- */
        .row{ width:100%;  /*margin-bottom: 25px;*/ display: inline-block;}
            .row.half{ width: 50%;}

            
            .row.Full{ width: 100%;  /*max-width:1580px;*/ max-width: 1200px; margin: auto; display: block;} 
            .row h2{ margin-top: 25px;}
.row ul{ margin-top: 20px;margin-bottom: 20px;}

            .ThQuar{ width: 75%;}
            .half{ width: 50%;}
                .half.left{ float:left;}
                .half.left.text{  width: 46%; float:left; padding-right:4%; min-height: 250px;}
                .half.right{ float:right}

		.BlocSeparator{border-bottom: 2px solid #14c7a2; margin: 80px 0px 60px 0px}
        .Separator{ width: 100%;}
            .Separator span{ width: 100px; border-top:3px solid #e1061c; display: inline-block; margin-top: 35px; margin-bottom: 10px;}

.Partners{ margin:25px 0px 45px 0px;}
.Partners h4{ margin-bottom:10px;}
.Partners a { margin-right:15px;}

.Information{ width:50%; background-color:#e1061c; color: #fff; padding: 25px;}.Information a{color:#fff;}

		@media screen and (max-width: 900px) {
			.ThQuar{ width: 100%;}
		}
        @media screen and (max-width: 780px) {
            .row.half, .row.ThQuar, .half, .half.left.text{ width: 100%;}
			.half.left.text{ min-height: auto!important;}
        }

		@media screen and (max-width: 750px) {
			.Information{ width:90%; padding: 5%; }
        }


        /* Lienk Content */
/*
$yellow: #FFE800;
$brown: #404040;
$blue: #1CD3F8;
$angle: 8px;
$angle-o: 4px;

html, body {
  height: 100%;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*
.ButtunLink {
  top: 0;
  left: 0;
  transition: all .15s linear 0s;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  background-color: #FFE800;
  
  text-transform: uppercase;
  color: #404040;
  font-family: arial;
  letter-spacing: 1px;
  
  box-shadow: -6px 6px 0 #404040;
  text-decoration: none;
  
  &:hover {
    top: 3px;
    left: -3px;
    box-shadow: -3px 3px 0 #404040;
    
    &::after {
      top: 1px;
      left: -2px;
      width: 4px;
      height: 4px;
    }
    
    &::before {
      bottom: -2px;
      right: 1px;
      width: 4px;
      height:4px;
    }
  }
  
  &::after {
    transition: all .15s linear 0s;
    content: '';
    position: absolute;
    top: 2px;
    left: -4px;
    width: 8px;
    height: 8px;
    background-color: #404040;
    transform: rotate(45deg);
    z-index: -1;
    
  }
  
  &::before {
    transition: all .15s linear 0s;
    content: '';
    position: absolute;
    bottom: -4px;
    right: 2px;
    width: 8px;
    height: 8px;
    background-color: #404040;
    transform: rotate(45deg);
    z-index: -1;
  }
}

.ButtunLink a { position: relative; }

.ButtunLink a:active {
  top: 6px;
  left: -6px;
  box-shadow: none;
  
  &:before {
    bottom: 1px;
    right: 1px;
  }
  
  &:after {
    top: 1px;
    left: 1px;
  }
}
*/

/*
.ButtunLink {
  cursor:pointer;
  margin-left:5px;
  margin-bottom:15px;
  text-shadow:0 -2px 0 darken(#7fbb98,20%),0 1px 1px lighten(#7fbb98,20%) ;
  box-sizing:border-box;
  font-size:2em;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration:none;
  font-weight:bold;
  color:#7fbb98;
  &:visited {
    color:#7fbb98;
  }
  height:65px;
  line-height:6px;
  padding: 0 15px);
  display:inline-block;
  width:auto;
  background: linear-gradient(to bottom,
    saturate(lighten(#7fbb98,15%),35%) 0%,
    saturate(lighten(#7fbb98,12%),15%) 26%,
    #7fbb98 100%);
  border-radius:5px;
  border-top:1px solid lighten(#7fbb98,22%);
  border-bottom:1px solid lighten(#7fbb98,20%);
 top:0;
  transition:all (.06s) ease-out;
  position:relative;
}
.ButtunLink:hover {
  background: linear-gradient(to bottom,
    lighten(saturate(lighten(#7fbb98,15%),35%),7%) 0%,
    lighten(saturate(lighten(#7fbb98,12%),15%),7%) 26%,
    lighten(#7fbb98,7%) 100%);
}
.ButtunLink:hover {
  top:6px;
       text-shadow:0 -2px 0 darken(#7fbb98,0%),0 1px 1px lighten(#7fbb98,20%), 0 0 4px white ;
  color:lighten(#7fbb98,45%);
  &:before {
    top:0;
    box-shadow: 0 3px 3px rgba(0,0,0,.7),0 3px 9px rgba(0,0,0,.2);

  }
}

*/


.buttons{
  text-align: center;
  margin-left: auto;
  margin-right: auto}
.ButtunLink{
  text-decoration: none;
  color: white;
  width: 50px;
  height: 40px; display: inline-block;
  background: #1de0b8;
  position: relative;
  margin: 30px;
  top: 100px;
  padding: 25px 16px 10px 16px;
  font-size: 50px;
  border-radius: 3px;
 -webkit-box-shadow: 0px 10px 0px 0px #14c7a2; 
box-shadow: 0px 10px 0px 0px #14c7a2;

  transition: all 0.2s}
  
.ButtunLink:hover{
  top: 108px  ; text-decoration:none;
  -webkit-box-shadow: 0px 0px 0px 0px #14c7a2; 
    box-shadow: 0px 0px 0px 0px #14c7a2;}

.ButtunLink span{ padding-top:25px;}


        @media screen and (max-width: 780px) {
            .ButtunLink{ top:0; left: 0; margin: 0 0 20px 0;}
            .ButtunLink:hover{ top:8px;}
        }




        /* Citation */
        .Citation{ margin: 10px 0 20px 0;}
        .Citation.green h6{color:#1de0b8; width: 50%; line-height: 1.3em; margin-bottom: 10px;}
        .Citation.green .Author{ padding-left:15%;color:#1de0b8;}


        /* Programm */
        .Programm{ margin-top: 25px;}
            .Programm h3{ font-size: 25px; margin-bottom: 10px; min-height: 35px;}
        .Justify{
			display: flex;
			  flex-flow: row wrap;
			  justify-content: flex-start;
			/*
            text-align: justify;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;*/
			
        }

.Justify.Programm{text-align: justify; display: block;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;}

        .ColThree{ width: 30%;}
        .ColTwo{ width: 48%;}
        .ColFour{ width: 23%;}

        .ColThree, .ColTwo, .ColFour{ 
            text-align: left; 
            /*background-color:pink;*/
            
            vertical-align: top;
            display: inline-block;
            *display: inline;
            zoom: 1
        }

.ColThree ul, .ColTwo ul, .ColFour ul{ margin-bottom: 15px;} 


        /* Short Link */
.ShortLinks.Mobile{ display:none;}
        .ShortLinks{ margin-top: 15px;}
        .ShortLinks ul{ margin-left:0;}
        .ShortLinks ul li{ display: inline; margin-right: 10px; list-style-type: none;} 


        @media screen and (max-width: 900px) {
            .ShortLinks{ display: none;}
			.single .Shortlinks{ display: block!important;}

            .ShortLinks.Mobile { display: block; width: 100%; text-align: center; margin-bottom: 50px; }
            .ShortLinks.Mobile ul li { padding: 1% 5%;  }
        }



        @media screen and (max-width: 900px) {
            .ColThree{ width: 48%;}
           .ColTwo{ width: 100%;}
           
        }

        @media screen and (max-width: 570px) {
            .ColThree{ width: 100%;} 
        }



        /* Map */
        .Map{ height:450px;}
        @media screen and (max-width: 1080px) {
            .Map{  height: 450px; }
           
        }
        @media screen and (max-width: 900px) {
            .Map{  height: 400px; }
           
        }
        @media screen and (max-width: 780px) {
            .Map{  height: 350px; }
           
        }
        @media screen and (max-width: 600px) {
            .Map{  height: 300px; }
           
        }


         
        /* News     
        -------------------------------------------------------------- */
        .News {position: relative; margin-bottom: 25px; }
		.SingleNews{ margin-top: 70px; margin-bottom: 0;}

		.News.Blog, .PostContent.Blog{ margin-top:80px; display: inline-block; width: 100%;}

		/* Opacity #2  
		.News.Justify .Thumbnail {
			background: #1abc9c;
		}
		.News.Justify .News .Thumbnail {
			opacity: 1;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		.News.Justify .News:hover .Thumbnail {
			opacity: .75;
		}*/
.News.Justify{text-align: justify; display: block;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;}
		.News.Justify .News .Thumbnail:hover .News{ color:pink}


            .News a, .News h3.Title{ color: #2a2a2a;text-decoration:none}
				.News h3.Title{ font-size: 1em;font-family: 'Source Sans Pro', sans-serif; }
                .News a:hover, .News h3.Title{ text-decoration:none; color:#e1061c;}

            .NewsHeader{}
                 .NewsHeader .Date{ font-style: italic; padding-top:3px;}
                    .News .NewsHeader .Date a{ color:#707070; }
            .Title{ text-transform: uppercase; font-weight: 700; padding-top: 5px;}
            .ArticleExcerpt{ padding-top: 7px;}
            .Thumbnail{ 
				height: 180px; 
				background-size: cover!important;
				/*background-image: url('images/DefaultNews.png';);*/
			}



			/* Page Navigation */
			.wp-pagenavi{ font-size:1.3em; text-align: center;}
			.wp-pagenavi a, .wp-pagenavi span{ border:0px!important;}
			.wp-pagenavi .pages{ font-size:.7em;}



			@media screen and (max-width: 900px) {
				 .News .News:nth-child(5){ display:none;} 
				.blog .News .News:nth-child(5){ display:block;} 
			}
			@media screen and (max-width: 600px) {

				 .News .News:nth-child(4){ display:none;} 
				.blog .News .News:nth-child(4){ display:block;}
			}
			@media screen and (max-width: 750px) {
				.News.Blog, .PostContent.Blog{ margin-top:15px;}
				.single .ShortLinks.Mobile{ margin-bottom:0;}

			}





        

        /* Home link images
		-------------------------------------------------------------- */
        .LinkModuleImage{
            font-family: 'Noto Serif', serif; font-weight: 700; color: #fff; 
            position: relative; display: inline-block;
            
            text-align: justify;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;
        }

           .Module{
                width: 100%; height: 250px; margin-bottom: 2%;
                background-size: cover; height: 300px;
                overflow: hidden;
                position: relative;
               
                vertical-align: top;
                display: inline-block;
                *display: inline;
                zoom: 1
            }

            .stretch {
                width: 100%;
                display: inline-block;
                font-size: 0;
                line-height: 0
            }
         

            .Module.half{ width: 49%;}
            /*.LinkModuleImage .Module.half:first-child{ margin-right:2%;} */
                /*.Module.half:nth-child(even) { margin-left: 2%;}*/

            .Module .Content a{ color:#fff; font-size: 2.2em}

            .Modulelink{
                height: 300px; line-height: 1em; vertical-align: middle; 
                position: absolute; width: 100%; text-align: center; /*background-color:pink;*/ 
                z-index: 980; font-size: 2.2em; 
                background-color: rgba(0, 0, 0, 0.25); color: #fff; -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }

			.Modulelink:hover{ background-color: rgba(0, 0, 0, 0.25)!important; }

            .Vertical{ height: 300px; width: 95%; margin: 0 auto;}
            .Vertical td{ vertical-align: middle;}

            @media screen and (max-width: 600px) {
                .Modulelink, .Module, .Vertical{height: 200px!important;}
            }


            .parent {
                width: 45%;
                margin: 20px;
                height: 300px;
                overflow: hidden;
                position: relative;
                float: left;
                display: inline-block;
                cursor: pointer;
                background-color: #000;
            }
/*
            .Content::after {
                content: "";
                background: rgba(0, 0, 0, 0.2);
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1;
            }*/

            .Content {
                height: 100%;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
                display: flex;
              justify-content: center;
              align-items: center; background-position: center center;
            }

            .Module:hover .Content, .Module:focus .Content {
                -ms-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05);
            }

            .Module:hover .Content:before, .Module:focus .Content:before {
                display: block;
            }

            .Module:hover a, .Module:focus a {
                display: block;
            }

            .Content:before {
                content: "";
                display: none;
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0; 
			}

		/* Governance 
		-------------------------------------------------------------- */
		.People{ 
			width: 100%; display: inline-block; clear: both;
			 text-align: justify; margin-top: 50px;
			-ms-text-justify: distribute-all-lines;
			text-justify: distribute-all-lines;
		}
			.Profile{ 
				float:left; width: 19%; margin-right: 1%; text-align: center;
				display: inline-block;
				*display: inline;
				zoom: 1; margin-bottom: 45px;
			}	

		.People.Head{ text-align:center;}
			.People.Head .Profile{ float:none;}

			@media screen and (max-width: 962px) {
				.Profile{width: 24%;  margin-right: 1%;  /*background-color:red;*/}
			}
			@media screen and (max-width: 800px) {
				.Profile{width: 32%; margin-right: 1%; /*background-color:pink;*/}
			}
			@media screen and (max-width: 700px) {
				.Profile{min-height: 220px;}
			}
			@media screen and (max-width: 520px) {
				.Profile{width: 49%; margin-right: 1%; /*background-color:lightblue;*/ }
			}

			/*
			.Profile{ 
				float:left; width: 20%; text-align: center;
				display: inline-block;
				*display: inline;
				zoom: 1
			}	*/	
				.stretch {
					width: 100%;
					display: inline-block;
					font-size: 0;
					line-height: 0
				}

				.People.Gov .ImageProfile, .People.Head .ImageProfile{ margin-bottom: 5px; text-align: left;}
					.People .ImageProfile img{
						-webkit-transition:all .2s ease-out;
						-moz-transition:all .2s ease-out;
						-ms-transition:all .2s ease-out;
						-o-transition:all .2s ease-out;
						transition:all .2s ease-out;
						
						/*filter: grayscale(100%);
						-webkit-filter: grayscale(100%);*/
						width: auto; max-height: 250px; 
						height: auto;
						
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
					}
					.People.Head .ImageProfile img{
						width: 100%; max-width: 130px;
						height: auto;
					}

					.People.Gov .ImageProfile:hover, 
					.People .ImageProfile img:hover{
						
						
						filter: grayscale(0%);
						-webkit-filter: grayscale(0%);
					}

				.Infos{float: left; width: 50%;}
				.ImageProfileDetail{
					float: left;
					margin-right: 5%;
					width: 45%;
				}
				.People .Profile a{ text-decoration:none;}

@media screen and (max-width: 670px) {
	.Infos, .ImageProfileDetail{ width:100%;}
}


				.Name{ font-weight: 400; /*font-size: 0.8em; line-height: 1.1em;*/ text-align: left;}
				.Name.Title{ margin-top:0; font-size: 1.8em; margin-bottom: 10px; line-height: 1.2em;} 

					.Name span{ color:#000;}

					.People .Name .RoleGov{ height: 25px;}



		/* Adress
		-------------------------------------------------------------- */ 
		.Adress{ /*display:inherit;*/  margin: 1% 0; width: 28%; padding: 2%; background-color:#ccc; margin-bottom: 25px; }

			.Adress:nth-child(3n-1) {
				margin-left: 2%;
				margin-right: 2%; 
			  }

			.Adress .Link{ 
				background-color:#e1061c; float: left; padding: 10px 20px; margin-right: 10px; 
				transition: 0.3s; margin-bottom: 10px;
			}
			.Adress .Link:hover{
				background-color:#909090; cursor: pointer;
			}

				.Adress .Link a{color:#fff; text-decoration: none;}

			

			  @media screen and (max-width: 1250px) {
					.Adress{ width: 43%;}
				  .Adress:nth-child(3n-1) {
						margin-left: 0%;
						margin-right: 0%; 
					  }
					.Adress:nth-child(2n-1) {
						margin-left: 0%;
						margin-right: 6%; ;
					  }
				}

				@media screen and (max-width: 800px) {
					.Adress h2{ font-size:1.5em;}
					.Adress{padding: 4%; width: 39%;}
				}

				@media screen and (max-width: 650px) {
					.Adress{ width: 100%;}
					
					.Adress:nth-child(2n-1) {
						margin-left: 0%;
						margin-right: 0%; 
					  }
				}



		/* Map
		-------------------------------------------------------------- */ 
		#Map{ margin: 35px 0;}


		/* Video Vimeo
		-------------------------------------------------------------- */ 
        .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

		/* Video html5
		-------------------------------------------------------------- */ 

		.player-overlay {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: #000;
		  z-index: 999;
		}

		video {
		  display: block;
		  width: 100%;
		  height: 100%;
		}



         /* Video youtube
		-------------------------------------------------------------- */    

            .VideoWrapper{ width: 100%; float: left; }
            .VideoWrapper.ThreeCol{width: 31%; padding-bottom: 25px;}
				.VideoContent{ padding-top:15px; padding-bottom:15px;}

				.VideoWrapper.ThreeCol:nth-child(3n-2){ /*background-color:pink;*/ margin:0 3.5% 0 0;}
				.VideoWrapper.ThreeCol:nth-child(3n-3) {  /* or 4n+1 */
                 /* background-color:green;*/  margin:0 3.5% 0 0; 
                }
				.VideoWrapper.ThreeCol:nth-child(4n-4) {  /* or 4n+1 */
                  /*background-color:blue;*/ /* margin-right:0%;  */
                }

                .VideoTitle{ min-height:25px;}

                .video-responsive { 
                    overflow:hidden; 
                    padding-bottom:56.25%; 
                    position:relative; 
                    height:0;

                }

                .video-responsive iframe {
                    left:0; 
                    top:0; 
                    height:100%;
                    width:100%;
                    position:absolute;
                }


            @media screen and (max-width: 770px) {
                .VideoWrapper{ width: 100%; }
                .VideoWrapper.ThreeCol{width: 48%; padding-bottom: 15px; }
				.VideoWrapper.ThreeCol:nth-child(3n-2){ /*background-color:pink;*/ margin:0 0 0 3.5%}
                .VideoWrapper.ThreeCol:nth-child(3n-3) {  /* or 4n+1 */
                    margin:0;  
                }
                .VideoWrapper.ThreeCol:nth-child(2n-2) {  /* or 4n+1 */
                	/*background-color:blue; */ margin:0;  
                }
            }

            @media screen and (max-width: 500px) {
               
				.VideoWrapper.ThreeCol:nth-child(3n-2){ /*background-color:pink;*/ margin:0;}
                .VideoWrapper.ThreeCol{width: 100%; padding-bottom: 15px;margin-right:0%;  }
                
            }

    
        /* =Timeline
		-------------------------------------------------------------- */
        
		.timeline {
		  position: relative;
		}
		.timeline::before {
		  content: "";
		  background: #ccc;
		  width: 5px;
		  height: 95%;
		  position: absolute;
		  left: 50%;
		  transform: translateX(-50%);
		}

		.timeline-item {
		  width: 100%;
		  margin-bottom: 70px;
		}
		.timeline-item:nth-child(even) .timeline-content {
		  float: right;
		  padding: 40px 30px 10px 30px;
		}
		.timeline-item:nth-child(even) .timeline-content .date {
		  right: auto;
		  left: 0;
		}
		.timeline-item:nth-child(even) .timeline-content::after {
		  content: "";
		  position: absolute;
		  border-style: solid;
		  width: 0;
		  height: 0;
		  top: 30px;
		  left: -15px;
		  border-width: 10px 15px 10px 0;
		  border-color: transparent #f5f5f5 transparent transparent;
		}
		.timeline-item::after {
		  content: "";
		  display: block;
		  clear: both;
		}

		.timeline-content {
		  position: relative;
		  width: 45%;
		  padding: 10px 30px;
		  border-radius: 4px;
		  background: #f5f5f5;
		  /*box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);*/
		}
		.timeline-content::after {
		  content: "";
		  position: absolute;
		  border-style: solid;
		  width: 0;
		  height: 0;
		  top: 30px;
		  right: -15px;
		  border-width: 10px 0 10px 15px;
		  border-color: transparent transparent transparent #f5f5f5;
		}

		.timeline-img {
		  width: 30px;
		  height: 30px;
		  background: #e1061c;
		  border-radius: 50%;
		  position: absolute;
		  left: 50%;
		  margin-top: 25px;
		  margin-left: -15px;
		}


		.timeline-card {
		  padding: 0 !important; padding-bottom: 25px!important;
		}
		.timeline-card p {
		  padding: 0 20px;
		}

		.timeline-item .timeline-img-header {
		  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), center center no-repeat;
		  background-size: cover;
		}

		.timeline-img-header {
		  height: 400px;
		  position: relative;
		  margin-bottom: 20px; 
		}
		.timeline-img-header h2 {
		  color: #FFFFFF;
		  position: absolute;
		  bottom: 5px;
		  left: 20px;
			text-shadow: 0px 0px 4px rgba(0,0,0,0.88);C
		}

		blockquote {
		  margin-top: 30px;
		  color: #757575;
		  border-left-color: #3F51B5;
		  padding: 0 20px;
		}

		.date {
		  background: #e1061c;
		  display: inline-block;
		  color: #FFFFFF;
		  padding: 10px;
		  position: absolute;
		  top: 0;
		  right: 0;
		}

		@media screen and (max-width: 768px) {
		  .timeline::before {
			left: 20px;
		  }
		  .timeline .timeline-img {
			left: 20px;
		  }
		  .timeline .timeline-content {
			max-width: 100%;
			width: auto;
			margin-left: 40px;
		  }
		  .timeline .timeline-item:nth-child(even) .timeline-content {
			float: none;
		  }
		  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
			content: "";
			position: absolute;
			border-style: solid;
			width: 0;
			height: 0;
			top: 30px;
			left: -15px;
			border-width: 10px 15px 10px 0;
			border-color: transparent #f5f5f5 transparent transparent;
		  }
			.timeline-img-header {
				height: 300px;
			}
		}

		
		/* =Widgets
		-------------------------------------------------------------- */
		
		.widget-area .widget ul ul {
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		.widget_rss li {
			margin: 12px 0;
			margin: 0.857142857rem 0;
		}
		.widget_recent_entries .post-date,
		.widget_rss .rss-date {
			color: #aaa;
			font-size: 11px;
			font-size: 0.785714286rem;
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		#wp-calendar {
			margin: 0;
			width: 100%;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
			color: #686868;
		}
		#wp-calendar th,
		#wp-calendar td,
		#wp-calendar caption {
			text-align: left;
		}
		#wp-calendar #next {
			padding-right: 24px;
			padding-right: 1.714285714rem;
			text-align: right;
		}
		.widget_search label {
			display: block;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
		}
		.widget_twitter li {
			list-style-type: none;
		}
		.widget_twitter .timesince {
			display: block;
			text-align: right;
		}
		
		
		
		/* Content 
		-------------------------------------------------------------- */
		
		.GlobalPage{ /*clear:both;*/}
		.PageContent{ display:inline-block;}
			
			.GlobalPage.left { width:60%; float:left;}
			.GlobalPage.right {width:60%; float:right;}
			.GlobalPage.full { width:100%;}
			
			
		

		/* Primary Menu
		-------------------------------------------------------------- */
		#access { float: left; width: 75%; /*background-color:#ccc;*/ z-index: 100; position: relative; z-index: 9000;}
		#access.Sidebar{ width:100%;}
		
		#access .menu-header, div.menu, .Banner .menu {
			font-size: 13px; width: 100%; position: relative;z-index: 9000;
		}
		#access .menu-header ul, div.menu ul {
			list-style: none outside none;
			margin: 0; display:inline-block; width:100%;
		}
		
		#access .menu-header li, 
		div.menu li {
			float: left; position: relative; z-index: 9000; list-style-type: none;
		}
		
		#access .menu-header li.AlignRight,
		div.menu li.AlignRight{ float:right;}
		
		#access .menu ul.AlignCenter{ text-align:center;}
		#access .menu ul.AlignCenter li{ float:none; display:inline-table;}
		
		#access .menu-header li.AlignLeft, 
		div.menu li.AlignLeft{ float:left;}
		
		#access ul li.page-item-25{ display:none;}
		




		
		/* Justify The menu 
		-------------------------------------------------------------- */
		/* http://www.xoogu.com/files/2013/07/justified-menu-of-mu-mu.html */
		
		#access .menu.JustifyMenu {/*display: table; position: relative; table-layout: auto; width: 100%;*/}
		#access .menu ul.AlignJustify{ 
			/*text-align:justify;
			display: table;
    		table-layout: fixed;*/
			display: table;
    		table-layout: fixed;
			position:relative;
		}
		#access .menu ul.AlignJustify li{
			text-align:center;
			display: table-cell;
			position:relative;
		}
		
		#access .menu ul.AlignJustify li ul{
			height: auto;
			position: relative;
			top: 100%;
			z-index: 1; 
			/*display: none;*/
		}
		/*#access .menu ul.AlignJustify li:hover ul { display:block;}*/
		
		
		#access .menu ul.AlignJustify li ul li{
			/*display: block;*/
			display: block;
			text-align:center;
		}
		
		#access .menu-header li, 
		div.menu .AlignJustify li {display: table-cell; float:none;}
		
		/* End of Justify Menu 
		-------------------------------------------------------------- */
		
		
		/* Primary Menu 
		-------------------------------------------------------------- */
		#access a { 
            font-weight: 400; 
            -webkit-transition : border 500ms ease-out;
            -moz-transition : border 500ms ease-out;
            -o-transition : border 500ms ease-out;
            transition : border 500ms ease-out; 
            
            border-top: 20px solid transparent;
            color: #000; display: block; line-height: 1em; font-size:1.3em; 
            text-decoration: none; text-transform: uppercase;
            padding:35px 0 35px 0; margin: 0 5em 0 0; 
		}
		#access ul ul { 
			/*display: none; float: left; left: 0;position: fixed;
			top: 38px; z-index: 99999; width:50%; background-color:#ccc; height: 100%*/
            left: -55%; top:0; width: 32%; padding-left: 18%; height: 100%; padding-top: 10%;
            background-color: #fafafa;
            -webkit-transition: z-index 0.7s, step-end 0.7s, left 0.7s ease;
            transition: z-index 0.7s, step-end 0.7s, left 0.7s ease;
            position: fixed;
            z-index: 1000; 
		}




		#access ul li.current_page_ancestor ul{ /*display:block;*/ }
		
		#access ul ul li { float:none;}
		#access ul ul ul {left: 100%;top: 0;}
		#access ul ul a {
            height: auto; line-height: 2em; padding: 10px;
            border-top: none; padding-top: 0;
        }
#access li:hover{ cursor: pointer;}
		#access li:hover > a, 
		#access ul ul *:hover > a,
        #access ul li.menu-hover a{
			color: #e1061c;
            border-color: #1de0b8; cursor: pointer;
		}
		


        /* Show the submenu */
		#access ul li:hover > ul {/*display: block;*/ left:0; }
        #access ul li:hover > .Banner .menu ul {/*display: block;*/ left:0; }

		


/*
.Wrapper .HeaderWrap .Header #access ul li:hover ~ .Wrapper .Banner .menu ul{left:0; background-color:red;}
*/


		
		#access ul li.current_page_item > a, 
		#access ul li.current_page_ancestor > a, 
		#access ul li.current-menu-ancestor > a, 
		#access ul li.current-menu-item > a, 
		#access ul li.current-menu-parent > a {
			color: #e1061c;
		}
		
		* html #access ul li.current_page_item a, 
		* html #access ul li.current_page_ancestor a, 
		* html #access ul li.current-menu-ancestor a, 
		* html #access ul li.current-menu-item a, 
		* html #access ul li.current-menu-parent a, 
		* html #access ul li a:hover {
			color: #e1061c;
		}
		
		
        #access ul li.page-item-41{ display:none;}
		/* Color select Menu ancestor */
		.single-artistes #access .page-item-18 a{ color:#000;}
		
		

        /* Sub Menu lateral not parented to Access
		-------------------------------------------------------------- */
.Banner   { position: relative;}
.Banner .SubMenu ul{ display: none; width: 50%; /*
    background-color:pink;/*left: -55%;* / top:0; width: 32%; padding-left: 18%; height: 100%; padding-top: 10%;
        
            -webkit-transition: z-index 0.7s, step-end 0.7s, left 0.7s ease;
            transition: z-index 0.7s, step-end 0.7s, left 0.7s ease;
           /* position: fixed;* /
            z-index: 1000; */ }

#SubMenu{ position:absolute; width: 40%; height: 100%; top: 0; /*background-color: red;*/ z-index: 1000;  }
#SubMenu .SubMenu { position: absolute; background-color:#fff;width: 40%; height: 100%;position: fixed; padding-top:10%; display: none; }  
#SubMenu .SubMenu div ul{ width: 100%;margin-left: 0;}
#SubMenu .SubMenu div ul li{ width: 100%; list-style-type: none; }
#SubMenu .SubMenu div ul li a{ width: 100%; display: inline-block; text-decoration: none; padding: 10px 0; text-transform: uppercase; color:#2a2a2a;}
#SubMenu .SubMenu div ul li a:hover{  color:#e1061c; text-decoration: none;}

#SubMenu .SubMenu.Second{ /*padding-left: 27%;*/}

#SubMenu .SubMenu .MenuTitle{ display: inline-block;}
#SubMenu .SubMenu .MenuTitle h2 { padding-bottom:20px; border-bottom:4px solid #1de0b8; margin-bottom: 20px;}

#SubMenu .SubMenu div ul li.current_page_item a{color:#14c7a2}
/*
.grey{ color:#999;}
        .red{color:#e1061c;}
        .green{color:#14c7a2;}
*/

#HideMenu{ display: none; position:fixed; /*background-color:yellow;*/ background-color:transparent; width: 50%; height: 100%; top:0; right: 0; z-index: 100000000}
#HideMenu.Show{ display:block;}
#HideMenu.Hide{ display:none;}
.menu-hover{}






		/* Vertical Menu 
		-------------------------------------------------------------- */
		#access .menu ul.Vertical{}
		#access .menu ul.Vertical li{ display:inline-block; width:100%;}
		#access .menu ul.Vertical li ul.children{ position:relative; display:block; top:0; }
			#access .menu ul.Vertical li ul.children li a{padding-left:15px;}
		
		
		#access ul.Vertical li:hover > ul,
		#access .menu ul.Vertical li.current_page_parent ul,
		#access .menu ul.Vertical li.current_page_ancestor ul{ display:block;}
		
		/* */
			
		
		
		
		/* Primary Menu
		-------------------------------------------------------------- */
		
		#MainMenu{ position:absolute; background-color:#fff; width:130px; z-index:800; right:0px; top:50px; padding:0 15px; visibility:hidden;}
			#MainMenu.open{ visibility:visible;}
		
		ul.Menu{display:inline-block; width:100%; }
		ul.Menu li{ }
		ul.Menu li a{ float:right; text-align:right; width:100%;  line-height:1em; padding:10px 0; }
		ul.Menu li a.line{border-bottom:1px solid #000;}
		
		a#MenuButtun{}
		a#MenuButtun img:hover{ cursor:pointer;}
		
		.DownMenu{ float:right; position:absolute; margin-top:32px; left:90%;}
		
		
		/* Tiny Menu after logo
        -------------------------------------------------------------- */


        .MobileMenu{ float: left;  display:none; }
            ul.RowMenu{ float:right; padding-top:17px; margin-right:5%;}

            .MobileMenu .RowMenu li{ list-style-type:none;}

            .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobile.png);}
            .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down,
            .MobileMenu .RowMenu li a.up{ width:35px; height:32px; display:inline-block;}

            .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down:hover,
            .MobileMenu .RowMenu li a.up:hover{ text-decoration:none; cursor:pointer;}

            .HideButtun{ display:none;}


            .TopSeparator{ float:left; width: 100px; border-top:5px solid #14c7a2; margin-top:70px; margin-left:10%;}


            /*******/

            #MobileMenuContainer{ 
                display:none; background-color:#fff; z-index:99999;
                background-position:bottom; min-height:100%; height: auto;  width:85%; position: absolute; /*padding-top: 50px;*/ left: 7.5%; overflow-y: hidden; /* Hide vertical scrollbar */ 
  overflow-x: hidden; /* Hide horizontal scrollbar */ padding-bottom: 50px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
            }
                .MenuMobileLabel{ text-transform:uppercase; letter-spacing:0.1em;}

                #MobileMenuContainer ul{ margin:0; margin-left: 10%;}
                #MobileMenuContainer ul li{ 
                    float:none; width:85%; font-size:18px; line-height:1.6em;
                    text-align:left; list-style-type:none;
                }


                #MobileMenuContainer ul li{ padding:6px 0px;/*background-image:url(images/separator.png);*/ background-repeat:no-repeat; background-position:center bottom; }

                #MobileMenuContainer ul li.page-item-8 { background-image:none;}

                #MobileMenuContainer ul li a{ 
					color:#e1061c; font-weight:700; /*display:none; */padding:2px 0px; 
					text-decoration:none; font-family: 'Noto Serif', serif; font-size: 1.6em;
				} 
#MobileMenuContainer .Social ul li a{padding:0px 0px 0px 0px!important; font-size: 1.4em; }



                #MobileMenuContainer ul li a:hover,
                #MobileMenuContainer ul li.current_page_item a{ text-decoration:none;   }
				#MobileMenuContainer ul li a:hover{color:#e1061c;}

                #MobileMenuContainer ul ul{ margin:0;}
                #MobileMenuContainer ul li ul{ 

                }
                #MobileMenuContainer ul li ul li a{ font-family: 'Source Sans Pro', sans-serif;
                    font-weight: 400; color:#2a2a2a; font-size: 1.2em; line-height: 1.2em;
                    font-style: normal; padding-top:6px;padding-bottom:6px;display: inline-block; width: 100%;
                } 


                #MobileMenuContainer ul li a,
                #MobileMenuContainer ul li.page-item,
                #MobileMenuContainer ul li.page-item ul{ /*display:none;*/}

                #MobileMenuContainer ul li ul li ul li.current_page_item a{ text-decoration:underline;}

                #Header #MobileMenuContainer ul li.page_item{ }
                #Header #MobileMenuContainer ul li.current_page_ancestor{ display:block}
                #Header #MobileMenuContainer ul li.current_page_ancestor ul li{ display:block}

                #MobileMenuContainer ul li.current_page_parent ul.children li a,
                #MobileMenuContainer ul li.current_page_parent,
                #MobileMenuContainer ul li.current_page_parent ul{ display:block;}


                #MobileMenuContainer ul li ul li ul{ 

                    background-color: #f0f0f0;
                    box-shadow: 
                        inset 0px 11px 8px -10px #D7D7D7,
                        inset 0px -11px 8px -10px #D7D7D7; 
                }
/*
.home #MobileMenuContainer ul li ul{ display:none;}
.page #MobileMenuContainer ul li.current_page_item ul{ display:block;}
.page #MobileMenuContainer ul li ul{ display:none;}*/

@media screen and (max-width: 600px) {
	#MobileMenuContainer{ width: 100%; left: 0;}
	#MobileMenuContainer ul{ margin-left: 15%;}
	#MobileMenuContainer .TopSeparator{ margin-left: 15%;}
}



            @media
            screen and (-webkit-min-device-pixel-ratio: 1.5),
            screen and (-moz-min-device-pixel-ratio: 1.5),
            screen and (min-device-pixel-ratio: 1.5) {
                .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobilex2.png);background-size:cover;}
                .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}

                .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}
            }


            @media screen and (max-width: 1200px) {
                #access{ display:none;}
                .MobileMenu{ display:block;z-index: 9999999; position: relative; margin-top:50px;}
            }

		


            /* Nav icon mobile */ 

			/* Icon 1 */

			#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
			  width: /*45px*/30px;
			  height: 35px;
				margin-top: 9px;
			  position: relative;
			 float: right;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .5s ease-in-out;
			  -moz-transition: .5s ease-in-out;
			  -o-transition: .5s ease-in-out;
			  transition: .5s ease-in-out;
			  cursor: pointer; 
			}

			#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
			  display: block;
			  position: absolute;
			  height: 3px;
			  width: 100%;
			  background: #e1061c;
			  border-radius: 0px;
			  opacity: 1;
			  left: 0;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .25s ease-in-out;
			  -moz-transition: .25s ease-in-out;
			  -o-transition: .25s ease-in-out;
			  transition: .25s ease-in-out;
			}

			/* Icon 3 */

			#nav-icon3 span:nth-child(1) {
			  top: 0px;
			}

			#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
			  top: 10px;
			}

			#nav-icon3 span:nth-child(4) {
			  top: 20px;
			}

			#nav-icon3.open span:nth-child(1) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}

			#nav-icon3.open span:nth-child(2) {
			  -webkit-transform: rotate(45deg);
			  -moz-transform: rotate(45deg);
			  -o-transform: rotate(45deg);
			  transform: rotate(45deg);
			}

			#nav-icon3.open span:nth-child(3) {
			  -webkit-transform: rotate(-45deg);
			  -moz-transform: rotate(-45deg);
			  -o-transform: rotate(-45deg);
			  transform: rotate(-45deg);
			}

			#nav-icon3.open span:nth-child(4) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}








		
		
		/* Search Form
		-------------------------------------------------------------- */	
			#form input#submit, #form input#s{} 
			
			#form input#submit{ }
			#form input#s{  }
			
			
			
			
		/* Breadcrump 
		-------------------------------------------------------------- */
		#BreadcrumbContainer{ width:100%; display:inline-block; background-color:pink;}
			#crumbs{}
			#crumbs span{display: inline-flex; margin-right:10px;}
			.CrumbDelimiter{}
			
		
	
	
		/* Comments 
		-------------------------------------------------------------- */
		.post-comments{ margin-top:20px;} 
		
		.comments-template{ /*border-top:2px solid pink;*/ margin:10px 0px;}
		.CommentsContainer{}
		
			#commentform{}
				p{}
				p.CommentAutor{}
				p.CommentEmail{}
			
			/* h3 Title */
			#comments{} 
			/* h3 Title */
			#respond{}  
			.commentlist{}
				.commentlist li{}
			
					.commentmetadata{}
					.commentmetadata a{}
		
		
			.nocomments{}
	
			/* Form Errors 
			-------------------------------------------------------------- */
			input.error, textarea.error{
				/* border:1px solid red;*/ 
				background-color:#FFD1D6; 
				border:1px solid #ccc;
				padding:2px;
			}
			label.error{ color:red; display:none;}
	
	
	
	    /* Search Form 
		-------------------------------------------------------------- */
		.flexbox { float: right; position: absolute; right: 10px; top:47px; z-index: 9000 }
		.search { background-color:#fff;}
		/*
		.search > h3 {font-weight: normal;}
		.search > h1,
		.search > h3 {
		  color: white;
		  margin-bottom: 15px;
		  text-shadow: 0 1px #0091c2;
		}
		*/

		.search > form {
		  display: inline-block;
		  position: relative;
		}
		.search > form:hover, .search > form > input { cursor:pointer;}

		.search > form:after {
		  content: "";
		  background: #343434;
		  width: 2px;
		  height: 13px;
		  position: absolute;
		  top: 21px;
		  right: -2px;
		  transform: rotate(135deg);
		  /*box-shadow: 0px 0 #0091c2;*/
		}

		.search > form > input {
		  color: #343434;
		  font-size: 14px;
		  background: transparent;
		  width: 17px;
		  height: 17px;
		  padding: 4px;
		  border: solid 2px #343434;
		  outline: none;
		  border-radius: 35px;
		  /*box-shadow: 0 0px #0091c2;*/
		  transition: width 0.5s;
		}

		.search > form > input::placeholder {
		  color: #000;
		  opacity: 1;
		}

		.search > form > input::-ms-placeholder {
		  color: #000;
		}

		.search > form > input::-ms-input-placeholder {
		  color: #000;
		}

		.search > form > input:focus,
		.search > form > input:valid {
		  width: 300px;
		}
		
		@media screen and (max-width: 680px) {
			.flexbox{ display:none;}
		}


	
		/* Slider 
		-------------------------------------------------------------- */
		#full-width-slider {
		  width: 100%;
		  color: #000;
		}
		.coloredBlock {
		  padding: 12px;
		  background: rgba(255,0,0,0.6);
		  color: #FFF;
		   width: 200px;
		   left: 20%;
		   top: 5%;
		}
		.infoBlock {
		  position: absolute;
		  top: 30px;
		  right: 30px;
		  left: auto;
		  max-width: 25%;
		  padding-bottom: 0;
		  background: #FFF;
		  background: rgba(255, 255, 255, 0.8);
		  overflow: hidden;
		  padding: 20px;
		}
		.infoBlockLeftBlack {
		  color: #FFF;
		  background: #000;
		  background: rgba(0,0,0,0.75);
		  left: 30px;
		  right: auto;
		}
		.infoBlock h4 {
		  font-size: 20px;
		  line-height: 1.2;
		  margin: 0;
		  padding-bottom: 3px;
		}
		.infoBlock p {
		  font-size: 14px;
		  margin: 4px 0 0;
		}
		.infoBlock a {
		  color: #FFF;
		  text-decoration: underline;
		}
		.photosBy {
		  position: absolute;
		  line-height: 24px;
		  font-size: 12px;
		  background: #FFF;
		  color: #000;
		  padding: 0px 10px;
		  position: absolute;
		  left: 12px;
		  bottom: 12px;
		  top: auto;
		  border-radius: 2px;
		  z-index: 25; 
		} 
		.photosBy a {
		  color: #000;
		}
		.fullWidth {
		  max-width: 1400px;
		  margin: 0 auto 24px;
		}
		
		@media screen and (min-width:960px) and (min-height:660px) {
		  .heroSlider .rsOverflow,
		  .royalSlider.heroSlider {
			  height: 250px !important;
		  }
		}
		
		@media screen and (min-width:960px) and (min-height:1000px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider {
				height: 250px !important;
			}
		}
		@media screen and (min-width: 0px) and (max-width: 800px) {
		  .royalSlider.heroSlider,
		  .royalSlider.heroSlider .rsOverflow {
			height: 250px !important;
		  }
		  .infoBlock {
			padding: 10px;
			height: auto;
			max-height: 100%;
			min-width: 40%;
			left: 5px;
			top: 5px;
			right: auto;
			font-size: 12px;
		  }
		  .infoBlock h3 {
			 font-size: 14px;
			 line-height: 17px; 
		  }
		}