/*
 * This is the CSS for the RO mobi menu
 */
 

 *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*text-decoration: none;*/ -webkit-font-smoothing: antialiased;}
 .clearfix:before, .clearfix:after{content: ""; display: table;}.clearfix:after{clear: both;}.clearfix{zoom: 1;}.cl{clear: both;}
 ul, ol{margin-top:0px; margin-right:0px; margin-left:0px;  margin-bottom:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    box-sizing: border-box; padding:0px ; list-style:none;}
 li{ margin:0px; padding:0px; }
 a:focus {outline:none !important;}
 
 
 
 .wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;}
 .hometext{ display:inline-block !important; }
 .megacollink {width:96% !important; margin:0% 2% !important; }
 .megacolimage{width:90% !important; margin:0% 5% !important;}
 .typographylinks{width:98% !important; margin:0% 1% !important;}	
 .typographydiv{width:86% !important; margin:0% 7% !important;}	
 .mainmapdiv{width:90% !important; margin:0% 5% !important; }
 
 /* ROC - changed margin-right from 7px to 16px to allowing padding for scroll bar */
 .wsmenu-submenu .fa{ margin-right:16px;}
 .overlapblackbg{
	 left:0;
	 z-index:100;
	 width:100%;
	 height:100%;
	 position:fixed;
	 top:0;
	 display:none;
	 background-color:rgba(0, 0, 0, 0.45);
	 cursor:pointer;}
	 
 .overlapblackbg.menuopen{display:block;}
 
 /* Default Theme */ 
 .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;}
 .wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);}
 .wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);}	
 
 .wsmenu-list li:hover .wsmenu-submenu{display:none ;}
 .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
 .wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
 .wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}
 
 .innerpnd{ padding:0px !important; }
 .typography-text { padding:10px 0px; }
 
 
 /*Form for desktop */
 .halfdiv{
	 width:35%;
	 right:0px !important;
	 left:auto;}
	 
 .menu_form{width:100%; display:block;}
 .menu_form input[type="text"]{
	 width:100%;
	 border:1px solid #e2e2e2;
	 -webkit-border-radius:4px;
	 -moz-border-radius:4px;
	 border-radius:4px;
	 color:#000;
	 font-size:13px;
	 padding:8px 5px;
	 margin-bottom:8px;
	 }
 .menu_form textarea{
	 width:100%;
	 border:1px solid #e2e2e2;
	 border-radius:5px;
	 color:#000;
	 font-size:13px;
	 padding:8px 5px;
	 margin-bottom:8px;
	 min-height:122px;}
	 
 .menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right;  border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
 .menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
 
 .wsoffcanvasopener .wsmenu {
	 overflow-y:auto;
	 left:0px;
	 -webkit-transition:all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 }
 
 .wsmenucontainer.wsoffcanvasopener{
	 display:block; margin-left:240px;
	 }
	 
 .wsmobileheader{
	 display:block !important;
	 position:relative;
	 top:0;
	 right:0;
	 left:0;
	 -webkit-transition:all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 
	 }
	 
 
 .wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;}
 .hometext{ display:inline-block !important; }
 .megacollink {width:96% !important; margin:0% 2% !important; }
 .megacolimage{width:90% !important; margin:0% 5% !important;}
 .typographylinks{width:98% !important; margin:0% 1% !important;}	
 .typographydiv{width:86% !important; margin:0% 7% !important;}	
 .mainmapdiv{width:90% !important; margin:0% 5% !important; }
 
 /* ROC - this is the lightbox overlay opacity for the web page when the mobi menu is active */
 .overlapblackbg{
	 left:0;
	 z-index:10;
	 width:100%;
	 height:100%;
	 position:fixed;
	 top:0;
	 display:none;
	 background-color:rgba(0, 0, 0, 0.15);
	 cursor:pointer;}
	 
 .wsoffcanvasopener .overlapblackbg{display:block !important;}
 
 /* Default Theme */ 
 .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;}
 .wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);}
 .wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);}	
 
 .wsmenu-list li:hover .wsmenu-submenu{display:none ;}
 .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
 .wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
 .wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}
 
 .innerpnd{ padding:0px !important; }
 .typography-text { padding:10px 0px; }
 
 .wsmenucontainer{
	 overflow: hidden;
	 -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	 -ms-backface-visibility: hidden;
	 min-height:800px;
	 -webkit-transition:all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;}
	 
 
 
 /* Mobile click to drop arrow */
 .wsmenu-click {
	 height:43px;
	 position:absolute;
	 top:0;
	 right:0;
	 display:block;
	 cursor:pointer;
	 width:100%;
	 }
	 
 .mobile-logo {
	 padding-left: 60px; }
 .mobile-logo img{max-height:50px;}
	 
 a.mobile-login, a.mobile-login:link, a.mobile-login:visited, a.mobile-login:focus, a.mobile-login:active {
	 float: right; 
	 font-family: "PT Sans", sans-serif; 
	 font-size: 16px; 
	 font-weight: bold; 
	 margin-right: 35px; 
	 margin-top: 5px; 
	 color: white;
	 transition:ease-in 0.5s all;
	 background: #0072CE;
	 border-radius: 5px; 
	 padding: 5px 15px 5px 15px;
	 }
	 
 a.mobile-login:hover {
 background:#D50032; }
	 
 /* ROC - changed font to 14 and margin-right from 8px to 16px so arrow wasn't against scroll bar */
 .wsmenu-click i{
	 display:block;
	 height:23px;
	 width:25px;
	 margin-top:11px;
	 margin-right:16px;
	 background-size:25px;
	 font-size:14px;
	 color:rgba(0,0,0,0.25);
	 float:right;
	 text-align:center;
	 }
	 
	 
 .wsmenu-click02 {
	 height:43px;
	 position:absolute;
	 top:0;
	 right:0;
	 display:block;
	 cursor:pointer;
	 width:100%;
	 }
 
 .wsmenu-click02 i{
	 display:block;
	 height:23px;
	 width:25px;
	 margin-top:11px;
	 margin-right:8px;
	 background-size:25px;
	 font-size:14px;
	 color:rgba(0,0,0,0.25);
	 float:right;
	 text-align:center;
	 }	
	 
 .ws-activearrow > i{transform: rotate(180deg); margin-top: 0px;}
 
 .wsmenu-rotate{
	 -webkit-transform:rotate(180deg);
	 -moz-transform:rotate(180deg);
	 -ms-transform:rotate(180deg);
	 -o-transform:rotate(180deg);
	 transform:rotate(180deg);}
 
 /*2nd UL Style*/
 .wsmenu-submenu-sub{
	 width:100% !important;
	 position:static !important;
	 left:100% !important;
	 top:0 !important;
	 display:none;
	 margin:0px !important;
	 padding:0px !important;
	 border:solid 0px !important;
	 transform:none !important;
	 opacity:1 !important;
	 visibility:visible !important;
	 }
	 
 .wsmenu-submenu-sub li{
	 margin:0px 0px 0px 0px !important;
	 padding:0px;
	 position:relative;}
	 
 .wsmenu-submenu-sub a{
	 display:block;
	 padding:10px 25px 10px 25px;
	 border-bottom:solid 1px #ccc;
	 font-weight:normal;}
	 
 .wsmenu-submenu-sub li a.active{color:#000 !important;}
 
 .wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;}
 
 .wsmenu-list > li > a .fa{margin-right:6px;}
 
 .wsmenu-submenu-sub-sub{
	 width:100% !important;
	 position:static !important;
	 left:100% !important;
	 top:0 !important;
	 display:none;
	 margin:0px !important;
	 padding:0px !important;
	 border:solid 0px !important;
	 transform:none !important;
	 opacity:1 !important;
	 visibility:visible !important;
	 }
	 
 .wsmenu-submenu-sub-sub li{
	 margin:0px 0px 0px 0px !important;}
	 
 .wsmenu-submenu-sub-sub a{
	 display:block;
	 color:#000;
	 padding:10px 25px;
	 background:#000 !important;
	 border-bottom:solid 1px #ccc;
	 font-weight:normal;}
	 
 .wsmenu-submenu-sub-sub li a.active{ color:#000 !important;}
 .wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;}
 .wsmenu{position: relative;}
 
 .wsmenu .wsmenu-list{
	 height:100%;
	 display:block !important;
	 margin-bottom: 0;
	 padding-left: 0;}
	 
 .wsmenu .wsmenu-list > li{
	 width:240px;
	 display:block;
	 float:none;
	 border-right:none;
	 background-color:transparent;
	 position:relative;
	 white-space:inherit;}
 .wsmenu .wsmenu-list > li:first-child { 
	 /*margin-top: 20px;*/ }
	 
 .wsmenu > .wsmenu-list > li > a{
	 padding:9px 32px 9px 17px;
	 font-size:14px;
	 text-align:left;
	 border-right:solid 0px;
	 background-color:transparent;
	 color:#666666;
	 line-height:25px;
	 border-bottom:1px solid;
	 border-bottom-color:rgba(0,0,0,0.13);
	 position:static;
	 display:block;
	 }
	 
 .wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf;}
 .wsmenu .wsmenu-list li a .arrow:after{ display:none !important; }
 .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; }
 
 .mobile-sub .wsmenu-submenu{
	 transform:none !important;
	 opacity:1 !important;
	 display:none;
	 position:relative !important;
	 top:0px;
	 background-color:#fff ;
	 border:solid 1px #ccc;
	 padding:0px;
	 visibility:visible !important;
	 }
 .mobile-sub .wsmenu-submenu li{ position:relative; }	
	 
 .mobile-sub .wsmenu-submenu li a{
	 line-height:20px;
	 height:36px;
	 background-color:#e7e7e7 !important;
	 font-size:13px !important;
	 padding:8px 0px 8px 18px;
	 color:#8E8E8E;
	 display:block;
	 }
 
 .mobile-sub .wsmenu-submenu li a:hover{ background-color:#e7e7e7  !important; color:#666666; text-decoration:underline; }
 .mobile-sub .wsmenu-submenu li:hover>a{ background-color:#e7e7e7 !important; color:#666666; }
 
 /* ROC - change submenu dropdown color from e7e7e7 to f3f3f3 so it pops a little more */
 .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36px; background-color:#f3f3f3 !important; border-bottom:none; padding-left:28px;}
 .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;}
 
 
 .wsmenu-list .megamenu{
	 background-color:#e7e7e7;
	 color:#666666;
	 display:none;
	 position:relative !important;
	 top:0px;
	 padding:0px;
	 border:solid 0px;
	 transform:none !important;
	 opacity:1 !important;
	 visibility:visible !important;
	 }
	 
 .wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; }
 .megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;}
 .halfdiv .title{ padding-left:15px;}
 .megamenu > ul{
	 width:100% !important;
	 margin:0px;
	 padding:0px;
	 font-size:13px !important;}
	 
 .megamenu > ul > li > a{
	 padding:9px 14px !important;
	 line-height:normal !important;
	 font-size:13px !important;
	 background-color:#e7e7e7 !important;
	 color:#666666;}
	 
 .megamenu > ul > li > a:hover{background-color:#000000 !important;}
 
 .ad-style{ width:100% !important;}
 
 .megamenu ul li.title{
	 line-height:26px;
	 color:#666666;
	 margin:0px;
	 font-size:15px;
	 padding:7px 13px !important;
	 border-bottom:1px solid #ccc;
	 background-color:transparent !important;}
 
 .halfdiv{ width:100%; display:block;}
 .halfmenu{width:100%; display:block;}
 
 .menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;}
 
 .menu_form input[type="button"]{ width:46%; }
 .menu_form input[type="submit"]{ width:46%; }	
 .menu_form textarea{min-height:100px;}
 
 .wsmenu {
	 width:240px;
	 left:-240px;
	 height: 100%;
	 position: fixed;
	 top: 0;
	 margin: 0;
	 background-color: #fff;
	 border-radius:0px;
	 z-index:100;
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 border:none !important;
	 background-color:#fff !important;
	 }
 
 
 
 
  
 /* Navigation arrow Animation */
 .animated-arrow{
	 position:absolute;
	 left:0; top: 20px; z-index:102;
	 -webkit-transition:all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 }
	 
 .callusicon{
	 color: #c9c9c9;
	 font-size: 25px;
	 position: absolute;
	 right:18px;
	 top: 29px;
	 z-index:102;
	 transition: all 0.4s ease-in-out 0s;
	 font-size:19px;
	 -webkit-transition:all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 }	
	 
 .callusicon:focus, callusicon:hover {
	 color: #fff !important;
 }
 
 
 .smallogo{
	 width:100%;
	 display:block;
	 text-align:center;
	 padding-top:9px;
	 position:fixed;
	 z-index:101;
	 width:100%;
	 height:52px;
	 background: #262626;
	 background: -moz-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(50%, #1c1c1c), color-stop(100%, #262626));
	 background: -webkit-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
	 background: -o-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
	 background: -ms-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
	 background: linear-gradient(to bottom, #262626 0, #1c1c1c 50%, #262626 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);
	 box-shadow: 0 1px 4px rgba(0,0,0,.5);
	 -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
 }
 
  
 /* changed margin from 18,0,0,18 to 3,0,0,0 for RO layout alignment */
 .animated-arrow{
	 cursor:pointer;
	 padding:10px 35px 16px 20px;
	 margin: 0 0 0 0;}
	 
 .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
	 cursor: pointer;
	 height:2px;
	 width:20px;
	 background: #000033;
	 position: absolute;
	 display: block;
	 content: '';}
	 
 .animated-arrow span:before{
	 top: -7px;}
	 
 .animated-arrow span:after {
	 bottom: -7px;}
	 
 .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
	 transition: all 500ms ease-in-out;}
	 
 .wsoffcanvasopener .animated-arrow span{
	 background-color: transparent;}
	 
 .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{
	 top:9px;}
	 
 .wsoffcanvasopener .animated-arrow span:before {
	 transform: rotate(45deg);
	 -moz-transform:  rotate(45deg);
	 -ms-transform:  rotate(45deg);
	 -o-transform:  rotate(45deg);
	 -webkit-transform:  rotate(45deg);
	 bottom:0px;
	 }
	 
 .wsoffcanvasopener .animated-arrow span:after {
	 transform: rotate(-45deg);
	 -moz-transform:  rotate(-45deg);
	 -ms-transform:  rotate(-45deg);
	 -o-transform:  rotate(-45deg);
	 -webkit-transform:  rotate(-45deg);
	 }
 
 
 /*Animation None */
 .wsmenu-list li > .wsmenu-submenu{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 }
	 
 .wsmenu-list li:hover > .wsmenu-submenu{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 }
 
 .wsmenu-submenu li > .wsmenu-submenu-sub{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 }
	 
 .wsmenu-submenu li:hover > .wsmenu-submenu-sub{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 opacity:1  !important;
	 }
 
 .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 opacity:1  !important;
	 }
	 
 .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 opacity:1  !important;
	 }
 
 
 .wsmenu-list li > .megamenu{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 opacity:1  !important;
	 }
	 
 .wsmenu-list li:hover > .megamenu{
	 transform:none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform:none !important;
	 transform: none !important;
	 -o-transform:none !important;
	 -moz-transform: none !important;
	 -webkit-transform: none !important;
	 visibility:visible !important;
	 opacity:1  !important;
	 }
 
 /*.header{
	 position:fixed;
 }*/
 
 
 /* ROC - this is so the mobi menu is off canvas (covering the page) instead of pushing page to the right.  Comment it out if you prefer to have it push the page to the right */
 .wsmenucontainer.wsoffcanvasopener{ margin-left:0px !important;}
 .wsmenu{ z-index:300 !important; }
 
 
 /* ROC - this div is for the mobi button, so it aligns properly with RO layout...changed line 482 CSS too */
 .bwrapper{
	 max-width:1200px;
	 margin:0 auto;
	 margin-bottom:30px;
	 min-width:320px;
	 position: fixed;
	 background: white;
	 width: 100%;
	 padding-top: 10px;
	 padding-bottom: 5px;
	 z-index: 9;
	 }
	 
 /* ROC - this is the media quuery sequence to hide the mobi menu when the screen is 1024 or larger and show it when it is less than 1024 */
 @media screen and (min-width: 1024px) {
	 .wsmenu {
		 display:none;
		 visibility:none;
	 }
	 
	 .bwrapper {
		 display:none;
		 visibility:none;
	 }	
	 
	 #wsnavtoggle {
		 display:none;
		 visibility:none;
	 }	
 }