.cl { clear: both; }
.wsmobileheader { display: none; }
.overlapblackbg { display: none; }

.menu { width: 100%; float: left;}
#cssmenu, #cssmenu ul, 
#cssmenu ul li, #cssmenu ul li a, 
#cssmenu #menu-button { margin: 0px; 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;}

#cssmenu:after, #cssmenu ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.wsmenu-list { float: right;}
.wsmenu-list > li { list-style:none; float:left; text-align:right;}
.wsmenu-list > li > a { display: inline-block; font-size:17px;  color:#333;  font-weight: normal; padding:4px 13px; margin:0; text-decoration: none;}
.wsmenu-list > li > a .fa { display: inline-block; font-size: 17px; line-height: inherit; padding:0px 5px;}
.wsmenu-list > li > a.active,.wsmenu-list > li > a:hover { color:#ff8e36;}
.wsmenu-list li a .arrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid #fff; content: ""; right:0px; float: right; height: 0; margin:0px; position: absolute; text-align: right; top:13px; width: 0;}

.wsmenu-list li a:hover .arrow:after { border-top-color: #fff; }
.wsmenu-list li a.active .arrow:after { border-top-color: #fff; }
.wsmenu-list li:hover>a .arrow:after { border-top-color: #fff;}

/*For megamenu desktop */
.wsmenu-list li:hover .megamenu { opacity: 1; }
.megamenu { width: 100%; left: 0px; position: absolute; top: 48px; color: #000; z-index: 1000; margin: 0px; text-align: left; padding: 14px; font-size: 15px; border: solid 1px #eeeeee; background-color: #fff; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; }
.megamenu .title { border-bottom: 1px solid #CCC; font-size: 14px; padding: 9px 5px 9px 0px; font-size: 17px; color: #424242; margin: 0px 0px 7px 0px; text-align: left; height: 39px; }
.link-list li { display: block; text-align: center; white-space: nowrap; text-align: left; }
.link-list li a { line-height: 18px; border-right: none; text-align: left; padding: 6px 0px; background: #fff !important; background-image: none !important; color: #666666 !important; border-right: 0 none !important; display: block; border-right: 1px solid #e7e7e7; background-color: #fff; color: #424242; }
.link-list .fa { font-size: 11px; }
.megacollink { width: 23%; float: left; margin: 0% 1%; }
.megacollink li { display: block; text-align: center; white-space: nowrap; text-align: left; }
.megacollink li a { line-height: 18px; border-right: none; text-align: left; padding: 8px 0px; background: #fff !important; background-image: none !important; color: #666666 !important; border-right: 0 none !important; display: block; border-right: 1px solid #e7e7e7; background-color: #fff; color: #424242; }
.megacollink .fa { font-size: 11px; }
.megacolimage { width: 31.33%; float: left; margin: 0% 1%; }
.typographydiv { width: 100%; margin: 0% 0%; }
.typographylinks { width: 25%; float: left; margin: 0% 0%; }
.mainmapdiv { width: 100%; display: block; margin: 0% 0%; }
.wsmenu-list .ad-style { width: 28%; float: right; }
.wsmenu-list .ad-style a { border: none !important; padding: 0px !important; margin: 0px !important; line-height: normal !important; background-image: none !important; }
.mobile-sub .megamenu .ad-style a:hover { background-color: transparent !important; }
.wsmenu-list .megamenu li:hover>a { background: transparent !important; }
.wsmenu-list .megamenu li a:hover { background: transparent !important; text-decoration: underline; }
.wsmenu-list .megamenu li .fa { margin-right: 5px; text-align: center; width: 18px; }
.mrgtop { margin-top: 15px; }
.show-grid div { padding-bottom: 10px; padding-top: 10px; background-color: #dbdbdb; border: 1px solid #e7e7e7; color: #6a6a6a; margin: 2px 0px; }
/*For halfmenu */
.halfmenu { width: 40%; right: auto !important; left: auto !important; }
.halfmenu .megacollink { width: 48%; float: left; margin: 0% 1%; }
/*For halfmenu */	

/*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; }
.megamenu .left.carousel-control { padding-top: 20%; }
.megamenu .right.carousel-control { padding-top: 20%; }
.carousel-inner .item img { width: 100%; }
.megamenu .carousel-caption { bottom: 0px; background-color: rgba(0,0,0,0.7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100%; }
/*Animation*/
.wsmenu-list li > .wsmenu-submenu { width:250px; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; }
.wsmenu-list li:hover > .wsmenu-submenu { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; }
.wsmenu-submenu li > .wsmenu-submenu-sub { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; }
.wsmenu-submenu li:hover > .wsmenu-submenu-sub { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; }
.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; }
.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; }
.wsmenu-list li > .megamenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; }
.wsmenu-list li:hover > .megamenu { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; }
/* Submenu CSS */
.wsmenu-submenu { position: absolute; top:32px; z-index: 1000; margin: 0px; padding:0px; /*border: solid 1px #eeeeee; background-color: #fff;*/ opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; background:#bac700; }
.wsmenu-submenu li a { text-decoration:none;  color: #fff !important; text-align: left; display: block;/* margin-bottom:2px; */padding:15px 12px; text-transform: none; font-size:17px; letter-spacing: normal; font-weight:normal !important;}
.wsmenu-submenu li { list-style:none; position: relative; margin: 0px; padding: 0px; }
.wsmenu-submenu li a:hover,.wsmenu-submenu li a.active { background:#9da70e !important; color:#fff;}
.wsmenuexpandermain { display: none; }
.wsmenu-list li:hover .wsmenu-submenu { display: block; }
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub { min-width: 250px; position: absolute; left: 100%; top: 0; margin: 0px; padding: 0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; }
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { opacity: 1; list-style: none; padding: 2px;/* border: solid 1px #eeeeee;*/ background-color: #fff; }
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { display: block; }
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { min-width: 220px; position: absolute; left: 100%; top: 0; margin: 0px; padding: 0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; }
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { opacity: 1; list-style: none; padding: 2px; border: solid 1px #eeeeee; background-color: #fff; }
.wsmenu-submenu li { position: relative; padding: 0px; margin: 0px; display: block; }
.wsmenu-click { display: none; }
.wsmenu-click02 { display: none; }
/* Default Theme */ 
.wsmenu-list li:hover>a {  text-decoration: none; }

.typography-text { padding: 0px 0px; font-size: 14px; }
.typography-text p { text-align: justify; line-height: 24px; color: #656565; }
.typography-text ul li { display: block; padding: 2px 0px; line-height: 22px; }
.typography-text ul li a { color: #656565; }
.hometext { display: none; }
.wsmenu-submenu .fa { margin-right: 7px; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,::i-block-opera, /* put webkit CSS here*/
.wsmenu-list > li > a { display: block;  color: #424242; padding:0px 8px; font-size:16px; line-height:26px; /* border-right: 1px solid rgba(0,0,0,0.10);*/ text-decoration: none; position: relative; }
}

@media only screen and (max-width:1200px) {
.menu-inn { width:100%;}
.wsmenu-list { text-align:center; float:none; display:inline-block;}
.wsmenu-list > li > a { padding:10px 8px; font-size:15px;}
.wsmenu-list > li { text-align:center;}
}
/*------------------------------------ Mobile CSS ---------------------------------------------*/
@media only screen and (max-width: 1000px) {
#menu { background:none; padding:0px; z-index: 999999999;}
.wsmenu .wsmenu-list > li { margin:0px;}
.wsmenu-list li > .wsmenu-submenu { width:100%;}
.wsmenu > .wsmenu-list > li > a > .fa { color:#004796 !important;}
.wsmenu .wsmenu-list > li:hover { background-color: #00934d !important; color: #fff; }
.wsmenu .wsmenu-list > li:hover a.fa { color:#00934d !important;}
.wsmenu > .wsmenu-list > li > a.active .fa,.wsmenu > .wsmenu-list > li > a:hover .fa  { color:#2e97c5 !important;}

.wsmenu > .wsmenu-list > li > a > .fa:hover a {color:#158751 !important;} 

.wsoffcanvasopener .wsmenu { 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 {  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; }
.overlapblackbg { left: 0; z-index: 102; width: 100%; height: 100%; position: fixed; top: 0; display: none; /*background-color: rgba(0, 0, 0, 0.45);*/ cursor: pointer; }
.wsoffcanvasopener .overlapblackbg { display: block !important; }
/* Default Theme */ 
.wsmenu-submenu > li:hover>a { background-color: #de701a; color: #fff; border-radius:0px; }
.wsmenu > .wsmenu-list > li > a.active { color: #fff; background-color:#de701a; border-radius:0px; }
.wsmenu > .wsmenu-list > li > a:hover { color: #fff; background-color:#de701a; border-radius:0px; }
.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: auto; -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:4px; right: 0; display: block; cursor: pointer; width: 25%; }
.wsmenu-click i { display: block; height: 23px; width: 25px; margin-top: 11px; margin-right: 8px; background-size: 25px; font-size: 21px; color: #fff; float: right; }
.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: 21px; color: rgba(0,0,0,0.25); float: right; }
.ws-activearrow > i { transform: rotate(180deg); }
.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%; overflow-y: auto; display: block !important; }
.wsmenu .wsmenu-list > li { width: 100%; display: inline-block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; }
.wsmenu .wsmenu-list > li:hover { background-color: #c50a0a !important; color: #fff; }
.wsmenu .wsmenu-list > li:hover a.fa { color:#00934d;}
.wsmenu > .wsmenu-list > li > a { padding:10px 32px 10px 17px; font-size: 15px; text-align: left; border-right: solid 0px; background-color: transparent; color: #fff; line-height: 28px; border-bottom: 1px solid; border-bottom-color: rgba(0,0,0,0.13); position: static;  display:block; margin:0px; }
.wsmenu > .wsmenu-list > li > a > .fa { font-size: 16px; color: #bfbfbf; display:none; }
.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;  padding: 0px; visibility: visible !important; }
.mobile-sub .wsmenu-submenu li a {  border-radius:0px;line-height:40px; height:40px; background-color: #034e87 !important; font-size: 13px !important; padding: 0px 0px 0px 18px; color: #fff; }
.mobile-sub .wsmenu-submenu li a.active,.mobile-sub .wsmenu-submenu li a:hover { border-radius:0px !important; background-color: #f91e1e !important; color: #fff; }
.mobile-sub .wsmenu-submenu li:hover>a { border-radius:0px !important; background-color: #f91e1e !important; color: #fff; }
.wsmenu-list li > .wsmenu-submenu  a { color:#fff !important;}
.wsmenu-list li > .wsmenu-submenu { border-radius:0px;}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a { line-height: 20px; height: 36px; background-color: #e7e7e7 !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:320px; left: -320px; height: 100%; position: fixed; top: 0; margin: 0; background-color: #ff8e36; border-radius: 0px; z-index: 103; -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;}

/* Navigation arrow Animation */
.animated-arrow { position: fixed; /*left: 0;*/ right: 0; top: 0; 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; height: 25px; position: fixed; right: 15px; top: 13px; transition: all 0.4s ease-in-out 0s; width: 25px; 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:focus, callusicon:hover { color: #fff !important; }
.wsoffcanvasopener .callusicon { display: none !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); }
.wsoffcanvasopener .animated-arrow { /*left: 240px;*/ right: 0px;}
.animated-arrow { cursor: pointer; padding:20px 40px 21px 20px; margin:0px; background:#ff8e36;}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height: 3px; width: 23px; background: #fff; 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: 7px; }
.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; }
.wsmenu .wsmenu-list.fa.fa-angle-down { display:none;}
}
@media only screen and (max-width: 420px) {
.wsmenu { width: 240px; left: -240px;  }
}