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

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

  @font-face
  {
   font-family: Baskvill;
   src:url(../fonts/baskvill/BASKVILL.TTF);
  }



  @media only screen and (max-width: 768px) 
  {
    #SocialLinks_Container{display:none !important; }
    .Links{display:none !important;}

    #Mobile_Menu_Icon{display:block !important;}

    .Block_inlineGallery_Container > .Blocks_Container > .Block > .Title{position:absolute; bottom:-25px; width:100%; height:20px; text-align:center; font-size:10px; color:#999; background2:Brown;}

    #Service_Blocks_Container >.Block{position:relative; padding-top:25px; width:33.3%; height:25%; background2:PINK; display:block; float:left; text-align:center; box-sizing:border-box; text-transform:uppercase; transition:background .7s; font-family:OpenSans_SemiBold; font-size:10px !important; color:#676767;}
  }

  @media only screen and (min-width: 769px) 
  {
    #MobileMenu_Container{display:none !important; background:chartreuse !important;}
  }







body{font-family:OpenSans;}

#Master_Div{position:absolute; top:0; left:0; width:100%; height:100%; background2:SILVER; opacity:0; transition:opacity .2s;}

.Page_Spacer{position:relative; width:100%; height:2em; display:block; float:left;}


#Static_Top_Menu_Container{position:fixed; top:0; left:0; width:100%; height:80px; background:WHITE; box-shadow:#999 0px 0px 4px; z-index:10;}
#Static_Top_Menu{position:relative; margin:auto; max-width:80vw; height:100%; background2:BLACK; display:flex; flex-direction:row;}
#Static_Top_Menu > .Logo{position:relative; padding-top:25px; width:150px; height:100%; font-weight:bold; font-size:19px; font-family:Arial, Helvetica, sans-serif; color:#727171; letter-spacing:1px;}
#Static_Top_Menu > .Logo:hover{cursor:pointer; color:#555555;}
#Static_Top_Menu > .Links{position:relative; margin:auto; min-width:200px; height:100%; background2:GREEN; display:flex; align-items:center;}
#Static_Top_Menu > .Links > .block{position:relative; width:100px; height:2em; font-size:14px; text-align:center; background2:PINK; text-transform:uppercase;}
#Static_Top_Menu > .Links > .block:hover{cursor:pointer; opacity:.9; font-weight:bold;}
#Static_Top_Menu > .Social{position:relative; width:200px; height:100%; background2:BLUE; display:flex; align-items:center;}
#Static_Top_Menu > .Social > .block{position:relative; margin:0 0 0 6px; width:30px; height:30px; background:PURPLE; display:block; float:left;}
#Static_Top_Menu > .Social > .block > .image{width:100% !important; height:100%;}
#Static_Top_Menu > .Social > .block:hover{cursor:pointer; opacity:.8;;}

#Mobile_Menu_Icon{position:absolute; top:20px; right:0; width:30px; height:30px; background-image:url(../images/svg/Hamburger_Menu.svg); background-repeat:no-repeat; opacity:.5; display:none;}
#Mobile_Menu_Icon:hover{cursor:pointer; opacity:.6;}

#MobileMenu_Container{position:fixed; padding:60px 0 0px 0; top:0; left:0; width:100%; min-height:150px;  box-shadow:#999 0px 0px 4px;  display:none;}
#MobileMenu_Container .block{position:relative; padding:8px 0 8px 0; width:100%; min-height:1em; text-align:center; background:WHITE; color:#525252; display:block; float:left;}
#MobileMenu_Container .block:hover{cursor:pointer; background:#525252; color:WHITE;}
#MobileMenu_Container .BlockSpace{position:relative; padding:3px 0 0px 0; width:100%; min-height:.5em; text-align:center; background:WHITE; color:#525252; display:block; float:left;}

/* Home Banner  */
#Home_Page_Banner_Container{position:relative; margin:auto;  width:100%; min-height:480px; max-height:750px; height:50vw; background2:BROWN; z-index:0; display:flex; align-items:center;}
#Home_Page_Banner_Background{position:absolute; top:0; left:0; width:100%; height:100%; background:SILVER; background-image:url(../images/banner/Home_Banner_1.jpg); background-size:cover; background-position:center; opacity:1;}
#Home_Page_Banner_TextBanner_Container{position:absolute; bottom:100px; left:0; padding:10px 0 8px 0; width:100%; min-height:60px; text-align:center; text-transform:uppercase; font-size:2.2em; font-family:Baskvill; background:WHITE; box-sizing:border-box; opacity:.85; z-index:2;}
#Home_Page_Banner_Logo{position:relative; margin:auto; padding-top2:-210px; width:35vw; max-width:300px; height:360px; background:BLACK; z-index:1; background:url(../images/com/ALLEC_Logo.png); background-size:contain; background-position:bottom; background-repeat:no-repeat;} 

/* Services Banner  */
#Services_Page_Banner_Container{position:relative; margin:auto;  width:100%; min-height:480px; max-height:750px; height:50vw; background2:BROWN; z-index:0; display:flex; align-items:center;}
#Services_Page_Banner_Background{position:absolute; top:0; left:0; width:100%; height:100%; background:SILVER; background-image:url(../images/banner/Services_Banner_1.png); background-size:cover; background-position:center; opacity:1;}
#Services_Page_Banner_TextBanner_Container{position:absolute; bottom:100px; left:0; padding:10px 0 8px 0; width:100%; min-height:60px; text-align:center; text-transform:uppercase; font-size:10vw; font-family:Baskvill; background2:WHITE; color:WHITE; box-sizing:border-box; opacity:.85; z-index:2; text-shadow: 2px 2px #000;}
#Services_Page_Banner_Logo{position:relative; margin:auto; padding-top2:-210px; width:35vw; max-width:200px; height:260px; background-color:BLACK; z-index:1; background:url(../images/com/ALLEC_Logo.png); background-size:contain; background-position:bottom; background-repeat:no-repeat;} 

/* About Banner  */
#About_Page_Banner_Container{position:relative; margin:auto;  width:100%; min-height:370px; max-height:750px; height2:50vw; background2:BROWN; z-index:0; display:flex; align-items:center;}
#About_Page_Banner_Background{position:absolute; top:0; left:0; width:100%; height:100%; background:SILVER; background-image:url(../images/banner/About_Banner_1.png); background-size:cover; background-position:center; opacity:1;}
#About_Page_Banner_TextBanner_Container{position:absolute; bottom:100px; left:0; padding:10px 0 8px 0; width:100%; min-height:60px; text-align:center; text-transform:uppercase; font-size:10vw; font-family:Baskvill; background2:WHITE; color:WHITE; box-sizing:border-box; opacity:.95; z-index:2; text-shadow: 2px 2px #000;}
#About_Page_Banner_Logo{position:relative; margin:auto; padding-top2:-210px; width:35vw; max-width:200px; height:260px; background-color:BLACK; z-index:1; background:url(../images/com/ALLEC_Logo.png); background-size:contain; background-position:bottom; background-repeat:no-repeat;} 


/* Bookings Banner  */
#Booking_Page_Banner_Container{position:relative; margin:auto;  width:100%; min-height:370px; max-height:750px; height2:50vw; background2:BROWN; z-index:0; display:flex; align-items:center;}
#Booking_Page_Banner_Background{position:absolute; top:0; left:0; width:100%; height:100%; background:SILVER; background-image:url(../images/banner/About_Banner_1.png); background-size:cover; background-position:center; opacity:1;}
#Booking_Page_Banner_TextBanner_Container{position:absolute; bottom:100px; left:0; padding:10px 0 8px 0; width:100%; min-height:60px; text-align:center; text-transform:uppercase; font-size:10vw; font-family:Baskvill; background2:WHITE; color:WHITE; box-sizing:border-box; opacity:.95; z-index:2; text-shadow: 2px 2px #000;}
#Booking_Page_Banner_Logo{position:relative; margin:auto; padding-top2:-210px; width:35vw; max-width:200px; height:260px; background-color:BLACK; z-index:1; background:url(../images/com/ALLEC_Logo.png); background-size:contain; background-position:bottom; background-repeat:no-repeat;} 




.Body_Content_Container{position:relative; margin:auto; margin-top:60px; width:80%; min-height:20vh; background2:chartreuse;}
.Body_Content_Container > .Title{position:relative; width:100%; text-align:center; font-size:22px; text-transform:uppercase; color:#c0aa3b; color:goldenrod; font-family:Baskvill; letter-spacing:1px;}
.Body_Content_Container > .TextContainer{position:relative; margin:10px 0 0 0; width:100%; text-align:center; font-size:16px;}
.Body_Content_Container > .TextContainer_SLIM{position:relative; margin:auto; margin-top:10px; width:60%; text-align:center; font-size:14px; background2:RED;}

.Block_inlineGallery_Container{position:relative; margin:auto; margin-top:50px; width:80vw; min-height:50px; background2:cornflowerblue;}
.Block_inlineGallery_Container > .Title_Container{position:relative; width:100%; min-height:2em; text-align:center; border-bottom:solid SILVER 1px;}
.Block_inlineGallery_Container > .Title_Container >.Text{position:relative; margin:auto; bottom:-20px; width:250px; min-height:1em; text-align:center; background:WHITE; font-size:22px; text-transform:uppercase; color:goldenrod; font-family:Baskvill; letter-spacing:1px; } 

.Block_inlineGallery_Container > .Blocks_Container{position:relative; margin-top:45px; padding-bottom:20px; width:100%; height2:150px; background2:coral; display:block; float2:left; display:flex; justify-content:space-evenly;}
.Block_inlineGallery_Container > .Blocks_Container > .Block{position:relative; width2:180px; height2:150px; width:15vw; height:11vw; background:BLACK; border-radius:3px; box-shadow:#999 0px 0px 4px; }
.Block_inlineGallery_Container > .Blocks_Container > .Block > .Title{position:absolute; bottom:-25px; width:100%; height:20px; text-align:center; color:#999; background2:Brown;}
.Block_inlineGallery_Container > .Blocks_Container > .Block:hover{cursor:pointer; opacity:.9;}
.Thumbnail >img{position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; object-fit:cover;}

#HomeThumbs_1{position:absolute; top:0; left:0; width:100%; height:100%; background-image2:url(../images/thumbs/home_Public_Events.png); background-size:cover; background-position:center;}
#HomeThumbs_2{position:absolute; top:0; left:0; width:100%; height:100%; background-image2:url(../images/thumbs/home_Products.png); background-size:cover; }
#HomeThumbs_3{position:absolute; top:0; left:0; width:100%; height:100%; background-image2:url(../images/thumbs/home_EventConsulting.png); background-size:cover; }
#HomeThumbs_4{position:absolute; top:0; left:0; width:100%; height:100%; background-image2:url(../images/thumbs/home_Weddings.png); background-size:cover; }
#HomeThumbs_5{position:absolute; top:0; left:0; width:100%; height:100%; background-image2:url(../images/thumbs/home_Floral_Arrangements.png); background-size:cover; }

.Footer_Container{position:relative; margin-top:80px; width:100%; height:200px; background2:#9c7979;}
.Footer_Container > .Brand_Text{position:relative; width:100%; text-align:center; color:#333; font-size:18px; font-weight:bold; color:#999; font-family:Arial, Helvetica, sans-serif; clear:both;}
.Footer_Container > .Social{position:relative; margin:auto; margin-top:40px; width:200px; height:30px; background2:BLUE; display:flex; justify-content:center;}
.Footer_Container > .Social > .block{position:relative; margin:0 0 0 6px; width:30px; height:30px; background2:PURPLE;}
.Footer_Container > .Social > .block:hover{cursor:pointer; opacity:.8;;}
.Footer_Container > .Contact_Text{position:relative; margin-top:12px; width:100%; text-align:center; font-size:12px; color:#333;}
.Footer_Container > .CopyrightBox{position:relative; margin:auto; margin-top:32px; padding-top:20px; width:100%; height:80px; text-align:center; font-size:10px; color:#555; border-top2:solid 1px silver; background:#f3f3f3;}



/*---------------- SERVICES -----------------------*/

#Services_List_Container{position:relative; margin-top:60px; padding-top:28px; width:100%; height:370px; background2:GREEN; background-image:url(../images/banner/Services_ServiceBox_Banner.png); background-size:cover; background-position:center; box-sizing:border-box;}
#Services_List_Container > .Text_Area_Container{position:relative; margin:auto; width:90%; height:315px;}
#Services_List_Container > .Text_Area_Container > .Background{width:100%; height:100%; border-radius:2px; background:WHITE; opacity:.5;}
#Service_Blocks_Container{position:absolute; margin:auto; top:5%; left:5%; width:90%; height:90%;}
#Service_Blocks_Container >.Block{position:relative; padding-top:25px; width:33.3%; height:25%; background2:PINK; display:block; float:left; text-align:center; box-sizing:border-box; text-transform:uppercase; transition:background .7s; font-family:OpenSans_SemiBold; font-size:14px; color:#676767;}
#Service_Blocks_Container >.Block:hover{background:WHITE; cursor2:pointer; font-size:15px; color:BLACK;}



/*---------------- GALLERY ------------------------------*/

#Gallery_Menu_Container{position:relative; width:100%; height:140px; display:block; background:BLACK; float:left;}
#Gallery_Menu_Container > .Links_Container{position:relative; margin:auto; margin-top:100px; width:80%; height:30px; backgroun2d:RED; display:flex; justify-content: space-between;}
#Gallery_Menu_Container > .Links_Container > .block{min-width2:15%; padding:0 2px 0 2px; min-height:1em; text-align:center; font-size:14px; display2:block; float2:left; color:WHITE; text-transform:uppercase;}


#GalleryThumbs_Container{position:relative; margin:25px 0 50px 0; width:100%; min-height:50vh; background2:RED; display:block; float:left; display:flex; flex-wrap: wrap; justify-content:space-evenly;}
#GalleryThumbs_Container > .Block{position:relative; margin:5px; width:350px; height:200px; background:BLACK; color:WHITE; box-shadow:#777 1px 1px 5px; overflow:hidden; z-index:1;} 
#GalleryThumbs_Container > .Block:hover{cursor:pointer;}


/*---------------- ABOUT ------------------------------*/


#About_List_Container{position:relative; margin-top:60px; padding-top:28px; width:100%; height:380px; background2:GREEN; background-image:url(../images/banner/About_MyStoryBox_Banner.png); background-size:cover; background-position:center; box-sizing:border-box;}
#About_List_Container > .Text_Area_Container{position:relative; margin:auto; padding2:10px; width:90%; height:315px; display:flex; flex-wrap:column; flex-direction:column; justify-content:space-evenly; box-sizing:border-box;}
#About_List_Container > .Text_Area_Container > .Title{position:relative; margin:auto; padding-top:15px; width:90%; height:35px; text-align:center; font-size:25px; text-transform:uppercase; color:goldenrod; font-family:Baskvill; letter-spacing:1px;}
#About_List_Container > .Text_Area_Container > .Content{position:relative; margin:auto; width:90%; min-height:35px; max-height:260px; font-size:12px; text-align:center; background2:GREEN; overflow-y:auto;}
#About_List_Container > .Text_Area_Container > .Background{position:absolute; width:100%; height:100%; border-radius:2px; background:WHITE; opacity:.5;}
#About_Blocks_Container{position:absolute; margin:auto; top:5%; left:5%; width:90%; height:90%;}
#About_Blocks_Container >.Block{position:relative; padding-top:25px; width:33.3%; height:25%; background2:PINK; display:block; float:left; text-align:center; box-sizing:border-box; text-transform:uppercase; transition:background .7s; font-family:OpenSans_SemiBold; font-size:14px; color:#676767;}
#About_Blocks_Container >.Block:hover{background:WHITE; cursor2:pointer; font-size:15px; color:BLACK;}


#About_MissionVision_Container{position:relative; margin:auto; margin-top:40px; width:80%; min-height:30px; background2:RED;}
#About_MissionVision_Container > .Block{position:relative; padding:0 5px 0 5px; box-sizing:border-box; width:50%; min-height:30px; display:block; float:left;}
#About_MissionVision_Container > .Block > .Title{position:relative; font-family:OpenSans_SemiBold; font-size:14px;}
#About_MissionVision_Container > .Block > .Text{position:relative;  font-size:12px;}
.About_Spacer{position:relative; width:100%; height:60px; display:block; float:left;}


#Booking_Form_Container{position:relative; padding-bottom:30px; margin:auto; margin-top:40px; width:80%; height:450px; background2:goldenrod; border-bottom:solid 1px #cccccc;}
#Booking_Form_Container > .Row{position:relative; margin-bottom:20px; display:block; float:right; width:100%; min-height:40px; background2:SILVER;}
#Booking_Form_Container > .Row > .Label{position:relative; margin:6px 0 6px 0; width:100%; display:block; float:left; font-size:12px; clear:both; background2:RED;}
#Booking_Form_Container > .Row > .Input_Long{position:relative; width:100%; height:3em; display:block; float:left; font-size:12px; border:solid 1px SILVER; border-radius:3px;}
#Booking_Form_Container > .Row > .Input_TextArea{position:relative; width:100%; height:130px; display:block; float:left; font-size:12px; border:solid 1px SILVER; border-radius:3px; resize:none;}


#Booking_Form_Container > .SubmitBtn{position:relative; margin:auto; margin-top:140px; margin-bottom:50px; padding-top:8px; width:200px; height:40px; text-align:center; border:solid 1px SILVER; border-radius:3px; display:block; clear:both; box-sizing:border-box;}