/*

 * Webslide - v3.2

 * Web Slide - Responsive Mega Menu for Bootstrap 3+

 *

 * Copyright 2016 webthemex

 * http://codecanyon.net/user/webthemex?ref=webthemex

 *

 * Licensed under Envato licenses

 * http://codecanyon.net/licenses/standard

 */



 .wsmain html,
 .wsmain body,
 .wsmain iframe,
 .wsmain h1,
 .wsmain h2,
 .wsmain h3,
 .wsmain h4,
 .wsmain h5,
 .wsmain h6 {
     margin: 0px;
     padding: 0px;
     border: 0px;
     font: inherit;
     vertical-align: baseline;
     font-weight: normal;
     font-size: 12px;
     line-height: 18px;
     
     -webkit-font-smoothing: subpixel-antialiased;
     font-smoothing: antialiased;
     font-smooth: antialiased;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-font-smoothing: subpixel-antialiased !important;
     font-smoothing: subpixel-antialiased !important;
     font-smooth: subpixel-antialiased;
 }

 .wsmain .cl {
     clear: both;
 }

 .wsmain img,
 object,
 embed,
 video {
     border: 0 none;
     max-width: 100%;
 }

 .wsmain a:focus {
     outline: none !important;
 }

 .wsmain:before,
 .wsmain:after {
     content: "";
     display: table;
 }

 .wsmain:after {
     clear: both;
 }

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

 .wsmobileheader {
     display: none;
 }

 .overlapblackbg {
     display: none;
 }

 /* Main menu link class */

 .smllogo {
     padding: 0px 0px;
     margin: 0;
     float: left;
 }

 .smllogo a {
     display: block;
     float: left;
     padding: 12px 20px 0px 15px;
 }

 .smllogo a img {
     width: 90px
 }

 .topmenusearch {
     float: right;
     width: 168px;
     height: 47px;
     position: relative;
     margin: 0px 0px 0px 0px;
 }

 .topmenusearch .searchicon {
     -webkit-transition: all 0.7s ease 0s;
     -moz-transition: all 0.7s ease 0s;
     -o-transition: all 0.7s ease 0s;
     transition: all 0.7s ease 0s;
 }

 .topmenusearch input {
     width: 100%;
     position: relative;
     float: right;
     top: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     border: 0;
     padding: 0;
     margin: 0;
     text-indent: 15px;
     height: 47px;
     z-index: 2;
     outline: none;
     color: #ccc;
     background-color: #2b3a40;
     -webkit-transition: all 0.7s ease 0s;
     -moz-transition: all 0.7s ease 0s;
     -o-transition: all 0.7s ease 0s;
     transition: all 0.7s ease 0s;

 }

 .topmenusearch input:focus {
     color: #fff;
     width: 250px;
     background-color: #181818;
 }

 .topmenusearch input:hover {
     color: #fff;
     width: 250px;
     background-color: #181818;
 }

 .topmenusearch input:focus ~ .btnstyle {
     background-color: #3a4a51 !important;
     color: #fff;
     opacity: 0.9;
 }

 .topmenusearch input:hover ~ .btnstyle {
     background-color: #3a4a51 !important;
     color: #fff;
     opacity: 0.9;
 }

 .topmenusearch input:focus ~ .btnstyle .fa {
     color: #fff;
 }

 .topmenusearch input:focus ~ .searchicon {
     opacity: 1;
     z-index: 3;
     color: #FFFFFF;

 }

 .topmenusearch .btnstyle {
     top: 0px;
     position: absolute;
     right: 0;
     bottom: 0;
     width: 40px;
     line-height: 30px;
     z-index: 1;
     cursor: pointer;
     opacity: 0.3;
     color: #fff;
     z-index: 1000;

     background-color: transparent;
     border: solid 0px;
     -webkit-transition: all 0.7s ease 0s;
     -moz-transition: all 0.7s ease 0s;
     -o-transition: all 0.7s ease 0s;
     transition: all 0.7s ease 0s;
 }

 .topmenusearch .btnstyle .fa {
     line-height: 38px;
     margin: 0;
     padding: 0;
     text-align: center;
 }

 .topmenusearch .btnstyle:hover {
     background-color: #282C37;
     opacity: 0.9;
 }

 .wsmain {
     width: 100%;
     max-width: 100%;
     background: transparent;
     margin: 0px;
     padding: 0px 0px;
     position: relative;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
 }

 .wsmenu {
     
     color: #fff;
     font-size: 12px;
     padding: 0px 0px 0px 0px;
     margin: 0px auto;
     width: auto;
     float: right;
 }

 .wsmenu-list {

     text-align: left;
     margin: 0 auto 0 auto;
     width: 100%;
     display: block;
     padding: 0px;
 }

 .wsmenu-list > li {
     text-align: center;
     display: block;
     float: left;
     margin: 0px 0px 0px 30px;
     padding: 0px;
     position: relative;
     position: relative;

 }

 /*.wsmenu-list > li:after{ position: absolute; left: -22px; top: 10px; content: ""; width: 1px; height: 32px; background: #c0c0c0; }*/
 .wsmenu-list > li:first-child {
     margin-left: 0px;
 }

 .wsmenu-list > li:first-child:after {
     display: none;
 }

 .wsmenu-list > li:last-child:after {
     display: none;
 }

 /*.wsmenu-list > li:last-child{ margin-left: 22px;}*/
 .wsmenu-list > li > a .fa {

     display: inline-block;
     font-size: 13px;
     line-height: inherit;
     margin-left: 8px;
     color: #fff;
 }



 .wsmenu-list li ul li a .fa.fa-angle-double-right {
     font-size: 12px;
     margin: 0 3px 0 -4px;
 }

 .mobiletext {
     display: none;
 }



 .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 #898d91;
     content: "";
     right: 12px;
     height: 0;
     margin: 0 0 0 9px;
     position: absolute;
     text-align: right;
     top: 22px;
     width: 0;
 }



 .wsmenu-list > li > a {

     display: block;
     color: #222222;
     padding: 20px 0px;
     line-height: 14px;
     text-decoration: none;
     position: relative;
     
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     transition: all 0.5s;
 }



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



 .wsmenu-list > li a.menuhomeicon {
     padding: 0px 20px;
 }

 .wsmenu-list > li.socialicon {
     float: left;
 }

 .wsmenu-list > li.socialicon a {
     width: 38px;
     padding: 0px 10px
 }

 .wsmenu-list > li.socialicon a .fa {
     font-size: 15px;
     color: #898d91;
     text-align: center;
 }



 /*.wsmenu-list > li.socialicon a.facebookicon{ background-color:#3b5998;}

.wsmenu-list > li.socialicon a.twittericon{ background-color:#55acee;}

.wsmenu-list > li.socialicon a.linkedinicon{ background-color:#0077b5;}

.wsmenu-list > li.socialicon a.googleicon{ background-color:#dd4b39;}*/



 .wsmenu-list > li.rightmenu {
     float: right;
 }

 .wsmenu-list > li.rightmenu a {
     padding: 0px 30px 0px 20px;
     border-right: none;
 }

 .wsmenu-list > li.rightmenu a .fa {
     font-size: 15px;
 }

 .wsmenu-list > li.rightmenu {
     float: right;
 }

 .wsmenu-list > li.rightmenu:before,
 .wsmenu-list > li.rightmenu:after {
     content: "";
     display: table;
 }

 .wsmenu-list > li.rightmenu:after {
     clear: both;
 }

 .wsmenu-list > li.rightmenu {
     zoom: 1;
 }



 .wsmenu-list > li.carticon a {
     padding: 0px 27px 0px 15px;
     text-align: center;
 }



 .wsmenu-list > li.carticon a .fa {
     font-size: 15px;
 }

 .wsmenu-list > li.carticon em.roundpoint {
     position: absolute;
     top: 8px;
     width: 15px;
     height: 15px;
     background-color: #DA4B38;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     font-size: 9px;
     text-align: center;
     font-style: normal;
     line-height: 14px !important;
     color: #fff;
     right: 20px;
 }

 /* END Main menu link class */





 /* Mega menu class */

 .wsmenu-list li:hover .megamenu {
     opacity: 1;
 }

 .megamenu {
     width: 100%;
     left: 0px;
     position: absolute;
     top: 55px;
     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%;
     padding: 0px;
 }



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

 .typographylinks ul {
     padding: 0px;
 }

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



 .megamenu .left.carousel-control {
     padding-top: 20%;
 }

 .megamenu .right.carousel-control {
     padding-top: 20%;
 }

 .carousel-inner .item img {}

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

 .typography-text {
     padding: 0px 0px;
     font-size: 14px;
 }

 .typography-text ul {
     padding: 0px 0px;
     margin: 0px;
 }

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


 /* END Mega menu class */






 /* Half menu class */
 .halfmenu {
     width: 40%;
     right: auto !important;
     left: auto !important;
 }

 .halfmenu .megacollink {
     width: 48%;
     float: left;
     margin: 0% 1%;
 }

 .halfdiv {
     width: 30%;
     right: auto;
     left: auto;
 }

 .halfdiv03 {
     width: 25%;
     right: auto;
     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 input[type="password"] {
     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: 30%;
     display: inline-block;
     padding: 7px 15px;
     font-size: 13px;
     font-weight: bold;
     margin-right: 8px;
     float: right;
     color: #333;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
     white-space: nowrap;
     background-color: #eaeaea;
     background-image: -moz-linear-gradient(#fafafa, #eaeaea);
     background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
     background-image: linear-gradient(#fafafa, #eaeaea);
     background-repeat: repeat-x;
     border-radius: 2px;
     border: 1px solid #ddd;
     border-bottom-color: #c5c5c5;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
     vertical-align: middle;
     cursor: pointer;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-appearance: none;
     text-decoration: none;
 }

 .menu_form input[type="button"] {
     width: 30%;
     
     display: inline-block;
     padding: 7px 15px;
     font-size: 13px;
     font-weight: bold;
     float: right;
     color: #333;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
     white-space: nowrap;
     background-color: #eaeaea;
     background-image: -moz-linear-gradient(#fafafa, #eaeaea);
     background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
     background-image: linear-gradient(#fafafa, #eaeaea);
     background-repeat: repeat-x;
     border-radius: 2px;
     border: 1px solid #ddd;
     border-bottom-color: #c5c5c5;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
     vertical-align: middle;
     cursor: pointer;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-appearance: none;
     text-decoration: none;
 }

 /* End Half menu class */


 /* Dropdown Submenu class */

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

 }

 .wsmenu-submenu {
     position: absolute;
     top: 55px;
     z-index: 1000;
     margin: 0px;
     min-width: 150px;
     padding: 0px;
     border: solid 1px #eeeeee;
     background-color: #fff;
     opacity: 0;
     right: 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;
 }

 .wsmenu-submenu li a {
     background: #fff !important;
     background-image: none !important;
     color: #666666 !important;
     border-right: 0 none !important;
     text-align: left;
     display: block;
     line-height: 22px;
     padding: 6px 12px;
     text-transform: none;
     font-size: 13px;
     letter-spacing: normal;
     border-right: 0px solid;
 }


 .wsmenu-submenu li {
     position: relative;

     margin: 0px;
     padding: 0px;
 }

 .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: 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: 0px;
     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: 0px;
     border: solid 1px #eeeeee;
     background-color: #fff;
 }

 .wsmenu-submenu li {
     position: relative;
     padding: 0px;
     margin: 0px;
     display: block;
 }
 .wsmenu-submenu li.active{
     background: #fff !important;
     background-color: rgba(0, 0, 0, 0.10) !import
 }

 .wsmenu-click {
     display: none;
 }

 .wsmenu-click02 {
     display: none;
 }

 .wsmenu-submenu .fa {
     margin-right: 7px;
 }

 .wsmenu-list li:hover > a {
     color: #A1A1A1;
 }

 .wsmenu-list > li > a:hover {
     text-decoration: none;
     color: #A1A1A1;
 }

 .wsmenu-list > li > a.active {
     color:#A1A1A1;
     text-decoration: none;
 }

 .wsmenu-submenu > li > a:hover {
     background-color: rgba(0, 0, 0, 0.10) !important;
     border-radius: 0px !important;
     text-decoration: none;
     text-decoration: none;
 }

 .wsmenu-list > li.active a {
     color: #aaaaaa;
 }

 /* END Dropdown Submenu class */


 /*------------------------------------ Medium Device CSS ---------------------------------------------*/



 @media only screen and (min-width: 1025px) and (max-width:1280px) {

     .wsmenu-list li a .arrow:after {
         display: none !important;
     }

     .wsmenu-list > li > a {
         padding-left: 10px;
         padding-right: 10px;
     }

     .wsmenu {
         width: 100% !important;
     }

     .smllogo {
         width: 10% !important;
     }

     .wsmain {
         /*width:96%; margin-left:2%; margin-right:2%;*/
         width: 100%;
     }

     .menu_form input[type="submit"] {
         width: 40% !important;
     }

     .menu_form input[type="button"] {
         width: 40% !important;
     }

     .topmenusearch {
         width: 180px;
     }



 }





 @media only screen and (min-width:992px) and (max-width:1024px) {

     .wsmenu-list li a .arrow:after {
         display: none;
     }

     .wsmenu-list > li > a {
         white-space: nowrap !important;
         padding-left: 7px;
          !important;
         padding-left: 7px;
         padding-right: 7px;
     }



     .smllogo {
         width: 15% !important;
     }

     .wsmain {
         /*width:96%; margin-left:2%; margin-right:2%; */
         width: 100%;
     }

     .wsmenu-list > li.socialicon {
         display: none !important;
     }

     .wsmenu-list > li.carticon {
         display: none !important;
     }

     .megacollink {
         width: 48%;
         margin: 1% 1%;
     }

     .typographylinks {
         width: 48%;
         margin: 1% 1%;
     }



     .menu_form input[type="submit"] {
         width: 40% !important;
     }

     .menu_form input[type="button"] {
         width: 40% !important;
     }

     .wsmenu-list > li > a .fa {
         display: none;
     }

     .mobiletext {
         display: block;
     }

     .topmenusearch {
         width: 120px;
     }

     .topmenusearch input:focus {
         width: 130px;
     }

     .topmenusearch input:hover {
         width: 130px;
     }



 }









 @media only screen and (min-width: 992px) {

     .wsmenu-list li:hover > .wsmenu-submenu {
         display: block !important;
     }

     .wsmenu-submenu li:hover > .wsmenu-submenu-sub {
         display: block !important;
     }

     .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
         display: block !important;
     }

     .wsmenu-list li:hover > .megamenu {
         display: block !important;
     }

     .wsmenu-list > li a.menuhomeicon .fa {
         margin-right: 0px !important;
     }

     .wsmenu-list > li.carticon a .fa {
         margin-right: 0px !important;
     }

     .wsmenu-list > li.socialicon a .fa {
         margin-right: 0px !important;
     }


 }




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

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



     /* General Mobile class */

     .wsmain {
         margin: 0px;
         background-color: transparent;
     }

     .topmenusearch {
         margin: 0px 0 0;
         width: 100%;
         height: 44px;
     }

     .topmenusearch input:focus {
         width: 100%;
         background-color: #f5f5f5;
         color: #000;
     }

     .topmenusearch input:hover {
         width: 100%;
         background-color: #f5f5f5;
         color: #000;
     }

     .topmenusearch input {
         border-radius: 0px !important;
         height: 44px;
         background-color: #f1f1f1;
     }

     .smllogo {
         width: 100%;
         display: none !important;
         margin: 0 auto;
         text-align: center;
         background-color: #2B3A40;
     }

     .smllogo a {
         margin: 0 auto;
         text-align: center;
         float: none;
         padding: 10px 0px 3px 0px;
     }

     .topmenusearch .btnstyle {
         height: 44px;
         color: #424242;
     }



     .wsmenucontainer {

         overflow: hidden;
         -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
         -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;
     }

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

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

     .callusicon {
         color: #ff6600;
         font-size: 23px;
         height: 25px;
         position: fixed;
         right: 13px;
         top: 11px;
         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:hover {
         color: #2f508b;
     }

     .callusicon:focus,
     callusicon:hover {
         color: #000 !important;
     }

     .wsoffcanvasopener .callusicon {
         display: none !important;
     }

     .smallogo {

         width: 100%;
         display: block;
         text-align: center;
         padding-top: 0px;
         position: fixed;
         z-index: 101;
         width: 100%;
         left: 0px;
         top: 0px;
         height: 60px;
         background: #272e37;
         box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
         -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
     }

     .name-logo-and-links {
         display: none !important;
     }

     .smallogo > img {
         margin-top: 13px;
         max-width: 130px;
     }

     .wsmenu-list > li:hover > a {

         color: #FFF !important;
         background-color: #ff6600;
     }

     .wsmenu-list li:hover {
         color: #FFF !important;
     }

     .mobiletext {
         display: inline-block !important;
     }

     .wsoffcanvasopener .overlapblackbg {
         display: block !important;
     }

     .wsoffcanvasopener .wsmain {

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

     .wsmain {
         width: 240px;
         left: -240px;
         height: 100%;
         position: fixed;
         top: 0;
         margin: 0;
         float: none;
         background-color: #fff;
         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;
         background-color: #fff !important;

     }

     .wsmenu {
         border-left: none;
         float: none;
         width: 100%;
         display: block !important;
         height: 100%;
         overflow-y: auto;
         display: block !important;
     }

     .wsmenu-click {
         height: 43px;
         position: absolute;
         top: 0;
         right: 0;
         display: block;
         cursor: pointer;
         width: 100%;
     }

     .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);
         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);
         color: #fff;
     }

     .wsmenu-rotate {
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
     }

     .animated-arrow {
         position: fixed;
         left: 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;
     }

     .wsoffcanvasopener .animated-arrow {
         left: 243px;
         background: #fff;
         padding: 9px 34px 26px 11px;
         border-radius: 3px;
     }

     .animated-arrow {
         cursor: pointer;
         padding: 19px 35px 16px 6px;
         margin: 10px 0 0 15px;
     }

     .animated-arrow span,
     .animated-arrow span:before,
     .animated-arrow span:after {
         cursor: pointer;
         height: 2px;
         width: 23px;
         background: #ff6600;
         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);
     }

     /* END General Mobile class */

     /* Megamenu Mobile class */
     .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;
     }

     .innerpnd {
         padding: 0px !important;
     }

     .typography-text {
         padding: 10px 0px;
     }

     .wsmenu-list .megamenu {
         background-color: #f5f5f5;
         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;
     }

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

     /* End Megamenu Mobile class */


     /* Dropdown Mobile class */
     .wsmenu-submenu > li:hover > a {
         background-color: #7b7b7b;
         color: #666666;
     }

     .wsmenu-submenu > li:hover {
         color: #FFF;
         background-color: #ff6600;
     }

     .wsmenu > .wsmenu-list > li.active > a {
         color: #FFF;
         background-color: #ff6600;
     }

     .wsmenu > .wsmenu-list > li > a:hover {
         color: #FFF;
         background-color: #ff6600;
     }

     .wsmenu-list li:hover .wsmenu-submenu {
         display: none;
     }

     .wsmenu > .wsmenu-list > li:hover i {
         color: #fff;
     }

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

     .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 > .wsmenu-list > li > a > .fa {
         font-size: 16px;
         color: #bfbfbf;
         margin-right: 11px;
         text-align: center;
         width: 19px;
     }

     .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 .wsmenu-list {
         display: block !important;
     }

     .wsmenu .wsmenu-list > li {
         width: 100%;
         display: block;
         float: none;
         border-right: none;
         background-color: transparent;
         position: relative;
         margin-left: 0px;
         white-space: inherit;
     }

     .wsmenu > .wsmenu-list > li > a {
         padding: 9px 32px 9px 12px;
         font-size: 14px;
         text-align: left;
         border-right: solid 0px;
         color: #000;
         line-height: 25px;
         border-bottom: 1px solid;
         border-bottom-color: rgba(0, 0, 0, 0.13);
         position: static;
     }

     .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 a {
         line-height: 15px;
         height: 30px;
         background-color: #e7e7e7 !important;
         font-size: 13px !important;
         padding: 8px 0px 8px 18px;
         color: #8E8E8E;
     }


     .mobile-sub .wsmenu-submenu li a:hover {
         background-color: #e7e7e7 !important;
         color: #666666;
         text-decoration: none;
     }

     .mobile-sub .wsmenu-submenu li:hover > a {
         background-color: #e7e7e7 !important;
         color: #ff6600 !important;
     }

     .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 > li.socialicon a {
         width: 100%;
     }

     .wsmenu-list > li.carticon em.roundpoint {
         left: 22px;
     }

     /* Dropdown Mobile class */




     /* Half Menu Mobile class */
     .halfdiv .title {
         padding-left: 15px;
     }

     .halfdiv {
         width: 100%;
         display: block;
     }

     .halfdiv03 .title {
         padding-left: 15px;
     }

     .halfdiv03 {
         width: 100%;
     }

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

     /* Half Menu Mobile class */

     /*Desktop 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;
         padding: 0 20px;
     }

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

     }

 }