/*------------------------------------ Desktop CSS ---------------------------------------------*/



.highlighter {

  background-color:#df0a0a;

  box-shadow:0 1px 1px rgba(0,0,0,0.4) inset,0 1px #f1f1f1;

  color:#fff;

  text-shadow:0 1px #9d0707;

  border-radius:3px;

  font-size:11px;

  line-height:11px;

  margin-left:7px;

  padding:1px 4px;

  position:relative;

  top:-1px;

}



.wsmenuexpandermain {

  position:relative;

}



.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;

}



.wsmenu {

  font-family: 'Roboto Condensed', Helvetica,Arial,sans-serif;

  color:#fff;

  position:relative;

  font-size:15px;

  padding:0;

  margin:0 auto;

  width:100%;

  max-width:1200px;

  background-color: transparent;

	

}



.wsmenu-list {

  text-align:left;

  margin:0 auto 0 auto;

  width:100%;

  display:table;

  padding:0;

  text-transform:uppercase

}



.wsmenu-list > li {

  text-align:center;

  display:table-cell;

  border-style: solid;

  border-width: 0px;

  border-image: url(../images/line_menu.png) 0 25 0 0;

  -webkit-border-image: url(../images/line_menu.png) 0 25 0 0;

  -moz-border-image: url(../images/line_menu.png) 0 25 0 0;

  -o-border-image: url(../images/line_menu.png) 0 25 0 0;



}



.wsmenu-list li:first-child a {

  -webkit-border-radius:2px 0 0 2px;

  -moz-border-radius:2px 0 0 2px;

  border-radius:2px 0 0 2px;

}



.wsmenu-list li:last-child a {

  -webkit-border-radius:0 2px 2px 0;

  -moz-border-radius:0 2px 2px 0;

  border-radius:0 2px 2px 0; 

}



.wsmenu-list > li > a .fa {

  display:inline-block;

  margin-right:0;

}



.wsmenu-list li ul li a .fa.fa-angle-double-right {

  font-size:12px;

  margin:0 3px 0 -4px;

}



.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 #b3b3b3;

  content:"";

  float:right;

  height:0;

  margin:0 0 0 9px;

  position:absolute;

  text-align:right;

  top:22px;

  width:0;

}



.wsmenu-list > li > a {

  display:block;

  background-color: transparent;

  color:#fff;

  line-height:40px;

  border-right:0px solid #FFF;
  font-family: poppins;
  font-size: 16px;



}

.wsmenu-list > li > a .caret{

    position: relative;

    transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

	}

.wsmenu-list > li > a:before {

	content: '';

	display: block;

	margin: auto;

	height: 3px;

	width: 0px;

	background: transparent;

	transition: width .5s ease, background-color .5s ease;

}

.wsmenu-list > li > a:hover:before {

width: 100%;

	background: #0000ff;}



/*.white .wsmenu-list li a:hover .arrow:after {

  border-top-color:#b3b3b3;

}



.white .wsmenu-list li a.active .arrow:after {

  border-top-color:#b3b3b3;

}



.white .wsmenu-list li:hover>a .arrow:after {

  border-top-color:#b3b3b3;

}



*/



.wsmenu-list li a:hover .arrow:after {

  border-top-color:#b3b3b3;

}



.wsmenu-list li a.active .arrow:after {

  border-top-color:#b3b3b3;

}



.wsmenu-list li:hover>a .arrow:after {

  border-top-color:#b3b3b3;

}



.megamenu iframe {

  width:100%;

  margin-top:10px;

  min-height:200px;

}



.megamenu video {

  width:100%;

  margin-top:10px;

  min-height:200px;

}



/*For megamenu desktop */



.wsmenu-list li:hover .megamenu {

  opacity:1;

}



.megamenu {

  width:100%;

  left:0;

  position:absolute;

  top:48px;

  color:#000;

  z-index:1000;

  margin:0;

  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 0;

  font-size:17px;

  color:#424242;

  margin-bottom:7px;

  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 0;

  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;

}



.wsmenu-list .ad-style {

  width:28%;

  float:right;

}



.wsmenu-list .ad-style a {

  border:none !important;

  padding:0 !important;

  margin:0 !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 0;

}



/*Form for desktop */



.halfdiv {

  width:35%;

  right:0 !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:0;

  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 {

  transform-style:preserve-3d;

  -o-transform-style:preserve-3d;

  -moz-transform-style:preserve-3d;

  -webkit-transform-style:preserve-3d;

  transform:rotateX(-90deg);

  -o-transform:rotateX(-90deg);

  -moz-transform:rotateX(-90deg);

  -webkit-transform:rotateX(-90deg);

}



.wsmenu-list li:hover > .wsmenu-submenu {

  transform:rotateX(0deg);

  -o-transform:rotateX(0deg);

  -moz-transform:rotateX(0deg);

  -webkit-transform:rotateX(0deg);

  opacity:1;

}



.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(-90deg);

  -o-transform:rotateX(-90deg);

  -moz-transform:rotateX(-90deg);

  -webkit-transform:rotateX(-90deg);

}



.wsmenu-submenu li:hover > .wsmenu-submenu-sub {

  transform:rotateX(0deg);

  -o-transform:rotateX(0deg);

  -moz-transform:rotateX(0deg);

  -webkit-transform:rotateX(0deg);

  opacity:1;

}



.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(-90deg);

  -o-transform:rotateX(-90deg);

  -moz-transform:rotateX(-90deg);

  -webkit-transform:rotateX(-90deg);

}



.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;

}



.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(-90deg);

  -o-transform:rotateX(-90deg);

  -moz-transform:rotateX(-90deg);

  -webkit-transform:rotateX(-90deg);

}



.wsmenu-list li:hover > .megamenu {

  transform:rotateX(0deg);

  -o-transform:rotateX(0deg);

  -moz-transform:rotateX(0deg);

  -webkit-transform:rotateX(0deg);

  opacity:1;

}



/* Submenu CSS */



.wsmenu-submenu {

  position:absolute;

  top:48px;

  z-index:1000;

  margin:0;

  padding:4px;

  border:solid 1px #eeeeee;

  background-color:#fff;

  opacity:0;

  min-width:200px;

  border:1px solid #E7E7E7;

  -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;

}



.wsmenu-submenu li a {

  background:#fff !important;

  color:#000 !important;

  border-right:0 none !important;

  text-align:left;

  display:block;

  line-height:22px;

  padding:6px 12px;

  font-size:14px;

  border-right:0 solid;

}



.wsmenu-submenu li {

  position:relative;

  margin:0;

  padding:0;

  border-bottom:1px solid #E7E7E7;

  

}

.wsmenu-submenu li:last-child {

	border-bottom:none;

  

}

.wsmenuexpandermain {

  display:none;

}



.wsmenu-list li:hover .wsmenu-submenu {

  display:block;

}



.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {

  min-width:220px;

  position:absolute;

  left:100%;

  top:0;

  margin:0;

  padding:0;

  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:4px;

  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:0;

  padding:0;

  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:4px;

  border:solid 1px #eeeeee;

  background-color:#fff;

}



.wsmenu-submenu li {

  position:relative;

  padding:0;

  margin:0;

  display:block;

}



.wsmenu-click {

  display:none;

}



/* Default Theme */



 

.wsmenu-list li:hover>a {

    color: #0000ff !important;

  text-decoration:none;

}



.wsmenu-list > li > a:hover {

  color: #0000ff !important;

  text-decoration:none;

  

}



.wsmenu-list > li > a.active {

  background-color:rgba(0,0,0,0.08) !important;

  text-decoration:none;

}



.wsmenu-submenu > li > a:hover {

    color: #0000ff !important;

  border-radius:0 !important;

  text-decoration:none;

  text-decoration:none;

}



.typography-text {

  padding:0 0;

  font-size:15px;

}



.typography-text p {

  text-align:justify;

  line-height:24px;

  color:#656565;

}



.typography-text ul li {

  display:block;

  padding:2px 0;

  line-height:22px;

}



.typography-text ul li a {

  color:#656565;

}



.hometext {

  display:none;

}



.wsmenu-submenu .fa {

  margin-right:7px;

}



@media only screen and (min-width:780px) and (max-width:1023px) {

  .wsmenu-list > li > a > .fa {

    display:none !important;

  }

  .hometext {

    display:block !important;

  }

  .wsmenu {

    font-size:13px !important;

  }

  .wsmenu-list li a {

    white-space:nowrap !important;

    padding-left:4px !important;

    padding-right:4px !important;

  }

}



@media only screen and (min-width:781px) and (max-width:1200px) {

  .wsmenu-list li a .arrow:after {

    display:none !important;

  }

}



/*------------------------------------ Mobile CSS ---------------------------------------------*/



@media only screen and (max-width:780px) {

  .wsmenu-list > li:hover>a {

  background-color:rgba(0,0,0,0.08) !important;

  text-decoration:none;

}



.hometext {

  display:inline-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:4px;

  border:solid 1px #eeeeee;

  background-color:#fff;

}



.wsmenu-list li:first-child a {

  -webkit-border-radius:0 0 0 0;

  -moz-border-radius:0 0 0 0;

  border-radius:0 0 0 0;

}



.wsmenu-list li:last-child a {

  -webkit-border-radius:0 4px 0 0;

  -moz-border-radius:0 0 0 0;

  border-radius:0 0 0 0;

  border-right:0 solid;

}



.innerpnd {

  padding:0 !important;

}



.typography-text {

  padding:10px 0;

}



.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;

}



.wsmenuexpandermain {

  display:block !important;

  z-index:101;

  top:0;

  right:0;

  left:0;

}



/* Mobile click to drop arrow */



.wsmenu-click {

  position:absolute;

  top:0;

  right:0;

  display:block;

  cursor:pointer;

}



.wsmenu-click 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);

}



.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:0 !important;

  padding:0 !important;

  border:solid 0 !important;

  transform:none !important;

  opacity:1 !important;

}



.wsmenu-submenu-sub li {

  margin:0 0 0 0 !important;

  padding:0;

  position:relative;

}



.wsmenu-submenu-sub a {

  display:block;

  padding:10px 25px 10px 25px;

  border-bottom:solid 1px #ccc;

}



.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:0 !important;

  padding:0 !important;

  border:solid 0 !important;

  transform:none !important;

  opacity:1 !important;

}



.wsmenu-submenu-sub-sub li {

  margin:0 0 0 0 !important;

}



.wsmenu-submenu-sub-sub a {

  display:block;

  color:#000;

  padding:10px 25px;

  background:#000 !important;

  border-bottom:solid 1px #ccc;

}



.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:240px;

  display:block;

  float:none;

  border-right:none;

  background-color:transparent;

  position:relative;

  white-space:inherit;

}



.wsmenu > .wsmenu-list > li > a {

  padding:9px 32px 9px 17px;

  font-size:14px;

  text-align:left;

  border-right:solid 0;

  background-color:transparent;

  color:#666666;

  line-height:25px;

  border-bottom:1px solid;

  border-bottom-color:rgba(0,0,0,0.13);

}



.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:0;

  background-color:#fff;

  border:solid 1px #ccc;

  padding:0;

}



.mobile-sub .wsmenu-submenu li a {

  line-height:20px;

  height:36x;

  background-color:#e7e7e7 !important;

  font-size:13px !important;

  padding:8px 0 8px 18px;

  color:#8E8E8E;

}



.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;

}



.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {

  line-height:20px;

  height:36x;

  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:36x;

  background-color:#e7e7e7 !important;

  border-bottom:none !important;

  padding-left:38px;

  color:#8e8e8e;

}



.mrginleft {

  margin-left:240px;

  -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 .megamenu {

  background-color:#e7e7e7;

  color:#666666;

  display:none;

  position:relative !important;

  top:0;

  padding:0;

  border:solid 0;

  transform:none !important;

  opacity:1 !important;

}



.wsmenu-list li:hover .megamenu {

  display:none;

  position:relative !important;

  top:0;

}



.megamenu .title {

  color:#666666;

  font-size:15px !important;

  padding:10px 8px 10px 0;

}



.halfdiv .title {

  padding-left:15px;

}



.megamenu > ul {

  width:100% !important;

  margin:0;

  padding:0;

  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:0;

  font-size:15px;

  padding:7px 13px !important;

  border-bottom:1px solid #ccc;

  background-color:transparent !important;

}



.halfdiv {

  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:0;

  height:100%;

  position:fixed;

  left:0;

  top:0;

  margin:0;

  background-color:#fff;

  border-radius:0;

  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;

}



/*Nav Expanding Open Effect*/



.wsmenu.menuopen {

  width:240px;

  -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.menuclose {

  -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;

}



.wsmenucontent {

  z-index:1;

}



/* Navigation arrow Animation */



.animated-arrow {

  position:absolute;

  left:0;

  top:0;

}



.animated-arrow {

  cursor:pointer;

  padding:10px 35px 16px 0;

  margin:10px 0 0 15px;

}



.animated-arrow span,

.animated-arrow span:before,

.animated-arrow span:after {

  cursor:pointer;

  height:2px;

  width:23px;

  background:white;

  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;

}



.animated-arrow.menuopen span {

  background-color:transparent;

}



.animated-arrow.menuopen span:before,

.animated-arrow.active span:after {

  top:7px;

}



.animated-arrow.menuopen span:before {

  transform:rotate(45deg);

  -moz-transform:rotate(45deg);

  -ms-transform:rotate(45deg);

  -o-transform:rotate(45deg);

  -webkit-transform:rotate(45deg);

  bottom:0;

}



.animated-arrow.menuopen span:after {

  transform:rotate(-45deg);

  -moz-transform:rotate(-45deg);

  -ms-transform:rotate(-45deg);

  -o-transform:rotate(-45deg);

  -webkit-transform:rotate(-45deg);

}