@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

.navbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#356aa0+0,2f97ed+50,356aa0+100 */
    background: rgb(53,106,160); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(53,106,160,1) 0%, rgba(47,151,237,1) 50%, rgba(53,106,160,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(53,106,160,1)), color-stop(50%,rgba(47,151,237,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=1 ); /* IE6-9 */

}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
}

    #cssmenu:after,
    #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #cssmenu #menu-button {
        display: none;
    }

#cssmenu {
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    margin: 0 auto;
    border-bottom:1px solid rgb(53,106,160);
}
    /*#cssmenu > ul {
  background: url('images/bg.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}*/
    #cssmenu.align-right > ul > li {
        float: right;
    }

    #cssmenu > ul > li {
        float: left;
        display: inline-block;
        min-width: 150px;
    }

    #cssmenu.align-center > ul {
        float: none;
        text-align: center;
    }

        #cssmenu.align-center > ul > li {
            float: none;
        }

    #cssmenu.align-center ul ul {
        text-align: left;
    }

    #cssmenu > ul > li > a {
        padding: 8px 7px 8px 7px;
        border-right: 2px solid #5c96cf;
        text-decoration: none;
        font-size: 11px;
        font-weight: 400;
        color: #d3eced;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #cssmenu > ul > li:hover > a,
    #cssmenu > ul > li > a:hover,
    #cssmenu > ul > li.active > a {
        color: #ffffff;
    }
    #cssmenu ul li {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
        background: #1e5799; /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    }
    #cssmenu ul li ul li a, #cssmenu ul li ul li a:hover
    {
        border-bottom:2px solid #7db9e8;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#356aa0+0,2f97ed+50,356aa0+100 */
        background: rgb(53,106,160); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(53,106,160,1) 0%, rgba(47,151,237,1) 50%, rgba(53,106,160,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(53,106,160,1)), color-stop(50%,rgba(47,151,237,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(53,106,160,1) 0%,rgba(47,151,237,1) 50%,rgba(53,106,160,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=1 ); /* IE6-9 */

    }
    #cssmenu > ul > li > ul > li > a, #cssmenu > ul > li > ul > li > a:hover {
        border-right: 2px solid #5c96cf;
        color: #ffffff;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 1px;
        padding: 8px 10px 8px 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

    #cssmenu ul li ul {
        margin-top: 0px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        text-align: center;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f85bb+0,2e5dba+49,4f85bb+100 */
        background: rgb(79,133,187); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(79,133,187,1) 0%, rgba(46,93,186,1) 49%, rgba(79,133,187,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(79,133,187,1)), color-stop(49%,rgba(46,93,186,1)), color-stop(100%,rgba(79,133,187,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(79,133,187,1) 0%,rgba(46,93,186,1) 49%,rgba(79,133,187,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(79,133,187,1) 0%,rgba(46,93,186,1) 49%,rgba(79,133,187,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(79,133,187,1) 0%,rgba(46,93,186,1) 49%,rgba(79,133,187,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(79,133,187,1) 0%,rgba(46,93,186,1) 49%,rgba(79,133,187,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 ); /* IE6-9 */
    }

/*
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 0px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #152e46;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #81b9f2;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #81b9f2;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #81b9f26;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #81b9f2;
  border-left-color: transparent;
}
/*
*/



.modal-open .modal {
    overflow-y: scroll;
}


.main-header .navbar-brand {
    color: #fff !important;
}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a {
    color: #ffffff;
    background: rgba(0,0,0,0.1) !important;
}








@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        background: #1e5799;
    }

        #cssmenu > ul {
            display: none;
        }

            #cssmenu > ul.open {
                display: block;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
            }

        #cssmenu.align-right > ul {
            float: none;
        }

        #cssmenu.align-center > ul {
            text-align: left;
        }

        #cssmenu > ul > li,
        #cssmenu.align-right > ul > li {
            float: none;
            display: block;
        }

            #cssmenu > ul > li > a {
                padding: 10px;
                border-right: 0;
            }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li.active > a {
                background: rgba(0, 0, 0, 0.1);
            }

        #cssmenu #menu-button {
            display: block;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            color: #d3eced;
            padding: 18px 25px 18px 25px;
            text-transform: uppercase;
            letter-spacing: 1px;
            background: url('images/bg.png');
            cursor: pointer;
        }

        #cssmenu ul ul,
        #cssmenu ul li:hover > ul,
        #cssmenu > ul > li > ul,
        #cssmenu ul ul ul,
        #cssmenu ul ul li:hover > ul,
        #cssmenu.align-right ul ul,
        #cssmenu.align-right ul li:hover > ul,
        #cssmenu.align-right > ul > li > ul,
        #cssmenu.align-right ul ul ul,
        #cssmenu.align-right ul ul li:hover > ul {
            left: 0;
            right: auto;
            top: auto;
            opacity: 1;
            width: 100%;
            padding: 0;
            position: relative;
            text-align: left;
        }

            #cssmenu ul ul li {
                width: 100%;
            }

                #cssmenu ul ul li a {
                    width: 100%;
                    box-shadow: none;
                    padding-left: 35px;
                    text-align:center;
                }

            #cssmenu ul ul ul li a {
                padding-left: 45px;
            }

            #cssmenu ul ul li:first-child > a,
            #cssmenu ul ul li:last-child > a {
                border-radius: 0;
            }

        #cssmenu #menu-button::after {
            display: block;
            content: '';
            position: absolute;
            height: 3px;
            width: 22px;
            border-top: 2px solid #d3eced;
            border-bottom: 2px solid #d3eced;
            right: 25px;
            top: 18px;
        }

        #cssmenu #menu-button::before {
            display: block;
            content: '';
            position: absolute;
            height: 3px;
            width: 22px;
            border-top: 2px solid #d3eced;
            right: 25px;
            top: 28px;
        }

        #cssmenu > ul > li.has-sub > a::after,
        #cssmenu ul ul li.has-sub > a::after {
            display: none;
        }

}


    ul.letterMenu li {
        line-height: 20px;
        width: 200px;
        background: #bbbbbb;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbbbbb+0,c6c6c6+50,d3d3d3+51,bbbbbb+100 */
        background: rgb(187,187,187); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(198,198,198,1) 50%, rgba(211,211,211,1) 51%, rgba(187,187,187,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,187,1)), color-stop(50%,rgba(198,198,198,1)), color-stop(51%,rgba(211,211,211,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(198,198,198,1) 50%,rgba(211,211,211,1) 51%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(198,198,198,1) 50%,rgba(211,211,211,1) 51%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(198,198,198,1) 50%,rgba(211,211,211,1) 51%,rgba(187,187,187,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(187,187,187,1) 0%,rgba(198,198,198,1) 50%,rgba(211,211,211,1) 51%,rgba(187,187,187,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
        background: #1e5799; /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    }

        ul.letterMenu li a {
            padding: 0px;
            color: #fff;
            padding: 8px;
        }

        ul.letterMenu li.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3167aa+0,2989d8+50,207cca+51,3167aa+100 */
            background: rgb(49,103,170); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(49,103,170,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(49,103,170,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,103,170,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(49,103,170,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3167aa', endColorstr='#3167aa',GradientType=0 ); /* IE6-9 */
        }

            ul.letterMenu li.active a {
                color: #ffffff;
            }

        ul.letterMenu li a:hover {
            /*background: #3167aa;*/
            color: #ffffff;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3167aa+0,2989d8+50,207cca+51,3167aa+100 */
            background: rgb(49,103,170); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(49,103,170,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(49,103,170,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,103,170,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(49,103,170,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(49,103,170,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(49,103,170,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3167aa', endColorstr='#3167aa',GradientType=0 ); /* IE6-9 */
        }

    #divLV {
        border: 5px solid #3775b0;
    }

    #divLVmanual {
        border: 5px solid #3775b0;
    }

    #mydiv {
        /*height:500px;
        position: relative;*/
        /*background-color: gray;*/ /* for demonstration */
    }