@charset "utf-8";
/* CSS Document */

.courgette-regular {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}

.passion-one-regular {
  font-family: "Passion One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.passion-one-bold {
  font-family: "Passion One", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.passion-one-black {
  font-family: "Passion One", sans-serif;
  font-weight: 900;
  font-style: normal;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


p{
padding: 0;
margin: 0 !Important;
font-family: "Poppins", sans-serif;
font-size:14px;
font-weight: 400;
font-optical-sizing: auto;
padding-bottom: 22px;
color: #515151;
line-height: 22px;
}

#footerText2{
padding: 0;
margin: 0;
font-family: "Poppins", sans-serif;
font-size:14px;
font-weight: 600;
font-optical-sizing: auto;
padding-bottom: 22px;
color: #fff;
line-height: 22px;
}



h1{
color: #00538b;
font-size: 32px;
font-weight: 700;
text-align: left;
padding-top: 15px;
padding-left: 20px;
}

a{color: #000;
text-decoration:none;
}

a:hover{
text-decoration: underline;	
}

li
{
list-style-image: url('/resources/images/ocean-bullet.png');
}
.contentinside ul li {
    font-family: 'Helvetica', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 10px;
}
.homemoreinfo {
float: right;
background: #fff;
font-size: 14px;
padding: 5px;
text-transform: uppercase;
}
.mobilemenuonly {
display: none;
}

.grid-section
{
float: left;
margin-right: 11px;
margin-bottom: 20px;
margin-left: 9px;
}

.grid-photo
{
width: 146px;
height: 76px;
}
.contentBody ul li {
    margin-bottom: 15px;
}
.homeboxtitle {
    font-size: 26px;
    color: #ffffff;
    padding: 5px 5px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
}
.homecopy {
padding: 0 5px 5px 5px;
color: #ffffff;
font-size: 14px;
}
.threeboxhome1 {
float: left;
width: 32%;
background: #00538b;
margin-top: 20px;
margin-right: 2%;
}
.threeboxhome2 {
float: left;
width: 32%;
background: #006200;
margin-top: 20px;
margin-right: 2%;
}
.threeboxhome3 {
float:right;
width: 32%;
background: #0561a4;
margin-top: 20px;
}
.lefthomebig {
width: 67%;
float: left;
}
.righthomesmall {
width: 30%;
float: right;
}

#topMenu ul li,
#topMenu2 ul li
{
list-style-type: none;
list-style-image: none;
}

.weather {
    float: right;
    height: 48px;
    margin-top: 10px;
    width: 131px;
}
body{
padding: 0;
font-family: "Montserrat", MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;	
background: #ffffff;
}

img{
border: 0;	
}


#wrapper{
margin-left: auto;
margin-right: auto;	
width: 100%;
}

#contentWrapper{
width: 100%;
margin-left: auto;
margin-right: auto;
background: #fff;
}

#topMenu,#topMenu2 {
float: right !important;
margin-top: 10px !important;
}

.leftColumn{
float: left;	
width: 260px;
}

.logo{
margin-left:auto;
margin-right: auto;
}

.homeLogoLeft{
float: left;
margin-top: 20px;	
}

.oclogostyle {
width: 260px;
height: 110px;
}
.contentLogoLeft{
float: left;
margin-right: auto;
}


.homeLogoLeft2{
margin-left:auto;
margin-right: auto;
margin-top: 60px;	
}

.leftColumnImage{
background: url("/resources/left-image.jpg") no-repeat;
margin-left:auto;
margin-right: auto;
height: 660px;
 
    width: 184px;
}

.content{
	margin: 0 auto;
	width: 100%;
}

.header{
}
.headerNav{
	padding-top: 14px;
		padding-bottom: 15px;

}

.divider{
font-weight: bold;
color: 	 #007dc6;
}

.headerNav a{
	font-size: 11px;
	font-weight: bold;
	
}
h2{
color: #00538b;
font-size: 19px;
text-align:left;
}
h3{
color: 	 #007dc6;
font-size: 16px;
text-align:center;
}

.contentBody{
	
}

.contentBody a{
font-weight: bold;	
}

.bottomNav{
        opacity: 1.0 !important;
background: #dcddde;
}
.bottomNav2{
background: #0d5480;
}

.divider{
font-weight: bold;
color: 	 #007dc6;
}

.bottomNav a{
	font-size: 11px;
	font-weight: bold;
	
}

.socialIcons{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	padding-top: 14px;
}

.socialIcons a{
color: 	#000;
}

.socialIcons h4,
.socialIcons .h4{
font-size:10px;
text-align:center;
font-weight:bold;
margin: 0;	
color: #000;
}

.socialIcons2 h4,
.socialIcons2 .h4{
font-size:12px;
text-align:center;
font-weight:600;
margin: 0;	
color: #fff;
}



.facebook{
	float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.facebook h4{
}

.twitter{
	float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.twitter h4{
}

.e-vents{
	float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.e-vents h4{
} 

.watch-video{
	float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}


.watch-video h4{
}

.event-calendar{
	float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.event-calendar h4{
} 

.you-tube{
	float: left;
	padding-right: 16px;
       text-align: center;}

.you-tube h4{
}
.beachcams{
	float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.beachcams h4{		
}

/*
ul li{
font-size: 13px;
color: #434443;
}*/


td{
font-size: 13px;
color: #434443;
}

.search-spacer
{
background-color: #rgba(255, 255, 255, 0);
position: absolute;
top: 20px;

left: -157px;
height: 68px;
width: 235px;
z-index: 100;  
}


.search-li
{
height: 18px;
margin-left: -6px;
}

.search-li div.home-search
{
visibility: hidden;
display: none;

/*visibility: visible;
display: block;*/
}

.search-li:hover div.home-search
{
visibility: visible;
display: block;
}


.search-li div.search-spacer
{
visibility: hidden;
display: none;

/*visibility: visible;
display: block;*/
}

.search-li:hover div.search-spacer
{
visibility: visible;
display: block;
}




.search-li div.home-search
{

background-color: rgba(35, 35, 35, 0.5);
color: #FFFFFF;
padding: 10px 5px;
}

.search-li div.home-search span
{
margin-right: 5px;
}

.search-li div.home-search input[type="text"]
{
border: none;
background: #EEEEEE;
border-radius: 8px;
padding: 2px;
padding-left: 10px;
}




.search-li-2
{
}

.search-li-2 div.content-search
{
visibility: hidden;
display: none;

/*visibility: visible;
display: block;*/
}

.search-li-2:hover div.content-search
{
visibility: visible;
display: block;
}

.search-li-2 div.content-search
{
position: absolute;
background-color: rgba(35, 35, 35, 0.5);
color: #FFFFFF;
padding: 10px 5px;
top: 18px;
left: -184px;
}

.search-li-2 div.content-search span
{
margin-right: 5px;
}

.search-li-2 div.content-search input[type="text"]
{
border: none;
background: #EEEEEE;
border-radius: 8px;
padding: 2px;
padding-left: 10px;
}

#video {
	 float: left;
    height: 400px;
    margin: 0;
    padding: 0;
    width: 611px;
}
#videoSelector {
 float: right;
    margin: 0;
    padding: 0;
	
}



.hide {
	display: none;
}

.levelButtons {
  	background-color: #D6D6D6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#cccccc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#cccccc')";
background-image: -moz-linear-gradient(top, #f7f7f7, #cccccc);
background-image: -ms-linear-gradient(top, #f7f7f7, #cccccc);
background-image: -o-linear-gradient(top, #f7f7f7, #cccccc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#cccccc));
background-image: -webkit-linear-gradient(top, #f7f7f7, #cccccc);
background-image: linear-gradient(top, #f7f7f7, #cccccc);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #868686;
border-radius: 6px 6px 6px 6px;
color: #007DC6;
display: inline-block;
font-family: arial;
font-size: 15px;
font-weight: bold;
margin-bottom: 4px;
padding: 3px 5px;
text-decoration: none;

}

.levelButtons:hover {
	background-color:#dfdfdf;
}

.levelButtons:active {
	position:relative;
	top:1px;
}

.contentBox {
	display: none;

padding: 7px 30px 0px;
}

#floorPlansContent{
/*
background-color: #ffffff;
border: 2px solid #319394;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#cccccc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#cccccc')";
background-image: -moz-linear-gradient(top, #f7f7f7, #cccccc);
background-image: -ms-linear-gradient(top, #f7f7f7, #cccccc);
background-image: -o-linear-gradient(top, #f7f7f7, #cccccc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#cccccc));
background-image: -webkit-linear-gradient(top, #f7f7f7, #cccccc);
background-image: linear-gradient(top, #f7f7f7, #cccccc);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
*/
height:auto;

}

#box-table-a {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    text-align: left;
width:100%;
}


#box-table-a th span{
display:block;
padding: 8px;
border-right:1px solid #eee;
}

#box-table-a th.asc span{
background:url(/core/fileparse.php/100629/urlt/resources/upSortArrow.png) left center no-repeat;
padding-left:16px;
}

#box-table-a th.desc span{
background:url(/core/fileparse.php/100629/urlt/resources/downSortArrow.png) left center no-repeat;
padding-left:16px;
}

#box-table-a th {
    background: none repeat scroll 0 0 #B9C9FE;
    border-bottom: 1px solid #FFFFFF;
    border-top: 4px solid #AABCFE;
    color: #003399;
    font-size: 13px;
    font-weight: normal;
    cursor:pointer;
}
#box-table-a td {
    background: none repeat scroll 0 0 #E8EDFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: #666699;
    padding: 8px;
}
#box-table-a tr:hover td {
    background: none repeat scroll 0 0 #D0DAFD;
    color: #333399;
}

.galleryImage {
width: 687;
height: 428px;
position: absolute;
top: 36px;
opacity: 1;
}

.go-to-site
{
visibility: hidden;
display: none;
}

#exhibit_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #937CB9;}

#ballroom_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #F79756;}

#arena_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #319394;}

#pinkrooms_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #E36388;}

#top_rooms_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #FFD040;}

#bottom_rooms_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #7896CD;}

#bottom_rooms_three_content #box-table-a tr:hover td {background: none repeat scroll 0 0 #FFD040;} 

/* #privacy banner
================================================== */
    
 .privacy-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 1rem .5rem;
    background: #fff;
    z-index: 1030;
    color: #000;
    font-size: 14px;
    margin: 0;
    display: none;
  }
  .banner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
    align-items: center;
  }
  .privacy-banner p {
    margin: 0;
    color: #000;
    text-align: center;
  }
  .privacy-banner .banner-wrapper p {
      padding-right: 3rem;
  }
  .privacy-banner a {
    text-decoration: none;
    margin: 20px auto 0 auto;
    display: block;
    max-width: 150px;
  }
  .privacy-banner a:hover {
    text-decoration: underline;
  }
  .privacy-banner button {
    position: absolute;
    right: 5px;
    top: calc(50% - 12.5px);
    color: #fff;
    outline: 0;
    height: 25px;
    width: 25px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    line-height: 1;
    background: #000;
    cursor: pointer;
  }
  .banner-learn {
    color: #000;
  }
   a.banner-learn {
    text-decoration: underline;
    margin: auto;
    display: inline;
    max-width: auto;
  }
  .banner-accept {
    padding: 7px 15px;
    color: #fff;
    border-radius: 5px;
    background: #000;
  }

@media screen and (max-width: 768px) {
.homeLogoLeft {
	margin-top: 0px;
	float: none;
	text-align: center;
}
.mobilemenuonly {
display: block;
width: 100%;
}
#contentWrapper {
	width: auto;
}
.content {
	width: auto;
}
#topMenu, #topMenu2 {
	width: auto !important;
	height: auto  !important;
	margin-top: 20px  !important;
}
.plusslider {
	display: none;
}
.righthomesmall {
    width:100%;
    float: none;
}
.lefthomebig {
    width: 100%;
    float: none;
}
.threeboxhome1 {
	width: 100%;
}
.threeboxhome2 {
	width: 100%;
}
.threeboxhome3 {
	width: 100%;
}
.socialIcons{
	width: auto;
}
.facebook{
	float: none;
}
.twitter{
	float: none;
}
.e-vents{
	float: none;
}
.watch-video{
	float: none;
}
.event-calendar{
	float: none;;
}
.you-tube{
	float: none;
}
.beachcams{
	float: none;
}
.mobileimages {
	float: none !important;
        width: 100% !important;
        height: auto !important;
        clear: both !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
}
.oclogostyle {
width: 325px !important;
height: 138px !important;
}
}
    


  body {
  /*behavior: url(/core/fileparse.php/100599/urlt/csshover.htc);*/
  }
  
  /* Remove margins and padding from the list, and add a black background color */
  ul.topnav {
      list-style-type: none;
      margin: 0 auto;
      padding: 5px;
      overflow: hidden;
      background-color: #142b4b;
      display: none;
  }
  
  /* Float the list items side by side */
  ul.topnav li {
  color: #ffffff;
  float: none !important;
  }
  
  /* Style the links inside the list items */
  ul.topnav li a {
      display: block;
      color: #ffffff !important;
      text-align: center !important;
      padding: 14px 16px;
      text-decoration: none;
      transition: 0.3s;
      padding: 5px !important;
  }
  
  /* Change background color of links on hover */
  ul.topnav li a:hover {background-color: #013f6f;}
  
  /* Hide the list item that contains the link that should open and close the topnav on small screens */
  ul.topnav li.icon {display: none;}
  
  
  
  #topMenu, #topMenu2 {
  padding: 0;
  height: 42px;
  margin: 0;
  width: 750px;
  font-family: arial;
  margin-top: 40px !important;
  }
  
  #topMenu ul,#topMenu2 ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;

  min-width:10px;
  /*height:42px;*/
  float: left;
  border-left: 0.1em solid #6695e1;
  }
  
  #topMenu ul li,#topMenu2 ul li{
  float:left;
  position:relative;
  }
  
  #topMenu ul li ul,#topMenu2 ul li ul{
  left: 0;
  position: absolute;
  display: none;
  width:170px;
  padding: 9px;
  border-left:none;
  }
  
  #topMenu ul li a,#topMenu2 ul li a {
  list-style: none;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  display: block;
  color: #00538b;
  font-family: arial;
  }
  
  #topMenu ul:first-child,#topMenu2 ul:first-child
  {
  border-left: none;
  } 
  
  #topMenu ul li.menu1 a,#topMenu2 ul li.menu1 a {
  border-left: none;
  }
  
  #topMenu ul li ul li a,#topMenu2 ul li ul li a {
  font: 11px arial, helvetica, sans-serif;
  margin: 0;
  padding: 3px;
  text-align: left;
  color: #ffffff;
  background: #1369a1;
  text-decoration: none;
  border-left: none;
  width:170px;
  text-transform:none;
  }
  
  #topMenu a,#topMenu2 a {
  margin: 0;
  padding: 0;
  padding: 2px 5px 2px 5px;
  color: #000;
  
  text-decoration: none;
  }
  
  /* #topMenu a:hover {
  color: white;
  background: #1b4294;
  }*/
  
  #topMenu ul li ul li a:hover,#topMenu2 ul li ul li a:hover {
  color: #000;
  font-weight:bold;
  
  }
  
  .topMenuHighlight {
  color: #000;
  }
  
  .topMenuHighlight a {
  color: black;
  }
  
  
  #topMenu li,#topMenu2 li {
  float:left;
  position: relative;
  }
  
  #topMenu ul ul,#topMenu2 ul ul {
  position:  absolute;
  z-index: 500;
  }
  
  #topMenu ul ul ul,#topMenu2 ul ul ul {
  position:  absolute;
  left: 100%;
  }
  /**/
  
  
  div#topMenu ul ul,
  div#topMenu ul li:hover ul ul,
  div#topMenu ul ul li:hover ul ul,
  div#topMenu2 ul ul,
  div#topMenu2 ul li:hover ul ul,
  div#topMenu2 ul ul li:hover ul ul
  {display: none;}
  
  div#topMenu ul li:hover ul,
  div#topMenu ul ul li:hover ul,
  div#topMenu ul ul ul li:hover ul,
  div#topMenu2 ul li:hover ul,
  div#topMenu2 ul ul li:hover ul,
  div#topMenu2 ul ul ul li:hover ul
  {display: block;}
  
  
  /* Fix IE. Hide from IE Mac */
  
  * html #topMenu ul li { height: 1%; z-index: 500;}
  * html #topMenu2 ul li { height: 1%; z-index: 500;}
  
  /* Current Weather Widget */
  #headerWeather {
    color:#00538b;
    font-size:18px;
    font-weight:bold;
    width: 230px;
    margin-bottom: -37px;  
  }
  #headerWeather .weatherContainer {
    font-size: 10px;
    float: left;
    margin-top: 9px;
  }
  #headerWeather a {
    color:#00538b;
    margin-top: -30px;
    position: absolute;
  }
  
  /* End */
  /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
  @media screen and (max-width:768px) {
    ul.topnav li:not(:first-child) {
      display: none;
    }
    ul.topnav li:first-child {
      display: none;
    }
    ul.topnav li.icon {
      display: block;
    }
   .hidemainmenu {
    display: none !important;
    }
  
    ul.topnav.responsive {
      position: relative;
    }
    ul.topnav.responsive li.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    ul.topnav.responsive li {
      float: none;
      display: inline;
    }
    ul.topnav.responsive li a {
      display: block !important;
    }
    ul.topnav {
      display: block !important;
    }
    #topMenu,#topMenu2 {
      padding: 0;
      height: auto !important;
      margin: 0 auto;
      float: none !important;
    }
    #topMenu ul,#topMenu2 ul {
      list-style: none outside none;
      float: none !important;
      margin: 0 auto !important;
      max-width: 100% !important;
      width: 100%;
    }
    #headerWeather {
      float: none;
      margin: 0 auto;
      margin-bottom: 37px;
      margin-top: -40px;
    }
  }
  

.courgette-regular {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}
  

	
	

@media (min-width: 1024px) and (max-width: 3030px) {
    	#topMenu, #topMenu2 {width: auto;}
    }

@media (min-width: 800px) and (max-width: 1023px) {
#topMenu, #topMenu2 {height: auto;width:auto;}
.oclogostyle {
    width: 160px;
    height: auto;
}
.content{width: 100%;}
#contentWrapper {width: 100%;}
}


@media (min-width: 1920px) and (max-width: 3840px) {
#contentWrapper {width: 100%;}
.content {width: 100%;}
    }
  
  <!--[if IE]>

  #topMenu ul li a {
  font-size: 10px;
  }
  
  @media (min-width: 1400px) and (max-width: 1919px) {
#contentWrapper {width: 100%;}
.content {width: 100%;}
    }
    
    @media (min-width: 768px) {
    .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.titleJS {max-width:1216px;margin-left:auto;margin-right:auto;margin-top:40px}
  
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !Important;
}
  
  
  <!--[if IE]>

  #topMenu ul li a {
  font-size: 10px;
  }
  
  
 
  
  
  
  
  

  <![endif]-->