/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.09.2016, 11:43:02
    Author     : barthelfr
*/
#t3-sticky .right .itemContainer {
   right:-265px;    
}

#t3-sticky .right .itemContainer.opened{
    right:0
}

#t3-sticky .right > div > div.itemContainer:nth-child(1) {
    top: 350px;
}

#t3-sticky .right > div > div.itemContainer:nth-child(2) {
    top: 500px;
    height:170px;
}

#t3-sticky .right > div > div.itemContainer:nth-child(3) {
    top: 450px;
}

#t3-sticky  .right > div > div.itemContainer{
    position: fixed;
    width: 300px;
    height: 130px;
    padding:0;
    text-align: center;
    background: #555;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 666;
    
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
    background:#005fb7; color:#FFF;
    border:1px solid #005fb7;
}
#t3-sticky  .right > div > div.itemContainer > div {position:relative;height:100%;}
#t3-sticky  .right > div > div.itemContainer .moduleItemIntrotext {
    height:100%;
/*    top: 150px;*/
    width: 100%;
    padding: 10px;
    margin-left:35px;
    background:#FFF;
    color: #000;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    z-index: 7777;
}

#t3-sticky  .right > div > div.itemContainer .moduleItemTitle {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    bottom:10px;
    transform: rotate(-90deg);
    z-index:8888;
    width:35px;
    margin:0;padding:0 0 0 20px;;
    position:absolute;
}


/***********************************************************************
LEFT
*/


#t3-sticky .left .itemContainer {
   left:-265px;    
}

#t3-sticky .left .itemContainer.opened{
    left:0
}

#t3-sticky .left > div > div.itemContainer:nth-child(1) {
    top: 150px;
}

#t3-sticky .left > div > div.itemContainer:nth-child(2) {
    top: 500px;
    height:170px;
}

#t3-sticky .left > div > div.itemContainer:nth-child(3) {
    top: 450px;
}

#t3-sticky  .left > div > div.itemContainer{
    position: fixed;
    width: 300px;
    height: 130px;
    padding:0;
    text-align: center;
    background: #555;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 99998;
    background:#009fe3; 
	color:#FFF;
	border:1px solid #fff;

}
#t3-sticky  .left > div > div.itemContainer > div {position:relative;height:100%;}
#t3-sticky  .left > div > div.itemContainer .moduleItemIntrotext {
    height:100%;
/*    top: 150px;*/
    width: 100%;
    padding: 30px 10px 10px 10px;
    width:265px;
	 background:#FFF;
    color: #009fe3;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    z-index: 777;
	font-size:22px;
}

#t3-sticky  .left > div > div.itemContainer .moduleItemTitle {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    top:20px;
    transform: rotate(90deg);
    z-index:8888;
    width:35px;
    margin:0;padding:0 20px 0 0;
    position:absolute;
	font-size:22px;
        right:0;
}




/* 
   ICON right
*/
#t3-sticky .iconright .itemContainer {
   right:-250px;    
}

#t3-sticky .iconright .itemContainer.opened{
    right:0
}

#t3-sticky .iconright > div > div.itemContainer:nth-child(1) {
    top: 60px;
}

#t3-sticky .iconright > div > div.itemContainer:nth-child(2) {
    top: 120px;
    
}

#t3-sticky .iconright > div > div.itemContainer:nth-child(3) {
    top: 150px;
}

#t3-sticky  .iconright > div > div.itemContainer{
    position: fixed;
    width: 300px;
    height: 50px;
    ;
    
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 666;
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background:#FFF;
    overflow:hidden;
    
   border:1px solid #005fb7;
}
#t3-sticky  .iconright > div > div.itemContainer > div {position:relative;height:100%;}
#t3-sticky  .iconright > div > div.itemContainer .moduleItemIntrotext {
    
}


#t3-sticky  .iconright > div > div.itemContainer .fa {font-size:30px;
   
    vertical-align:middle;
    background:#005fb7; color:#FFF;
    border:1px solid #005fb7;
    padding:10px; margin-right:30px;
    display:inline-block; width: 50px; height:50px;
}