/* -- css for housing matters -- */




@font-face
{
font-family: mons-bold;
src: url("fonts/mons/Montserrat-Bold.ttf");
}


@font-face
{
font-family: mons;
src: url("fonts/mons/Montserrat-Regular.ttf");
}



@font-face
{
font-family: open;
src: url("fonts/open-sans/OpenSans-Regular.ttf");
}



@font-face
{
font-family: open-bold;
src: url("fonts/open-sans/OpenSans-Bold.ttf");
}


@font-face
{
font-family: open-light;
src: url("fonts/open-sans/OpenSans-Light.ttf");
}


@font-face
{
font-family: open-med;
src: url("fonts/open-sans/OpenSans-Semibold.ttf");
}










body { margin: 0px;
       paddding: 0px;
       font-family: open;
       letter-spacing: 0.4px;
       overflow-y: auto;
     }




select,
option,
input,
button,
textarea { font-family: open;
           outline: none;
           box-shadow: none;
           -webkit-box-shadow: none;
           -moz-box-shadow: none;  
           border-radius: 0px;
           border: none;
           background: none;
           letter-spacing: .4px;
           resize: none;
           -webkit-appearance: none;
           -moz-appearance: none;
           appearance: none; 
          }


div[contenteditable='true']:focus,
input:focus,
button:focus,
textarea:focus { outline: none;
                 background: none;
                 -webkit-appearance: none;
                 -moz-appearance: none;
                 appearance: none; 
                }



::-moz-placeholder,
::-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {  color: #AEB6BF;  }





.fixed_link { height: 100%;
              width: 100%;
              position: absolute;
              top: 0px;
              left: 0px;
             }



/* top bar */
.top_bar { height: auto;
           width: 100%;
           position: absolute;
           top: 0px;
           left: 0px;
           /*background: white;
           border-bottom: solid 1px #EBEBEB;*/
           z-index: 400;
           -webkit-transition: .25s ease;
          }


.bar_2 { -webkit-box-shadow: 0px 0px 15px #F5F5F5;
         position: fixed;
         background: white;
         } 


.bar_2 #logo_1 { display: none; }

.bar_2 #logo_2 { display: block; }

.center_bar { height: auto;
              width: 90%;
              max-width: 950px;
              position: relative;
              margin: 0 auto;
              padding: 35px 0px;
              overflow-y: auto;     
             }


.bar_2 .center_bar { padding: 30px 0px; }


.bar_logo { height: auto;
            width: 230px;
            position: relative;
            top: ;
           }


.bar_logo img { height: auto;   
                width: 100%;
              }


.bar_2 .bar_logo { width: 200px; }


#logo_2 { display: none; }



.bar_links_wrap { overflow: visible; 
                  margin-top: 16px;
                  }


.bar_2 .bar_links_wrap { margin-top: 13px; }

.bar_link { height: auto;
            width: auto;
            position: relative;
            display: inline;
            float: left;
            margin-left: 20px;
            font-size: 13px;
            color: white;
            text-transform: uppercase;
            cursor: pointer;
            font-family: open;
            letter-spacing: .6px;
            }


.bar_2 .bar_link { color: #AEB6BF; }


.bar_link:first-of-type { margin-left: 0px; }



.bar_button span { position: relative;
                   background: rgb(243,0,135);
                   color: white; 
                   padding: 6px 15px;
                 }




.smooth { -webkit-transition: .25s ease; }


._link { cursor: pointer; }




/* media query */
@media screen and (max-width: 700px) {
    
.right_float.bar_links_wrap { display: none; }
    
.bar_logo { width: 190px; }
    
.bar_2 .bar_logo { margin: 0 auto;
                   width: 180px;
                 }
    
.bar_2 .center_bar { padding: 20px 0px; }
    
    
} /* end of media query */







/* center block */
.center_event,
.center_block { height: auto;
                width: 90%;
                max-width: 950px;
                position: relative;
                margin: 0 auto;
                overflow-y: auto;
                z-index: 100;
                }



/* float block */
.float_wrap { height: auto;
              width: auto;
              position: relative;
              overflow-y: auto;
             }

.float_block { height: auto;
               width: auto;
               position: relative;
               display: inline;
             }



.left_float { float: left; }

.right_float { float: right; }



._link:hover { opacity: .8; } 




/* frame */
.frame { height: auto;
         width: 100%;
         position: relative;
         background: white;
        }




.frame_block { height: auto;
               width: 100%;
               position: relative;
              }



.fb_1 { /*background: rgb(139,40,153);*/} 


.footer.gradient,
.gradient { background: -moz-linear-gradient(0deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 100%);
            background: -webkit-linear-gradient(0deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 100%);
            background: -o-linear-gradient(0deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 100%);
            background: -ms-linear-gradient(0deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 100%);
            background: linear-gradient(0deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 100%); 
             }






.fb_1 .center_block { padding: 0px;
                      background: ;
                      overflow: visible;
                      top: 37%;
                     }




.block_text,
.block_title { height: auto;
               width: auto;
               position: relative;
               }
            


.block_title { font-family: mons;
               font-size: 24px;
               color: rgb(243,0,135);
               text-transform: uppercase;
               padding-bottom: 20px;
              }


.block_title:before { content: "";
                      height: 4px;
                      width: 15px;
                      position: absolute;
                      bottom: 0px;
                      left: 0px;
                      background: rgb(243,0,135);
                    }


.block_text { font-size: 16px;
              color: rgb(20,20,20);
              font-family: open;
             }



.cover_title { font-size: 55px;
               width: 100%;
               text-transform: capitalize;
              }


.fb_1 .block_text { margin-top: 20px;
                    width: 100%;
                    max-width: 650px;
                    font-size: 20px;
                    font-family: open;
                    line-height: 30px;
                   }


.highlight { font-style: italic;
             color: rgb(243,0,135);
           }



.fb_1 .block_text,
.cover_title  { color: white;
                /*text-shadow: 0px 0px 35px lightblue;*/
               }


.cover_title a { color: inherit;
                 text-decoration: none; 
                }


.cover_title:before { display: none; }


.block_button { height: auto;   
                width: 220px;
                position: relative;
                margin-top: 35px;
                font-size: 15px;
                border: solid 1px white;
                color:white;
                padding: 10px 0px;
                cursor: pointer;
                font-family: open;
                text-align: center;
                text-transform: uppercase;
               }




.skyline { height: 100%;
           width: 100%;
           position: absolute;
           top: 0px;
           left: 0px;
           background-image: url('pics/pic-1.jpg');
           background-size: cover;
           background-position: center center;
           background-repeat: no-repeat;
          }



.par { height: auto;    
       width: 100%;
       position: relative;
       margin: 0 auto;
       margin-top: 10px;
     }


.par:first-of-type { margin-top: 0px; }



/* media query */
@media screen and (max-width: 600px) {
    
.fb_1 .center_block { top: 35%; }
    
.cover_title, 
.fb_1 .block_text { width: 100%; }
    

    
.cover_title { font-size: 35px;
               width: 100%;
              }
    
    
.fb_1 .block_title { font-size: 35px; }
    
.fb_1 .block_text { font-size: 18px;
                    line-height: 22px;
                  }
    
    
    
.block_button { font-size: 14px;
                width: 210px;
                margin-top: 20px;
               }
    
    
} /* end of media */















/* block 2 */
.fb_2 { background: white; }


.fb_2 .center_block { padding: 125px 0px;
                      overflow: visible;
                     }


.soon_text { height: auto;
             width: 100%;
             position: relative;
             margin-top: 15px;
             font-size: 21px;
             color: rgb(110,0,112);
            }
            


.events_wrap { height: auto;
               width: 100%;
               position: relative;  
               margin-top: 30px;
              }


.fb_2 .events_wrap { overflow-y: auto; }




.fb_2 .events_wrap:before { content: "";
                            height: 100%;
                            width: 2px;
                            background: rgb(184,184,184);
                            position: absolute;
                            top: 0px;
                            left: 50%;
                            margin-left: -1px;
                            }

.event_block { height: auto;        
               width: 100%;
               position: relative;
               overflow-y: auto;
             }


.event_details { width: 45%; }


.event_buttons { width: 45%; }


.event_button { height: auto;
                width: auto;
                position: relative;
                }


.e_text { height: auto;
          width: 100%;
          position: relative;
         }


.e_date { font-size: 15px;
          font-family: open-med;
          color: rgb(110,0,112);
          text-transform: uppercase;
         }

        
.e_title { color: rgb(110,0,112);
           font-family: mons-bold;
           font-size: 32px;
           margin: 15px 0px;
           text-transform: capitalize;
          }


.e_description { line-height: 26px;
                 font-size: 16px;
                 font-family: open;
                 color: rgb(59,59,59);
                }


.e_location { margin-top: 15px; }



.sticker { height: auto;
           width: auto;
           position: relative;
           display: inline;
           float: left;
            }

.sticker img { height: 60px;
              width: auto;
              }

.e_info { height: auto;
          width: auto;
          position: relative;
          display: inline;
          float: left;
          margin-left: 10px;
          margin-top: 12px;
          text-transform: uppercase;
          font-size: 13px;
          }




.e_info div { height: auto;
              width: auto;
              position: relative;
              color: rgb(110,0,112);
              margin-top: 1px;
             }

.e_info div:first-of-type { margin-top: 0px; }




.event_video { height: 210px;
               width: 100%;
               position: relative;
               margin: 0 auto;
               background-color: #F9F9F9;
               background-image: url('pics/rent-control.png');
               background-size: cover;
               background-position: center center;
               background-repeat: no-repeat;
              }


.event_video:before { content:"";
                      border-top: solid 20px transparent;
                      border-bottom: solid 20px transparent;
                      border-left: solid 30px white;
                      position: absolute;
                      top: 50%;
                      margin-top: -20px;
                      left: 50%;
                      margin-left: -15px;
                      display: none;
                     }

.buttons_wrap { height: auto;
                width: 80%;
                max-width: 200px;
                position: relative;
                margin: 0 auto;
                margin-top: 25px;
                font-family: mons;
                }

.float_button { height: auto;
                width: auto;
                position: relative;     
                display: inline;
                float: left;
                margin-left: 25px;
                margin-top: 12px;
                }


.float_button:first-of-type { margin-left: 0px; }

.e_button { height: auto;
            width: 100%;
            position: relative;
            background: rgb(107,39,111);
            color: white;
            padding: 11px 0px;
            text-align: center;
            font-size: 13px;
            text-transform: uppercase;
            cursor: pointer;
            }



.tito-tickets-button { padding: 0px;
                       height: auto;
                       margin: 0px;
                       width: 100%;
                       font-family: mons;
                        }


.flyer_button { background: rgb(243,0,135);
                color: white;
                width: 100%;
                padding: 11px 0px;
                text-align: center;
                font-size: 13px;
                text-transform: uppercase;
                cursor: pointer;
                margin-top: 15px;
               }



.flyer_button:hover { opacity: .7; }



/* media query */
@media screen and (max-width: 800px) {

        
.fb_2 .center_block { padding: 8% 0px; }
    
    

.fb_2 .events_wrap:before { display: none; }

.block_title {  font-size: 19px; }    


.event_details,
.event_buttons { width: 100%; }
    
.event_buttons { margin-top: 5%; }
    
    
.e_date { font-size: 14px; }
    
.e_title { font-size: 25px;
           margin: 5px 0px;
         }
    

    
.e_description { font-size: 15px;
                 line-height: 24px;
               }
    
    
.e_info_wrap .left_float,
.e_info_wrap .float_block { width: 100%; }
    

    
.e_info { width: 75%;
          margin-top: 14px;
          font-size: 11px;
            }
    
    
     
    
    

    
    
} /* end of media */













/* block 3 */
.fb_3 { background: rgb(110,0,112); background: rgb(235,235,235); }


.fb_3 .center_block { padding: 125px 0px; }


.past_block { margin-top: 10%;
              border-top: solid 1px rgb(192,192,193);
              padding-top: 10%;
             }


.past_block:first-of-type { margin-top: 0px;
                            padding-top: 0px;
                            border: none;
                           }

.past_block:last-of-type { border-bottom: 0px;
                           padding-bottom: 0px;
                           }



.fb_3 .left_float { width: 40%; }

.fb_3 .right_float { width: 50%; }


.event_pic { height: auto;
             width: auto;
             position: relative;
             background: white;
             overflow: hidden;
             border: solid 2px rgb(243,0,135);
             }



.event_pic img { height: auto;  
                 width: 100%; 
                 position: relative;
                 vertical-align: top;
                }



.pic_info_wrap { height: auto;
                 width: 100%;   
                 position: relative;
                 margin-top: 25px;
                 overflow-y: auto;
                 }


.pic_info_wrap .float_block { margin-left: 5%; }

.pic_info_wrap .float_block:first-of-type { margin-left: 0px; }


.pic_text,
.pic_title { height: auto;
             width: auto;
             position: relative;
             color: rgb(119,51,134);
             }


.pic_title { font-family: open-bold;
             text-transform: uppercase;
             font-size: 13px;
            }



.pic_text { margin-top: 5px;
            font-size: 14px;
            font-family: open-light;
           }

.pic_text img { height: 15px;
                width: auto;
                position: relative;
                top: 2.2px;
                margin-right: 8px;
               }



.past_date { height: auto;
             width: 100%;       
             position: relative;
             font-size: 18px;
             color: rgb(119,51,134);
             text-transform: uppercase;
             font-family: open-bold;
             padding-top: 15px;
             }


.past_date:before { content: "";
                      height: 4px;
                      width: 15px;
                      position: absolute;
                      top: 0px;
                      left: 0px;
                      background: rgb(243,0,135);
                    }


.past_block:first-of-type .past_date:before { display: none; }



.fb_3 .e_title { color: rgb(119,51,134);
                 font-size: 18px;
                 margin-top: 10px;
                 font-family: open-light;
               }




.fb_3 .e_text { font-size: 16px;
                margin-top: 24px;
                line-height: 26px;
                font-family: open-light;
                color: rgb(59,59,59);
                }




.more_past_wrap { height: auto;
                  width: 100%;
                  position: relative;
                  display: none;            
                 }


.more_past_wrap .past_block:first-of-type { margin-top: 10%;        
                                            border-top: solid 1px rgb(192,192,193);
                                            padding-top: 10%;
                                           }

.more_past_wrap .past_block:first-of-type .past_date:before { display: block; }


.more_past_button { height: auto;
                    width: 100%;
                    position: relative;
                    padding: 13px 0px;
                    color: white;
                    text-align: center;
                    font-family: open-med;
                    text-transform: uppercase;
                    background: rgb(243,0,135);
                    font-size: 14px;
                    cursor: pointer;
                   }



.more_past_button span { position: relative;
                         top: 1px;
                       }



.more_past_button img { height: 15px;
                        width: auto;
                        position: relative;
                        margin-left: 6px;
                        top: 3.5px;
                        -webkit-transform: rotate(90deg);
                       }


.open.more_past_button img { -webkit-transform: rotate(-90deg); }




/* media query */
@media screen and (max-width: 800px) {
    
.fb_3 .center_block { padding: 10% 0px; }
    
   
    
.fb_3 .left_float,
.fb_3 .right_float { width: 100%; }
    
    
    
.fb_3 .right_float { margin-top: 25px; }
    
    
.past_date { font-size: 20px; }
    
    
.fb_3 .e_title { font-size: 16px; } 
    
.fb_3 .e_text { font-size: 14px;
                line-height: 21px;
              }
    

.fb_3 .pic_info_wrap .float_block,
.fb_3 .pic_info_wrap .left_float { 
                                   margin-left: 0px; 
                                    width: 50%; 
                                  }
    
    
} /* end of media query */























/* -- block 4 -- */
.fb_4 { background: rgb(139,40,153);
        overflow-y: auto;
        }



.fb_4 .float_block { width: 50%; }



.cover_pic{ height: 100%;
            width: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            background-image: url('graphics/map-2.png');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
          }


.center_float_text { height: auto;
                     width: 70%;
                     position: absolute;
                     top: 50%;
                     left: 15%;
                     margin-top: -24px;
                     text-align: center;    
                     color: white;
                     font-size: 16px;
                   }


.center_float_text div { height: auto;
                         width: 100%;
                         position: relative;
                         }


.center_float_text div:nth-of-type(1) { padding-bottom: 20px; }

.center_float_text div:nth-of-type(1):before { content: "";
                                               height: 2px;
                                               width: 60px;
                                               position: absolute;
                                               bottom: 0px;
                                               left: 50%;
                                               margin-left: -30px;
                                               background: white;
                                              }

.center_float_text div:nth-of-type(2) { padding-top: 15px; }

.center_float_text div img { height: 50px;
                             width: auto;
                            }

.fb_4 .left_float { background: rgb(139,40,153); }

.fb_4 .right_float { background: rgb(235,235,235); }


.fb_4 .block_text { font-size: 15px; }

.center_float { height: auto;
                width: 75%;
                position: relative;
                margin: 0 auto;
                padding: 16% 0px;
                }
    


.input_wrap { height: auto; 
              width: 70%;
              position: relative;
              margin-top: 10px;
            }


.input { height: 40px;
         width: 100%;
         position: relative;
         left: 0%;
         font-size: 15px;
         color: rgb(20,20,20);
         text-align: left;
         text-indent: 10px;
         background: white;
         border: solid 2px #EBEBEB;
         }


.input::-webkit-placeholder,
.input::placeholder { color: ; }



.input:focus { background: white; }


.postal { margin-top: 10px; }

.submit_button { height: auto;
                 width: 110px;
                 position: relative;
                 margin-top: 15px;
                }

.submit_input { height: 35px;
                width: 100%;
                position: relative;
                background: rgb(243,0,135);
                color: white;
                text-align: center;
                font-size: 14px;
                font-family: open;
                cursor: pointer;    
                text-transform: uppercase;
                }



.bold { font-family: mons-bold; }




.foot_links_wrap { height: auto;
                   width: 100%;
                   position: relative;
                   padding: 25px 0px;
                }


.foot_link { height: auto;
             width: 100%;
             position: relative;
             margin-top: 10px;
             font-size: 15px;
             color: rgb(20,20,20);
            }

.foot_link:first-of-type { margin-top: 0px; }


.foot_link img { height: 30px;
                 width: auto;
                 position: relative;
                 top: 0px;
                 margin-right: 8px;
               }


.foot_link span { position: relative;
                  top: -10px;
                 }
   


/* media query */
@media screen and (max-width: 800px) {
    
.fb_4 .float_block { width: 100%; }
    
    
.foot_link { font-size: 12px; }
    
.input_wrap { width: 100%; }
    

.fb_4 .left_float { padding: 20% 0px; }
    
.center_float_text { height: auto;
                     width: 70%;
                     position: relative;
                     top: 0%;
                     left: 0%;
                     margin-top: 0px;
                     margin: 0 auto;
                     color: white;
                     font-size: 16px;
                   }
    
} /* end of media */

























/* slack page */
.slack_block { background: white; }

.slack_block .cover_title { font-size: 38px;
                            width: 85%;
                            margin: 0 auto;
                            line-height: 50px;
                            color: rgb(20,20,20);
                            text-align: center;
                            }


.slack_block .block_text { width: 75%;
                           margin-left: auto;
                           margin-right: auto;
                           color: rgb(20,20,20);
                           text-align: center;
                           font-size: 18px;
                           line-height: 24px;
                          }  




.slack_block .center_block { padding: 125px 0px; }



.slack_button { height: 50px;
                width: 160px;
                position: relative;
                margin: 0 auto;
                margin-top: 35px;
                border-radius: 6px;
                background-color: #F1F1F1;
                border: solid 1px #EBEBEB;
                background-image: url('graphics/slack.png');
                background-size: 65% auto;
                background-repeat: no-repeat;
                background-position: center center;
                cursor: pointer;
               }


.slack_button:hover { opacity: .8; }




/* media query */
@media screen and (max-width: 600px) {
    
    
.slack_block .center_block { padding: 35px 0px; }
        
.slack_block .cover_title { font-size: 24px;
                            line-height: normal;
                            text-align: left;
                            width: 100%;
                            max-width: none;
                           }    
    
    
.slack_block .block_text { width: 100%;
                           text-align: left;        
                          }
    
    
    
.slack_button { margin: 25px 0px 0px 0px;
                width: 120px;
                height: 45px;
              }

    
    
} /* end of media */







/* block 5 */
.fb_5 { background: rgb(249,90,185); background: rgb(234,234,234); }


.fb_5 .center_block { padding: 3% 0px; }


.fb_5 .block_text { color: rgb(119,51,134);
                    text-align: center;
                    font-size: 16px;
                    max-width: ;
                    margin: 0 auto;
                    line-height: 26px;
                    }


.fb_5 .block_button { margin: 0 auto;
                      width: 100px;
                      margin-top: 20px;
                      border-color: rgb(243,0,135);
                      color: rgb(243,0,135);
                      font-size: 13px;
                      padding: 6px 0px;
                      font-family: open-bold;
                     }



/* media query */
@media screen and (max-width: 600px) {
    
.fb_5 .center_block { padding: 6% 0px; }

.fb_5 .block_text {  font-size: 13px;
                     line-height: 21px;
                    }
    
    
} /* end of media query */









/* -- block 6 -- */
.fb_6 { background: white; }


.fb_6 .center_block { padding: 125px 0px; }


.faq_wrap { height: auto;
            width: 100%;
            position: relative;
            overflow-y: auto;
            margin-top: 5%;
            }



.faq_block { height: auto;
             width: 100%;
             position: relative;
             border-top: solid 2px #EBEBEB;
             padding: 25px 0px;
             }


.faq_block:first-of-type { border-top: 0px;
                           padding-top: 0px;          
                          }




.question,
.answer { height: auto;
          width: 100%; 
          position: relative;
         }


.question { font-family: open;
            font-size: 19px;
            color: rgb(119,51,134);      
            cursor: pointer;
            }


.question:before { content: "";
                   height: 15px;
                   width: 15px;
                   position: absolute;
                   top: 7px;
                   right: 0px;
                   background-image: url('graphics/arrow-down.png');
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                  }
                   


.open .question:before { display: none; }



.answer { font-size: 15px;
          color: rgb(150,150,150); color: #85929E;
          margin-top: 10px;
          line-height: 22px;
          font-family: open;
          color: rgb(59,59,59);
          display: none;
          }  


.faq_block:first-of-type .answer { display: block; }


 
.answer a { color: inherit; }


.answer span { font-weight: 600; }


/* media query */
@media screen and (max-width: 600px) {
    

.fb_6 .center_block { padding: 35px 0px; }
    

    
} /* end of media query */





.underline { height: auto;
             width: auto;
             position: relative;
             /*text-decoration: underline;*/
             cursor: pointer;
            }








/* pop up */
.pop_wrap { height: 100%;
            width: 100%;
            position: fixed;
            top: 0px;
            left: 0px;
            overflow: hidden;
            z-index: 700;
            background: rgba(0,0,0,.5);
            display: none;
             }


.pop_block { height: auto;
             width: 80%;
             max-width: 500px;
             position: relative;
             margin: 0 auto;
             top: 50%;
             background: white;
             -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.2);
             -moz-box-shadow: 0px 0px 25px rgba(0,0,0,.2);
             box-shadow: 0px 0px 25px rgba(0,0,0,.2);
             -webkit-animation: zoom_in .35s ease;
             -moz-animation: zoom_in .35s ease;
             animation: zoom_in .35s ease;
            }




.center_pop { height: auto;
              width: 82%;
              position: relative;
              margin: 0 auto;
              padding: 8% 0px;
              }



.pop_logo { height: auto;
            width: 55%;
            position: relative;
            margin: 0 auto;
            }


.pop_logo img { height: auto;   
                width: 100%;
               }



.pop_text { height: auto;   
            width: 100%;
            position: relative;
            text-align: center;
            font-size: 12px;
            color: rgb(60,60,60);    
            padding: 2.5% 0px;
            }


.pop_block .submit_button { margin-left: auto;
                            margin-right: auto;
                            width: 140px;
                            overflow: hidden;
                            }        



.pop_block .submit_input { height: 45px;
                           top: 3px;
                          }



.pop_button { height: auto; 
              width: 100px;
              position: relative;
              margin: 0 auto;
              text-align: center;
              color: rgb(160,160,160);
              margin-top: 2.5%;
              cursor: pointer;
              text-transform: capitalize;
              font-size: 14px;
             }



.pop_button:hover { opacity: .6; }


.cancel_button { height: 16px;
                 width: 16px;
                 position: absolute;
                 top: 5%;
                 right: 4%;
                 -wbekit-transform: rotate(45deg);
                 -moz-transform: rotate(45deg);
                 transform: rotate(45deg);      
                 cursor: pointer;
                 }


.cancel_button:hover { opacity: .6; }

.cancel_button:after { content: "";
                       height: 100%;
                       width: 2px;
                       position: absolute;  
                       top: 0px;
                       left: 50%;
                       margin-left: -1px;
                       background: red;
                     }


.cancel_button:before { content: "";
                        height: 2px;
                        width: 100%;
                        position: absolute;
                        top: 50%;
                        margin-top: -1px;
                        left: 0px;
                        background: red;
                       }


@-webkit-keyframes zoom_in {
    
0%    { -webkit-transfrom: scale(0,0); }
50%   { -webkit-transform: scale(1.1,1.1); }
100%  { -webkit-transform: scale(1,1); }
    
    
} /* end of keyframes */






/* overwrite */
#mc-embedded-subscribe { width: 100% !important;
                         margin: 0 auto !important;
                        }