/*****************************************/    
/*****         BACKGROUND          ******/
/*****************************************/  

.bg-poshiv-01 {background-color: #C0C0FF; min-height:350px;}
.bg-poshiv-02 {background-color: #FFC0FF; min-height:350px;}
.bg-poshiv-03 {background-color: #FFDA99; min-height:350px;}
.bg-poshiv-04 {background-color: #BFCEB2; min-height:350px;}

.bg-poshiv-05 {background-color: #DFE3F3; min-height:350px;}
.bg-poshiv-06 {background-color: #F7D3D3; min-height:350px;}
.bg-poshiv-07 {background-color: #FBD2B1; min-height:350px;}
.bg-poshiv-08 {background-color: #FDEBAB; min-height:350px;}

.bg-poshiv-09 {background-color: #E9E1E1; min-height:350px;}
.bg-poshiv-10 {background-color: #E7D3D3; min-height:350px;}
.bg-poshiv-11 {background-color: #EAD6C8; min-height:350px;}
.bg-poshiv-12 {background-color: #F6E6C0; min-height:350px;}



/* #E4EDB5 light green */
/* #E5F5FD  light blue */


/********************************/    
/*****      BORDER          ******/
/********************************/    

.border-poshiv-01,
.border-poshiv-02,
.border-poshiv-03,
.border-poshiv-04,

.border-poshiv-05,
.border-poshiv-06,
.border-poshiv-07,
.border-poshiv-08,

.border-poshiv-09,
.border-poshiv-10,
.border-poshiv-11,
.border-poshiv-12

{
border-radius: 10px;
outline-offset:2px; 
padding: 15px 15px 10px 22px;
}


.border-poshiv-01 {outline:  2px dashed  #ACAEFC;}
.border-poshiv-02 {outline:  2px dashed  #F3AFFD;}
.border-poshiv-03 {outline:  2px dashed  #F8CD88;}
.border-poshiv-04 {outline:  2px dashed  #B4C3A1;}

.border-poshiv-05 {outline:  2px dashed  #D0D6EE;}
.border-poshiv-06 {outline:  2px dashed  #F4C2C2;}
.border-poshiv-07 {outline:  2px dashed  #FAC79E;}
.border-poshiv-08 {outline:  2px dashed  #FDE697;}

.border-poshiv-09 {outline:  2px dashed  #E1D5D5;}
.border-poshiv-10 {outline:  2px dashed  #E0C6C6;}
.border-poshiv-11 {outline:  2px dashed  #E5CCB9;}
.border-poshiv-12 {outline:  2px dashed  #F4DEAE;}


.border-poshiv-01:hover,
.border-poshiv-02:hover,
.border-poshiv-03:hover,
.border-poshiv-04:hover,

.border-poshiv-05:hover,
.border-poshiv-06:hover,
.border-poshiv-07:hover,
.border-poshiv-08:hover,

.border-poshiv-09:hover,
.border-poshiv-10:hover,
.border-poshiv-11:hover,
.border-poshiv-12:hover {
outline:  2px dashed  #B52D67;
}



/*********************************/    
/*****        BTN DIV        ******/
/********************************/   
.btn-poshiv-position {
text-align:center; 
padding:7px 0px 5px 0px;
}


/*********************************/    
/*****        BUTTON        ******/
/********************************/   

.btn-poshiv-01,
.btn-poshiv-02,
.btn-poshiv-03,
.btn-poshiv-04,
.btn-poshiv-05,
.btn-poshiv-06,
.btn-poshiv-07,
.btn-poshiv-08,
.btn-poshiv-09,
.btn-poshiv-10,
.btn-poshiv-11,
.btn-poshiv-12 {    
display: inline-block;
padding: 6px 6px 6px 19px;
background-color: transparent;
border-radius: 10px;
transition: 0.2s ease;
font-size:14px;
color: #2E0202;
border: 2px solid #2E0202;
}


@media only screen and (max-width:768px) {
.btn-poshiv-01,
.btn-poshiv-02,
.btn-poshiv-03,
.btn-poshiv-04,
.btn-poshiv-05,
.btn-poshiv-06,
.btn-poshiv-07,
.btn-poshiv-08,
.btn-poshiv-09,
.btn-poshiv-10,
.btn-poshiv-11,
.btn-poshiv-12 {
font-size:16px; 
padding: 8px 9px 8px 21px;
}}



.btn-poshiv-01 i, 
.btn-poshiv-02 i, 
.btn-poshiv-03 i, 
.btn-poshiv-04 i, 
.btn-poshiv-05 i, 
.btn-poshiv-06 i, 
.btn-poshiv-07 i, 
.btn-poshiv-08 i, 
.btn-poshiv-09 i, 
.btn-poshiv-10 i, 
.btn-poshiv-11 i, 
.btn-poshiv-12 i {
margin-left: -8px;
opacity: 0;
transition: margin 0.2s ease , opacity 0.2s ease , padding 0.2s ease;
}


.btn-poshiv-01:hover, 
.btn-poshiv-02:hover, 
.btn-poshiv-03:hover, 
.btn-poshiv-04:hover,
.btn-poshiv-05:hover, 
.btn-poshiv-06:hover, 
.btn-poshiv-07:hover, 
.btn-poshiv-08:hover, 
.btn-poshiv-09:hover, 
.btn-poshiv-10:hover, 
.btn-poshiv-11:hover, 
.btn-poshiv-12:hover {
color: #2E0202;
font-weight:bold;
text-decoration:none;
border: 2px solid #2E0202;
}



.btn-poshiv-01:hover {background-color: #C8CCFE;}
.btn-poshiv-02:hover {background-color: #F8CCFE;} 
.btn-poshiv-03:hover {background-color: #FAE2B8;} 
.btn-poshiv-04:hover {background-color: #C7D2BA;}
.btn-poshiv-05:hover {background-color: #E4E8F6;} 
.btn-poshiv-06:hover {background-color: #F9D9D9;} 
.btn-poshiv-07:hover {background-color: #FCD6B8;} 
.btn-poshiv-08:hover {background-color: #FEEDB2;} 
.btn-poshiv-09:hover {background-color: #EDE5E5;} 
.btn-poshiv-10:hover {background-color: #EAD8D8;}
.btn-poshiv-11:hover {background-color: #EDDBCD;}
.btn-poshiv-12:hover {background-color: #F7E8C7;}

   
.btn-poshiv-01:hover i,
.btn-poshiv-02:hover i,
.btn-poshiv-03:hover i,
.btn-poshiv-04:hover i,
.btn-poshiv-05:hover i,
.btn-poshiv-06:hover i,
.btn-poshiv-07:hover i,
.btn-poshiv-08:hover i,
.btn-poshiv-09:hover i,
.btn-poshiv-10:hover i,
.btn-poshiv-11:hover i,
.btn-poshiv-12:hover i {
margin-left: 2px;
padding-right: 5px;
opacity: 1;
}