/* BANNER */
#tutos #slider { width: 100%; display: block; height: 300px; position: relative; z-index: 9997; top: 100px;  }
#tutos #slider .slide { height: 300px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
#tutos #slider .mask_slider { height: 300px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) }
#tutos #slider .centered { z-index: 1; position: relative; padding-top: 110px;}
#tutos #slider h1 { width: auto; float: left; color: #fff; font-size: 50px; line-height: 50px; font-weight: 300; font-family: Oswald  }
#tutos #slider h1:after {
    transition: all ease-in-out .2s;
    background: #fff;
    content: "";
    display: block;
    height: 3px;
    width: 70px;
    margin-left: 0px;
    margin-top: 20px;
}

@media (max-width: 768px) {
    #tutos #slider { width: 100%; display: block; height: 200px; position: relative; z-index: 9997; top: 100px;  }
    #tutos #slider .slide { height: 200px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
    #tutos #slider .mask_slider { height: 200px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) }
    #tutos #slider .centered { z-index: 1; position: relative; padding-top: 60px; width: calc(100% - 20px); margin-left: 20px}
    #tutos #slider h1 { width: auto; float: left; color: #fff; font-size: 40px; line-height: 40px; font-weight: 300; font-family: Oswald  }
}



/* HOME FIRST */ 
#tutos #corps { width: 100%; background: #fff; clear:both; float: left; position: relative }
#tutos .content { width:1200px; display: table; margin: auto; }  

@media (max-width: 768px) {
    #tutos .content { margin:auto; width:calc(100% - 40px); margin-left:20px; }
}

#tutos .item { float: left; width: 100%; margin-bottom:30px; padding-bottom: 40px; border-bottom:1px solid #333; }
#tutos .item .left { width: 50%; float: left;}
#tutos .item .right { width: 50%; float: right; text-align: right; }
#tutos .item .title { color:#bb245e; font-size: 30px; line-height: 36px; float: left; font-family: Oswald; text-transform: uppercase; }
#tutos .item .title:after {
    transition: all ease-in-out .2s;
    background: #bb245e;
    content: "";
    display: block;
    height: 3px;
    width: 70px;
    margin-left: 0px;
    margin-top: 10px;
}
#tutos .item .subtitle { color: #333; font-size: 24px; line-height: 24px; float: left; font-family: Galada, cursive; }
#tutos .item .right img { height: 375px; border:5px solid #ece9e5; }
#tutos .item .right iframe { height: 375px; border:5px solid #ece9e5; }

@media (max-width: 768px) {
    #tutos .item .left { width: 100%; float: left; margin-bottom: 20px; }
    #tutos .item .right { width: 100%; float: right; text-align: right; }
    #tutos .item .right iframe { width: 100%; }



}