@import url('https://fonts.googleapis.com/css?family=Roboto');

/*** ESSENTIAL STYLES ***/

.mynewfont {
font-family: 'Roboto', 'Roboto IE', backupfont;
line-height:xxx%;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
    float: center;
	line-height:	1.0;
}
.sf-menu ul {
    float: right;
	position:		absolute;
	top:			-999em;
	width:			10m; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:       relative;
    margin-right: ;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

#nav-area{
    margin: 0 auto;
    width: 1260px;
}

#nav-buttons{
    float: right;
    margin-left: px;
}

#topnav ul{
    height: 35px;
}

#bottomnav{
    float: none!important;
    text-align: center;
    display: flex;
    justify-content: center
}

#bottomnav ul{
    padding-top: 30px;
    padding-bottom: 35px;
    height: 20px;
    text-align: center;
}

#bottomnav ul li{
    height: 20px;
    border-right: solid 1px #FFFFFF;
}

#bottomnav ul li a{
    font-size: 16px;
    text-align: center;
    float: none!important;
    padding-right: 0px;
    padding-top: 0px;
    margin-top: 3px;
    margin-right: 0px;
    height: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

#contact-li{
    border-right: none!important;
}

#linkedin-li{
    border-right: none!important;
}

#linkedin-bottom-li{
    border-right: none!important;
}

.sf-menu ul {
    height: 35px;
    float: none;
    margin-top: -15px;
}

.sf-menu li {
	font-family: 'Roboto';
    font-size: 1.2em;
    margin-top: 0px;
    font-size: 22px;
    color: #FFFFFF;
    height: 50px;
    width: auto;
    font-size: 22px;
}

.sf-menu li a{
    text-align: center;
    text-decoration: none;
    width: auto;
    color: #FFFFFF;
    margin-top: 15px;
    padding-right: 0px;
    padding-left: 35px;
    font-size: 20px;
    font-family: 'Roboto';
    padding-top: 0px;
}

.sf-menu li a:hover{
    color: #bba872;
}

.sf-menu ul li{
    float: right;
    font-size: 1em;
    width: 100px;
    margin-left: -53px;
    padding-top: -35px;
}

.sf-menu ul li a{
    margin-left: 10px;
}

.sf-menu li ul a{
    height: 35px;
    padding-top: 8px;
}
    
.sf-menu li ul:hover{
    color: #FFF;
}

.sf-menu li li{
    height: 35px;
    margin-top: -2px;
    padding-left: 5px;
    width: 195px;
}

.sf-menu li li a{
    margin-top: 0px;
    padding-bottom: 0px;
    width: 170px;
}

#main-nav li.social{
   padding: px 0 0 0px; 
}

#main-nav{
    margin: 0 auto;
    margin-top: 0px;
    width: 50%;
}

@media screen and (max-width:1366px) {
    #nav-area{
    margin: 0 auto;
    width: calc(93%);
}

#nav-buttons{
    float: right;
}
    
.sf-menu ul li{
    float: right;
    font-size: 1em;
    width: 85px;
    margin-left: -53px;
    padding-top: -35px;
}
    
    .sf-menu li a{
    text-align: center;
    text-decoration: none;
    width: auto;
    color: #FFFFFF;
    margin-top: 15px;
    padding-right: 0px;
    padding-left: 35px;
    font-size: 20px;
    font-family: 'Roboto';
    padding-top: 0px;
}
}
@media screen and (max-width:1200px) {
    
#topnav ul{
    height: 40px;
}
    
.sf-menu ul li{
    float: right;
    width: 85px;
    margin-left: -53px;
    padding-top: -35px;
}
    
#nav-buttons{
    margin-top: 3px;
}
    
.sf-menu li{
    height: 40px;
}
    
.sf-menu li a{
    text-align: center;
    text-decoration: none;
    width: auto;
    color: #FFFFFF;
    margin-top: 12px;
    padding-right: 0px;
    padding-left: 22px;
    font-size: 19px;
    font-family: 'Roboto';
    padding-top: 0px;
}
    
#linkedin-icon{
    margin-top: -4px;
}
}

@media screen and (max-width:655px) {
    
#facebook-li slicknav li a{
    display: none;
}

#nav-buttons{
    float: right;
}
    
.sf-menu li {
	font-family: 'Roboto';
    font-size: 1em;
    margin-bottom: px;
    margin-top: 0px;
    color: #153E4C;
    height: 35px;
    width: 60px;
    float: left;
}
}

@media screen and (max-width:540px) {
    
#nav-area{
    width: calc(90%);
}

#nav-buttons{
    width: 50%;
}
    
.sf-menu li {
	font-family: 'Roboto';
    font-size: 1em;
    margin-top: 0px;
    color: #153E4C;
    height: 35px;
    width: 40px;
    float: left;
}
}