#menu_nav, h1.title, #menu_nav{
     display: none !important;
}
 .bg-degrade{
     background:#fff !important;
}
 #raja-accompagne{
     width: 980px;
}
/*Banner*/
 #raja-accompagne .raja-accompagne_banner{
     background: -webkit-repeating-linear-gradient(#f0f0f0, white 228px);
     background: -o-repeating-linear-gradient(#f0f0f0, white 228px);
     background: repeating-linear-gradient(#f0f0f0, white 228px);
     height: 228px;
     width: 960px;
     margin: 0 auto 15px;
}
 #raja-accompagne .raja-accompagne_banner_text, #raja-accompagne .raja-accompagne_banner img{
     display: inline-block;
     vertical-align: middle;
}
 #raja-accompagne .raja-accompagne_banner img{
     margin-right: 40px;
}
 #raja-accompagne .raja-accompagne_banner_text{
     width: 688px;
}
 #raja-accompagne .raja-accompagne_banner .h2{
     font-size: 40px;
     color: #1470b7;
     font-family: "Roboto Condensed",arial,helvetica,sans-serif !important;
     font-weight: bold;
     margin-top: 25px;
}
 #raja-accompagne .raja-accompagne_banner .h3{
     font-size: 32px;
     color: #1470b7;
     font-family: "Roboto Condensed",arial,helvetica,sans-serif !important;
     font-weight: lighter;
     margin-top: 1px;
}
 #raja-accompagne .raja-accompagne_banner p{
     font-size: 16px;
}

/*Grid*/
 #raja-accompagne .raja-accompagne_grid-layout {
    /* display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 1fr 1fr 1fr;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     grid-gap: 20px;
     grid-auto-rows: minmax(180px, auto);
     -ms-grid-rows: 180px 180px 180px 180px; 
     grid-auto-flow: dense;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    /*grid-gap: 20px;*/
   
}

 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(2) {
  -ms-grid-row: 1;
    -ms-grid-column: 3;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(3) {
 -ms-grid-row: 1;
    -ms-grid-column: 4;
}

 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(4) {
   -ms-grid-row: 2;
    -ms-grid-column: 1;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(5) {
   -ms-grid-row: 2;
    -ms-grid-column: 2;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(8) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(9) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}
 #raja-accompagne .raja-accompagne_grid-layout > *:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
}


 #raja-accompagne .grid-item {
     position: relative;
     font-size: 14px;
     font-weight: bold;
     border-radius: 5px;
     -webkit-animation-name: fade-in-up;
     animation-name: fade-in-up;
     /*height: 100%;*/
     margin: 0 10px 20px 10px;
}
 #raja-accompagne .span-1 {
     -ms-grid-column-span: 2;
     grid-column-end: span 2;
     -ms-grid-row-span: 1;
     grid-row-end: span 1;
}
 #raja-accompagne .grid-item img{
     width: 100%;
     height: 100%;
     border-radius: 10px;
}
 #raja-accompagne .span-2 {
     -ms-grid-column-span: 1;
     grid-column-end: span 1;
     -ms-grid-row-span: 2;
     grid-row-end: span 2;
}
 #raja-accompagne .span-3{
     -ms-grid-column-span: 2;
     grid-column-end: span 2;
     -ms-grid-row-span: 1;
     grid-row-end: span 1;
}
 @-webkit-keyframes fade-in-up {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
    }
}
 @keyframes fade-in-up {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
    }
}
 .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
#raja-accompagne .grid-item > .front, #raja-accompagne .grid-item > .back {
     display: block;
     -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
             transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -webkit-transition-duration: 1.0s;
          -o-transition-duration: 1.0s;
             transition-duration: 1.0s;
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: opacity, -webkit-transform;
     -o-transition-property: transform, opacity;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
     border: 1px solid #dcdcdc;
     border-radius: 10px;
     height: 100%;
}
 #raja-accompagne .grid-item > .front {
     -webkit-transform: rotateY(0deg);
             transform: rotateY(0deg);
     position: relative;
}
 #raja-accompagne .grid-item > .front h4{
     position: absolute;
     bottom: 5px;
     text-align: center;
     width: 100%;
     color: #fff;
     font-family: "Roboto Condensed",arial,helvetica,sans-serif !important;
     font-weight: bold;
     font-size: 18px;
     z-index: 1;
}
 #raja-accompagne .grid-item > .back {
     position: absolute;
     opacity: 0;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background: -webkit-repeating-linear-gradient(#f8f8f8, #f0f0f0 100%);
     background: -o-repeating-linear-gradient(#f8f8f8, #f0f0f0 100%);
     background: repeating-linear-gradient(#f8f8f8, #f0f0f0 100%);
     -webkit-transform: rotateY(-180deg);
             transform: rotateY(-180deg);
     text-align: center;
     text-decoration: none;
}
 #raja-accompagne .grid-item > .front:after{
     background: -webkit-repeating-linear-gradient(rgba(248, 248, 248, 0),rgba(248, 248, 248, 0), rgba(4, 4, 4, 0.42) 100%);
     background: -o-repeating-linear-gradient(rgba(248, 248, 248, 0),rgba(248, 248, 248, 0), rgba(4, 4, 4, 0.42) 100%);
     background: repeating-linear-gradient(rgba(248, 248, 248, 0),rgba(248, 248, 248, 0), rgba(4, 4, 4, 0.42) 100%);
     content: " ";
     height: 100%;
     position: absolute;
     width: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     border-radius: 10px;
}
 #raja-accompagne .grid-item > .back div{
        padding: 0px 9px;
 }
 #raja-accompagne .grid-item > .back .h3{
     text-align: center;
     color: #1470b7;
     font-size: 22px;
     font-weight: bold;
     font-family: "Roboto Condensed",arial,helvetica,sans-serif !important;
}
 #raja-accompagne .grid-item > .back p {
     font-family: "Roboto Condensed",arial,helvetica,sans-serif !important;
    font-weight: 200;
    font-size: 16px;
    color: #4d4d4d;
    padding: 0px 10px 8px;
}
 #raja-accompagne .grid-item > .back p:hover{
 	color: #4d4d4d;
 }
 #raja-accompagne .grid-item > .back .links.grey{
     font-weight: bold;
     font-size: 16px;
     font-family: "Roboto Condensed",arial,helvetica,sans-serif !important;
}
 #raja-accompagne .grid-item > .back .links.grey.two-lines{
     margin-left: 40px;
}
 #raja-accompagne .grid-item > .back .links.grey.two-lines::before{
    top: 23%;
 }

 #raja-accompagne .span-1.grid-item .back .h3{
     margin-top: 55px;
}
 #raja-accompagne .span-2.grid-item .back .h3{
     margin-top: 152px;
         padding: 0px 10px;
}
 #raja-accompagne .margin-35.grid-item .back .h3{
     margin-top: 35px;
}

#raja-accompagne .grid-item:hover > .front {
     -webkit-transform: rotateY(180deg);
             transform: rotateY(180deg);
    opacity: 0.1;
}
 #raja-accompagne .grid-item:hover > .back {
     opacity: 1;
     -webkit-transform: rotateY(0deg);
             transform: rotateY(0deg);
}
 

.js-flipmyfront{

    opacity: 0.1 !important;
     -webkit-transform: rotateY(180deg) !important;
             transform: rotateY(180deg) !important;
}

.js-reversemyfront{

    opacity: 1 !important;
     -webkit-transform: rotateY(0deg) !important;
             transform: rotateY(0deg) !important;
}


.js-flipmyback{
    opacity: 1 !important;
     -webkit-transform: rotateY(0deg) !important;
             transform: rotateY(0deg) !important;
}

.js-reversemyback{
    opacity: 0.1 !important;
     -webkit-transform: rotateY(180deg) !important;
             transform: rotateY(180deg) !important;
}