#cssmenu{font-weight:400;padding:0 0 0 2px;margin:0;border:0;width:100%;text-align:left;outline:1px solid #000;border:4px #f0efea solid;background:#ccc}#cssmenu li,#cssmenu ul{text-transform:capitalize;list-style:none;margin:0;padding:0;font-size:12px;width:100%}#cssmenu ul{position:relative;z-index:11;float:left;background:#ccc}#cssmenu ul li{float:left;min-height:1px;line-height:1.5em;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:12;width:100%;transition:50ms .1s}#cssmenu ul ul li{float:none}#cssmenu ul ul,#cssmenu ul ul ul{top:-1px;left:99%}#cssmenu ul li:hover>ul{outline:1px solid #000;border:4px #f0efea solid;background:#ccc;visibility:visible;transition:.5s 0s}#cssmenu ul li{float:none}#cssmenu a{font-weight:400;display:inline-block}#cssmenu{font-family:"Segoe UI",Arial,sans-serif}#cssmenu ul:after,#cssmenu:after{content:'';display:block;clear:both}#cssmenu ul{background:#ccc;width:100%}#cssmenu ul li{color:#000;position:relative;background:#ccc}#cssmenu ul li.hover,#cssmenu ul li:hover{border-radius:10px;background:-moz-linear-gradient(#044083 0,#4e7fb7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3672b6),color-stop(100%,#4e7fb7));background:-webkit-linear-gradient(#044083 0,#4e7fb7 100%);background:linear-gradient(#044083 0,#4e7fb7 100%);color:#fff}#cssmenu ul li.hover>a,#cssmenu ul li:hover>a{font-weight:400;border-radius:10px;color:#fff;border:1px solid #4b8e23}#cssmenu ul ul{width:250px}#cssmenu a{border-radius:10px;border:1px solid transparent}#cssmenu a:link,#cssmenu a:visited{color:#000;text-decoration:none}#cssmenu a:hover{border-radius:10px;background:-moz-linear-gradient(#6c90b8 0,#1761b5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6c90b8),color-stop(100%,#1761b5));background:-webkit-linear-gradient(#6c90b8 0,#1761b5 100%);background:linear-gradient(#6c90b8 0,#1761b5 100%);color:#fff}#cssmenu a:active{color:orange}#cssmenu .has-sub.hover>a:after,#cssmenu .has-sub:hover>a:after{border-color:transparent transparent transparent #fff}#cssmenu .has-sub>a:after{content:'';width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent transparent transparent grey;position:absolute;top:50%;right:5%;margin-top:-4px;-webkit-transform:rotate(360deg)}#navmenu,#navmenu ul{font-family:verdana;list-style:none;margin:0;padding:0;position:relative}#navmenu{height:30px;left:0;overflow:hidden;top:0}#navmenu li{float:left;position:relative;z-index:1}#navmenu li a{font-weight:700;color:#000;display:block;float:left;font-size:14px;height:30px;line-height:30px;position:relative;text-decoration:none;z-index:2}#navmenu li ul li:first-child a{background-image:none}#navmenu ul{opacity:0;background:0 0;height:auto;position:absolute;top:-131px;z-index:1;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;transition:.8s ease-in-out;box-shadow:2px 2px 3px rgba(0,0,0,.5);-moz-box-shadow:2px 2px 3px rgba(0,0,0,.5);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.5);-moz-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;-webkit-transition:all .8s ease-in-out}#navmenu ul li{width:100%;height:40px}//set for two lines #navmenu ul li a{color:#000;text-align:left;background:0 0;height:16px;line-height:16px;width:100%;padding:5px 8px 0 10px}#navmenu li:hover ul{opacity:1;-moz-transform:translate(0,161px);-o-transform:translate(0,161px);-webkit-transform:translate(0,161px);transform:translate(0,161px)}nav.horzmenu{background:#99ae63;margin:27px auto 0;position:relative;width:100%;height:30px;font-size:0}nav.horzmenu a{line-height:30px;height:35px;font-size:15px;display:inline-block;position:relative;z-index:1;text-decoration:none;text-transform:uppercase;text-align:center;color:#000;font-weight:700;cursor:pointer}nav.horzmenu .animation{position:absolute;height:30px;top:0;z-index:0;transition:all .5s ease 0s;border-radius:8px}#navmenu li:hover ul li:hover{background:#ccc;border-radius:8px}li.ourphotos{display:flex;justify-content:center;width:19%}#navmenu li.ourphotos:hover ul{background:#bd6ed4}li.yourphotos{display:flex;justify-content:center;width:21%}#navmenu li.yourphotos:hover ul{background:#649bd7}li.products{display:flex;justify-content:center;width:15%}#navmenu li.products:hover ul{background:#4da7ac}li.account{display:flex;justify-content:center;width:14%}#navmenu li.account:hover ul{background:#efd400}li.company{display:flex;justify-content:center;width:15%}#navmenu li.company:hover ul{background:#e7aa43}li.support{display:flex;justify-content:center;width:16%}#navmenu li.support:hover ul{background:#d66}li.ourphotos:hover~.animation{width:19%;left:0;background-color:#bd6ed4}li.yourphotos:hover~.animation{width:21%;left:19%;background-color:#649bd7}li.products:hover~.animation{width:15%;left:40%;background-color:#4da7ac}li.account:hover~.animation{width:14%;left:55%;background-color:#efd400}li.company:hover~.animation{width:15%;left:69%;background-color:#e7aa43}li.support:hover~.animation{width:16%;left:84%;background-color:#d66}