.navbar{border:solid 1px #d9e1ea;}
.nav{display:block;}
#siam_mainnav,
#siam_mainnav ul,
#siam_mainnav ul li,
#siam_mainnav ul li a,
#menu-button-main {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color:#333;
}
#siam_mainnav ul li,
#siam_mainnav ul li a{text-align:left;}
#siam_mainnav ul{z-index:997;}
#siam_mainnav:after,
#siam_mainnav>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

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

#siam_mainnav {
 background-color:#fff;
 width:100%;
 text-align:center;
}
#siam_mainnav>ul>li {display:inline-block;}
#siam_mainnav>li ul{top:0;position:absolute;}

#siam_mainnav>ul>li>a,
#siam_mainnav>ul>li>span:not(.submenu-button) {
  padding: 17px 17px 13px 17px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #333;
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
  transition: color .5s ease;
  display:block;
}

#siam_mainnav>ul:not(.open)>li>span:not(.submenu-button) {
  border-bottom:4px solid #fff;
}

#siam_mainnav>ul>li>span:not(.submenu-button) {
  cursor: default;
}

#siam_mainnav>ul>li:hover>a,
#siam_mainnav>ul:not(.open)>li:hover>span:not(.submenu-button) {color:#04a89b;border-bottom:solid 4px #04a89b;}

#siam_mainnav:not(.small-screen)>ul>li.has-sub>a,
#siam_mainnav:not(.small-screen)>ul>li.has-sub>span:not(.submenu-button) {
  padding-right: 30px;
}



#siam_mainnav>ul>li.has-sub>a:before,
#siam_mainnav>ul:not(.open)>li.has-sub>span:not(.submenu-button):before {
    content: url("../Images/drop-arrow.png");
    position: absolute;
    right: 1.5em;
    height: 0;
    width: 0;
}

#siam_mainnav:not(.small-screen) ul ul {
  position: absolute;
  left: -9999px;
  background:#d9e1ea;
  z-index:998;
  width:300px;
  height:390px;
  border:solid 1px #a5b3c1;
  padding:15px 0px 15px 0px;
}
@media screen and (max-width: 1360px) {
  #siam_mainnav:not(.small-screen) ul ul {height:360px;}
  }

#siam_mainnav li:hover>ul {
  left: auto;
}
#siam_mainnav:not(.small-screen) ul ul ul {
  margin-left: 100%;
  z-index:999;
  background-color:#fff;
  padding-left:12px;
}

#siam_mainnav ul ul li {
  -webkit-transition: height .5s ease;
  -moz-transition: height .5s ease;
  transition: height .5s ease;
}

#siam_mainnav:not(.small-screen) ul>li>ul>li.has-sub:after {
    display: none;
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #04a89b;
    width: 10px;
    height: 10px;
    position: relative;
    margin-top: -22px;
    margin-bottom: 12px !important;
    left: 101%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    z-index: 1001;
}
#siam_mainnav:not(.small-screen) ul>li>ul>li.has-sub:hover:after {
    display: block;
}
#siam_mainnav:not(.small-screen) ul>li>ul>li.related-menu.has-sub:hover:after,
#siam_mainnav:not(.small-screen) ul>li>ul>li.related-menu>ul>li.has-sub:hover:after {
    display:none;
}
#siam_mainnav ul>li>ul>li>ul>li.has-sub:hover:after{
  display:none;
}
#siam_mainnav>ul>li>ul>li>a {
  font-family:'Arvo', serif;
  text-rendering: optimizeLegibility;
  padding: 5px 15px;
  text-decoration: none;
  color: #333;
  font-size: 0.875em;
  display:inline-block;
}
#siam_mainnav>ul>li>ul>li>ul>li>a {
  color:#333;
  padding:5px 15px;
  font-family: 'ProximaNova-Light', 'Montserrat', sans-serif;
  line-height: 1em;
  display:inline-block;
  font-size: 0.8125em;
}

#siam_mainnav ul ul li:not(.submenu-button)>a,
#siam_mainnav ul ul li.last-item>a {
  border-bottom: 0;
}

#siam_mainnav ul ul li:hover>a,
#siam_mainnav ul ul li a:hover {
  color: #04a89b;
  background-color:#fff;
}
#siam_mainnav>ul>li>ul>li>ul>li>a:hover{color:#04a89b;background-color:#f4f4f4;}

#siam_mainnav ul ul li.has-sub>a:after {
  top: 16px;
  right: 11px;
  background: #fff;
}

#siam_mainnav ul ul>li.has-sub:hover>a:after,
#siam_mainnav ul ul>li.has-sub>a:hover:after {
  background: #ffffff;
}

#siam_mainnav ul ul li.has-sub>a:before,
#siam_mainnav ul ul li.has-sub>a:before {
  top: 13px;
  right: 14px;
  background: #fff;
}

#siam_mainnav ul ul>li.has-sub:hover>a:before {
  top: 17px;
  height: 0;
}
#siam_mainnav:not(.small-screen) ul>li>ul>li>ul>li.related-menu>ul>li.has-sub>ul{display:none !important;}
#siam_mainnav:not(.small-screen) .publications-menu .journals-menu>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;min-width:560px;background-color:#fff;padding:15px;top:-16px;}

#siam_mainnav:not(.small-screen) .publications-menu .books-menu>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;min-width:560px;background-color:#fff;padding:15px;top:-50px;}
#siam_mainnav:not(.small-screen) .publications-menu .siuro-menu>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;min-width:560px;background-color:#fff;padding:15px;top:-118px;}

#siam_mainnav:not(.small-screen) .related-menu{background-color:#d9e1ea;top:-1px;height:390px;left:100%;min-width:200px;position:absolute;border:solid 1px #a5b3c1}
#siam_mainnav:not(.small-screen) .related-menu>a{display:none;}
#siam_mainnav:not(.small-screen) .related-menu>ul{left:-100%;height:calc(100% - 60px);background-color:#d9e1ea;border:0;width:100%;top:35px;padding-left:0;}
#siam_mainnav:not(.small-screen) li.related-menu:hover>ul{left:-100%;}
#siam_mainnav:not(.small-screen) .related-menu>ul>li>a{font-size:.8125em;line-height:1em;padding:4px 0px 4px 12px;}

#siam_mainnav:not(.small-screen) .research-areas-menu>ul{min-width:800px;-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;}
#siam_mainnav:not(.small-screen) .research-areas-menu>ul>li>a{}

#siam_mainnav:not(.small-screen) .conferences-menu .calendar-menu>ul{top:-16px;}
#siam_mainnav:not(.small-screen) .conferences-menu .travel-support-menu>ul{top:-84px;}
#siam_mainnav:not(.small-screen) .conferences-menu .about-siam-conferences-menu>ul{top:-118px;}

#siam_mainnav:not(.small-screen) .careers-menu .resources-menu>ul{top:-152px;}
#siam_mainnav:not(.small-screen) .careers-menu .resources-menu:hover>ul{left:-200%;}
#siam_mainnav:not(.small-screen) .careers-menu li.resources-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}


#siam_mainnav:not(.small-screen) .students-menu .programs-initiatives-menu>ul{top:-16px;}
#siam_mainnav:not(.small-screen) .students-menu .programs-initiatives-menu:hover>ul{left:-200%;}
#siam_mainnav:not(.small-screen) .students-menu .resources-menu>ul{top:-50px;}
#siam_mainnav:not(.small-screen) .students-menu .resources-menu:hover>ul{left:-200%;}
#siam_mainnav:not(.small-screen) .students-menu .student-chapters-menu:hover>ul{top:-84px;left:-200%;}
#siam_mainnav:not(.small-screen) .students-menu li.resources-menu.has-sub:after,
#siam_mainnav:not(.small-screen) .students-menu li.programs-initiatives-menu.has-sub:after,
#siam_mainnav:not(.small-screen) .students-menu li.student-chapters-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}


#siam_mainnav:not(.small-screen) .membership-menu .join-siam-menu>ul{padding:15px;}
#siam_mainnav:not(.small-screen) .membership-menu .join-siam-menu:hover>ul{right:100%;top:-16px;}

#siam_mainnav:not(.small-screen) .membership-menu .activity-groups-menu>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;min-width:560px;padding:15px;}
#siam_mainnav:not(.small-screen) .membership-menu .activity-groups-menu:hover>ul{right:100%;top:-50px;}

#siam_mainnav:not(.small-screen) .membership-menu .sections-menu>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;min-width:560px;background-color:#fff;padding:15px;}
#siam_mainnav:not(.small-screen) .membership-menu .sections-menu:hover>ul{right:100%;top:-84px;}

#siam_mainnav:not(.small-screen) .membership-menu li.join-siam-menu.has-sub:after,
#siam_mainnav:not(.small-screen) .membership-menu li.sections-menu.has-sub:after,
#siam_mainnav:not(.small-screen) .membership-menu li.activity-groups-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
#siam_mainnav:not(.small-screen) .membership-menu .related-menu{left:-200px;}

#siam_mainnav:not(.small-screen) .prizes-menu .major-prizes-menu>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-gap:20px;min-width:840px;padding:15px;}
#siam_mainnav:not(.small-screen) .prizes-menu .major-prizes-menu:hover>ul{right:100%;top:-50px;}
#siam_mainnav:not(.small-screen) .prizes-menu li.major-prizes-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

#siam_mainnav:not(.small-screen) .prizes-menu > ul { min-height:450px; }
#siam_mainnav:not(.small-screen) .prizes-menu > ul > li > ul {column-count:3;column-gap:20px;min-width:840px;padding:15px;min-height:450px;}
#siam_mainnav:not(.small-screen) .prizes-menu .activity-group-prizes-menu:hover>ul{right:100%;top:-84px;}
#siam_mainnav:not(.small-screen) .prizes-menu li.activity-group-prizes-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

#siam_mainnav:not(.small-screen) .prizes-menu .student-prizes-menu:hover>ul{right:100%;top:-118px;}
#siam_mainnav:not(.small-screen) .prizes-menu li.student-prizes-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

#siam_mainnav:not(.small-screen) .prizes-menu .joint-prizes-menu:hover>ul{right:100%;top:-152px;}
#siam_mainnav:not(.small-screen) .prizes-menu li.joint-prizes-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

#siam_mainnav:not(.small-screen) .prizes-menu .fellows-menu:hover>ul{right:100%;top:-186px;}
#siam_mainnav:not(.small-screen) .prizes-menu li.fellows-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

#siam_mainnav:not(.small-screen) .prizes-menu .policies-guidelines-menu:hover>ul{right:100%;top:-220px;}
#siam_mainnav:not(.small-screen) .prizes-menu li.policies-guidelines-menu.has-sub:after{left:-5%;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}


#siam_mainnav.small-screen {
  width: 100%;
}

#siam_mainnav.small-screen ul {
  width: 100%;
  display: none;
}

#siam_mainnav.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#siam_mainnav.small-screen ul ul li,
#siam_mainnav.small-screen li:hover>ul>li {
  height: auto;
}

#siam_mainnav.small-screen ul li a,
#siam_mainnav.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}

#siam_mainnav.small-screen>ul>li {
  float: none;
}

#siam_mainnav.small-screen ul ul,
#siam_mainnav.small-screen ul ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#siam_mainnav.small-screen>ul>li>a,
#siam_mainnav.small-screen>ul>li>span:not(.submenu-button)
{padding:12px;}
#siam_mainnav.small-screen ul ul li a {
  padding: 6px 25px;
}

#siam_mainnav.small-screen ul ul ul li a {
  padding: 9px 35px;
}
#siam_mainnav.small-screen ul ul ul ul li a {
  padding: 6px 45px;
}
#siam_mainnav.small-screen ul ul ul ul ul li a {
  padding: 6px 55px;
}
#siam_mainnav.small-screen .related-menu>a{padding-left:35px;color:#04a89b;}

#siam_mainnav.small-screen>ul>li.has-sub>a:after,
#siam_mainnav.small-screen>ul>li.has-sub>a:before,
#siam_mainnav.small-screen ul ul>li.has-sub>a:after,
#siam_mainnav.small-screen ul ul>li.has-sub>a:before {
  display: none;
}
#siam_mainnav.small-screen #menu-button-main {
  display: block;
  padding: 17px;
  color: #04a89b;
  cursor: pointer;
  position:absolute;
  margin-top:-75px;
  margin-left:5%;
}
#siam_mainnav.small-screen #menu-button-main:after {
  position: absolute;
  top: 22px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #04a89b;
  border-bottom: 2px solid #04a89b;
  content: '';
}

#siam_mainnav.small-screen #menu-button-main:before {
  position: absolute;
  top: 16px;
  display: block;
  height: 2px;
  width: 20px;
  background: #04a89b;
  content: '';
}

#siam_mainnav.small-screen #menu-button-main.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #04a89b;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#siam_mainnav.small-screen #menu-button-main.menu-opened:before {
  top: 23px;
  background: #04a89b;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



#menu-button-main.small-screen {
  display: block;
  padding: 17px;
  color: #04a89b;
  cursor: pointer;
}
#menu-button-main.small-screen:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #04a89b;
  border-bottom: 2px solid #04a89b;
  content: '';
}

#menu-button-main.small-screen:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #04a89b;
  content: '';
}

#menu-button-main.small-screen.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #04a89b;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-button-main.small-screen.menu-opened:before {
  top: 23px;
  background: #04a89b;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



#siam_mainnav.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 47px;
  width: 47px;
  cursor: pointer;
}

#siam_mainnav.small-screen ul ul .submenu-button {
  height: 47px;
  width: 34px;
}

#siam_mainnav.small-screen .submenu-button.submenu-opened {
  background-color:#04a89b;
}

#siam_mainnav.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #04a89b;
  content: '';
}

#siam_mainnav.small-screen ul ul .submenu-button:after {
  top: 22px;
  right: 13px;
}

#siam_mainnav.small-screen .submenu-button.submenu-opened:after {
  background: #fff;
}

#siam_mainnav.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #04a89b;
  content: '';
}

#siam_mainnav.small-screen ul ul .submenu-button:before {
  top: 19px;
  right: 16px;
}

#siam_mainnav.small-screen .submenu-button.submenu-opened:before {
  display: none;
}


  .nav{padding:0 2%;}

@media only screen and (max-width:1025px)
{
  #siam_mainnav ul ul {column-count:1;-moz-column-count:1;-webkit-column-count:1;}
  #siam_mainnav>ul>li>a,
  #siam_mainnav>ul>li>span:not(.submenu-button){font-size: 0.9375em;}

  #siam_mainnav.small-screen ul ul li a,
  #siam_mainnav.small-screen ul ul ul li a {
    letter-spacing: 1px;
    font-size: 0.9375em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    line-height: 24px;
  }

}
@media only screen and (min-width: 1026px) and (max-width:1440px)
{
  #siam_mainnav:not(.small-screen)>ul>li>a{letter-spacing:.5px;}
  #siam_mainnav:not(.small-screen)>ul>li>ul>li>a{}
  #siam_mainnav:not(.small-screen) .research-areas-menu>ul>li>a{}
  #siam_mainnav:not(.small-screen)>ul>li>ul>li>ul>li>a{}
  #siam_mainnav:not(.small-screen) .related-menu a{}
}
@media only screen and (min-width: 1026px) and (max-width:1360px)
{
  #siam_mainnav > ul > li > a,
  #siam_mainnav > ul > li > span:not(.submenu-button) {
    padding-left: 8px;
    padding-right: 8px;
    letter-spacing:0;
  }

  #siam_mainnav:not(.small-screen) .related-menu {height:360px;}
}
@media only screen and (min-width: 1026px) and (max-width:1200px)
{

  #siam_mainnav > ul > li > a,
  #siam_mainnav > ul > li > span:not(.submenu-button)
 {
    padding-left: 3px;
    padding-right: 3px;
    letter-spacing:0;
  }

  #siam_mainnav:not(.small-screen)>ul>li.has-sub>a,
  #siam_mainnav:not(.small-screen)>ul>li.has-sub>span:not(.submenu-button)
 {padding-right: 15px;}

  .nav{padding:0 .6%;}

  #siam_mainnav>ul>li.has-sub>a:before,
  #siam_mainnav>ul:not(.open)>li.has-sub>span:not(.submenu-button):before
 {
      right: .9em;
  }

}



	#siam_mainnav:not(.small-screen) .related-menu:before {
	    content: "Related";
	    color: #a6b4c4;
	    font-size: 1.4em;
	    line-height: 2em;
	    margin: 20px 10px;
	    font-family: 'Arvo', serif;
	    text-rendering: optimizeLegibility;
	    font-weight: normal;
	}
/*	.nav{padding:0 2%;}*/
}