.nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}

#header .nav { font-family: "PT Sans", sans-serif; background: #f5f5f5; font-size: 100%;}
#header .nav a { color: #666; text-decoration: none;}
#header .nav {
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: linear-gradient(to bottom, #e1ffff 0%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    width: 940px;
    margin: 0 auto;
    height: 43px;
    padding-left:20px !Important;}
#header .nav li { list-style: none;  }
#header .nav > li { padding: 0; float: left; position: relative; }
#header .nav > li > a {
    float: left;
    font-size: 11px;
    text-decoration: none;
    line-height: 43px;
    padding: 0 8.5px;
    -moz-padding-start: 14px;
    height: 43px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), screen and (min-width:780px) {
    #header .nav > li > a {
        padding: 0 9px !important;
    }
}
#header .nav > li:first-child > a { border-left: 0; }
#header .nav > li:last-child > a { border-right: 0; }
@media screen and (min-width:781px){
    #header .nav > li:hover > div {
        display:table; z-index: 5;
    }
    #header .nav > li:hover > a { background: white; }
    #header .nav div > a:hover {
        font-weight: bold;}
    /* Colors Experimental */
    a:hover > .bubble { display: inline-block!important; }
    /* End Colors Experiment */
    .menu-expand{
        display: none;
    }
}
/* MEGA DROP DOWN */
#header .nav > li > div {
    position: absolute;
    left: 0;
    top: 43px;
    display: none;
    background: #fff;
    padding: 10px 10px;
    box-shadow: 0 10px 7px 3px rgba(0,0,0,0.3);
    overflow: hidden;
    font-size: 12px;
    line-height: 25px;
z-index: 99999 !important;}
#header .nav > li > div p { color: #666; }
#header .nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }
/* COLUMNS */
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8 { margin: 10px -5px 10px -5px; float: left; padding: 0 10px;}
/* 1 Column */
.container-1 { width: 205px; }
.container-1 .col1 { width: 100%; }
/* 2 Column */
.container-2 { width: 410px; }
.container-2 .col1 { width: 46% }
.container-2 .col2 { width: 100% }
/* 3 Column */
.container-3 { width: 600px; }
.container-3 .col1 { width: 33.33% }
.container-3 .col2 { width: 66.66% }
.container-3 .col3 { width: 100% }
/* 4 Column */
.container-4 { width: 920px; }
.container-4 .col1 { width: 25%; }
.container-4 .col2 { width: 50% }
.container-4 .col3 { width: 75% }
.container-4 .col4 { width: 100% }
/* 5 Column */
.container-5 { width: 920px; }
.container-5 .col1 { width: 20%; }
.container-5 .col2 { width: 40% }
.container-5 .col3 { width: 60% }
.container-5 .col4 { width: 80% }
.container-5 .col5 { width: 100% }
/* 6 Column */
.container-6 { width: 920px; }
.container-6 .col1 { width: 16.66%; }
.container-6 .col2 { width: 33.33% }
.container-6 .col3 { width: 50% }
.container-6 .col4 { width: 66.66% }
.container-6 .col5 { width: 83.33% }
.container-6 .col6 { width: 100% }
/* 7 Column */
.container-7 { width: 920px; }
.container-7 .col1 { width: 14.28%; }
.container-7 .col2 { width: 28.57% }
.container-7 .col3 { width: 42.85% }
.container-7 .col4 { width: 57.14% }
.container-7 .col5 { width: 71.42% }
.container-7 .col6 { width: 85.71% }
.container-7 .col7 { width: 100% }
/* 8 Column */
.container-8 { width: 920px; }
.container-8 .col1 { width: 12.5%; }
.container-8 .col2 { width: 25% }
.container-8 .col3 { width: 37.5% }
.container-8 .col4 { width: 50% }
.container-8 .col5 { width: 62.5% }
.container-8 .col6 { width: 75% }
.container-8 .col7 { width: 87.5% }
.container-8 .col8 { width: 100% }
/* HIGHLIGHTS */
.container-3 .highlighted {
    width: 400px;
    margin-left: -20px;
    padding: 20px;
    background: #e4fbff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
.container-4 .highlighted {
    width: 500px;
    margin-left: -10px;
    padding: 19px;
    background: #e4fbff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/*Custom menu css*/
#header .nav > li > div > div{
    display:table;}
span.menu-subtitle {
    font-weight: bold;
    color: rgb(87, 110, 160);
    font-size: 15px;}
#header .nav .fs-footer {
    background: rgb(216, 252, 255);
    padding: 10px;
    text-align: center;
    font-size: 25px;
    color: rgb(87, 110, 160);
    font-family: 'Open Sans Condensed', sans-serif !important;
    cursor:pointer;}

#header .nav .bubble{
    width: 16px;
    height: 16px;
    border-radius: 2em;
    margin: 0 4px 0 5px;
    border: 1px solid;
    position: relative;
    top: 3px;}
#header .nav #multicolor .multicolor {
    border: solid 8px yellow;
    border-right-color: blue;
    border-bottom-color: red;
    border-left-color: green;
}
#header .nav #multicolor2 .multicolor2 {
    border: solid 8px aqua;
    border-right-color: crimson;
    border-bottom-color: rgb(33, 123, 35);
    border-left-color: lime;
}
#header .nav #multicolor3 .multicolor3 {
    border: 12px solid #D96995;
    border-right-color: #FC8958;
    border-bottom-color: #ED0220;
    border-left-color: #60A366;
    border-radius: 12px !important;
    position: absolute;
    top: 340px;
}
#header .nav .blue       { background-color: #0E0EA0 !important; }
#header .nav .hotpink    { background-color: rgb(255, 0, 135) !important; }
#header .nav .red        { background-color: #FF0000 !important; }
#header .nav .lavender   { background-color: #C500C5 !important; }
#header .nav .pastel     { background-color: #FDFD96 !important; }
#header .nav .orange     { background-color: #FF7400 !important; }
#header .nav .green      { background-color: #009400 !important; }
#header .nav .burgundy   { background-color: #AE0000 !important; }
#header .nav .peach      { background-color: #FF9C00 !important; }
#header .nav .cream      { background-color: #FFFDD0 !important; }
#header .nav .pink       { background-color: #FFC0CB !important; }
#header .nav .yellow     { background-color: #FFDD00 !important; }
#header .nav .purple     { background-color: #A2005B !important; }
#header .nav .ivory      { background-color: #F6F5EF !important; }
#header .nav .white      { background-color: white !important; }
#header .nav .rainbow{
    background: -moz-linear-gradient( top ,
    rgba(255, 0, 0, 1) 0%,
    rgba(255, 255, 0, 1) 15%,
    rgba(0, 255, 0, 1) 30%,
    rgba(0, 255, 255, 1) 50%,
    rgba(0, 0, 255, 1) 65%,
    rgba(255, 0, 255, 1) 80%,
    rgba(255, 0, 0, 1) 100%);
    background: -webkit-gradient(linear,  left top,  left bottom, /* Might not be necessary */
    color-stop(0%, rgba(255, 0, 0, 1)),
    color-stop(15%, rgba(255, 255, 0, 1)),
    color-stop(30%, rgba(0, 255, 0, 1)),
    color-stop(50%, rgba(0, 255, 255, 1)),
    color-stop(65%, rgba(0, 0, 255, 1)),
    color-stop(80%, rgba(255, 0, 255, 1)),
    color-stop(100%, rgba(255, 0, 0, 1)));}

.nav .menu-special {
    text-align: center;
    line-height: 36px;
}
.nav .menu-special img {
    width: 200px;
    height: auto;
}
.nav .menu-special-text {
    line-height: 15px;
    font-weight: bold;
}
#header .nav .carnations > div {
    left: -58px ;
}
#header .nav .bouquets > div {
    left: -251px ;
}
#header .nav .otherflowers > div {
    left: -330px ;
}
#header .nav .occasions > div {
    left: -100px;
}
#header .nav .weddings > div {
    left: -500px;
}
#header .nav .colors > div {
    left: -271px;
}
#header .nav .flower-care > div {
    left: -135px;
}
#header .nav .mothers-day > div {
    left: -500px;
}
#header .nav .valentines > div {
    left: -809px;
}
/*IE CSS*/
@media all and (-ms-high-contrast:none)
{
    #header .nav > li > a{
        padding: 0 10px;
    }
}
/* Mobile CSS */
@media screen and (max-width:375px){
    #header .nav
    {
        width: 100%;
        right: -100%;
    }
}
@media screen and (max-width:780px) and (min-width:376px){
    #header .nav{
        right: -100%;
        width: 100%;
    }
}
@media screen and (max-width:780px){
    #header .nav{
        position: fixed;
        z-index: 9999;
        background: rgb(150, 213, 255) !Important;
        height: calc(100vh - 130px);
        overflow: scroll;
        overflow-x: hidden;
        padding-left:0 !Important;
        transition: all 1000ms ease;
        top: 130px;
    }
    #header .nav.show {
        right: 0 !important;
    }
    ul.nav > li {
        width: 100%;
        border-top: 1px solid rgb(210, 237, 255);
        border-bottom: 1px solid rgb(119, 156, 181);
    }
    ul.nav >li>a {
        width: 100%;
        color:white !important;
        font-size: 16px !important;
        font-weight:bold;
    }
    ul.nav >li >div {
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        background: rgb(71, 147, 197) !important;
    }

    ul.nav > li > div>div {
        width: 100% !important;
    }
    ul.nav > li > div>div>.fs-footer {
        display:none !important;
    }
    .menu-special span.menu-subtitle {
        width: 100%;
        display: table;
    }
    li.spacer{
        height:50px;
    }
    #header .nav > li > a.selected{ background: rgb(71, 147, 197) !important;}
    #header .nav a {
        color: white !important;
        text-decoration: none;
        text-shadow: 1px 2px 7px rgb(116, 116, 116);
    }
    #header .nav > li > div {
        line-height: 29px;
    }
    #header > .nav > li > div > div>a {
        color: white !important;
    }
    span.menu-subtitle {
        color: rgb(245, 182, 198);
    }
    .nav .show{
        display: block !Important;
    }
    .nav .menu-special-text {
        font-size: 18px;
    }
    .menu-expand{
        position: absolute;
        right: 0;
        top: 0;
        line-height: 45px;
        width: 50%;
        padding-right: 25px;
        color: rgb(255, 51, 102);
        text-align: right;
        display: block !important;
    }
    .static{
        position:fixed;
        overflow:hidden;
    }
    #menu-button-holder .fa-times{
        font-size: 35px ;
        color: rgb(255, 64, 103);
        padding: 5px 10px 0 10px;
    }
    span.menu-subtitle {
        font-size: 23px !important;
    }
    ul.nav>li>div>div>a {
        font-size: 19px !important;
    }
    span#meaning.menu-subtitle {
        left: 0px !important;
    }
}

.fs-footer i {
    color: tan;
    font-size: 12px;
    position: relative;
    top: -5px;
    width: 15px;
}
.fs-footer i:nth-child(1) {
    padding-right: 30px;
}

.fs-footer i:nth-child(3) {
    padding-left: 20px;
}

span#rose_pad {
    line-height: 1.9;
}

.mothers-day .menu-expand{display:none !important;}

.menu-expand {display:none;}