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



.wsmobileheader {

    display: none;

}



.overlapblackbg {

    display: none;

}



.wsmenucontainer {

    width: 100%;

    display: inline-block;

    border-top: 1px solid rgba(255, 255, 255, 0.3);

    margin-top: -2px;

}



.wsmenu {

    margin: 0 -8px;

    /*max-width:1200px;*/

    position: relative;

}



.wsmenu-list {

    text-align: left;

    margin: 0 auto 0 auto;

    width: 100%;

    display: table;

    padding: 0px;

}



.wsmenu-list > li {

    text-align: center;

    display: table-cell;

}



.wsmenu-list li:first-child a {

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

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

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

}



.wsmenu-list li:last-child a {

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

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

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

    border-right: 0px solid;

}



.wsmenu-list > li > a .fa {

    display: inline-block;

    font-size: 18px;

    font-weight: bold;

    line-height: inherit;

    margin-right: 0px;

}



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

    color: #fff;

    padding: 0px 8px;

    line-height: 48px;

    border-right: 1px solid rgba(0, 0, 0, 0.10);

    text-decoration: none;

    font-size: 14px;

    font-weight: bold;

    position: relative;

}



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

    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;

    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2);

}



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

    z-index: 1000;

    margin: 0px;

    padding: 2px;

    background-color: #00487e;

    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;

}



.wsmenu-submenu li a {

    background: #00487e !important;

    background-image: none !important;

    color: #fff !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;

    text-decoration: none

}



.wsmenu-submenu li a .fa {

    float: right

}



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

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

    background-color: #004274;

}



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

    border-bottom:1px solid rgba(0, 0, 0, 0.13);

}



.wsmenu-click {

    display: none;

}



.wsmenu-click02 {

    display: none;

}





/* Default Theme */



.wsmenu-list li:hover>a {

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

    text-decoration: none;

}



.wsmenu-list > li > a:hover {

    background-color: rgba(0, 0, 0, 0.08) !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 {

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

    border-radius: 0px!important;

    text-decoration: none;

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

    margin-top: 6px;

}



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

    .wsmenu-list > li > a {

        padding: 0px 2px;

    }

}



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

    .wsmenu-list > li > a {

        padding: 0px 2px;

        font-size: 12px;

    }

    .wsmenu-list > li > a .fa {

        font-size: 13px;

    }

    .wsmenu{

        margin: 0 0;

    }

}



@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: 2px !important;

        padding-right: 2px !important;

        font-size: 11px;

    }

    .megacollink {

        width: 48%;

        margin: 1% 1%;

    }

    .typographylinks {

        width: 48%;

        margin: 1% 1%;

    }

}



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

    .wsmenu-list li a .arrow:after {

        display: none !important;

    }

}



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

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

    }

}





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



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

	.wsmenu-submenu li a .fa{

		display: none;

	}

	.wsmenu-submenu .fa {

		margin-right: 8px;

		margin-top: 6px;

	}

    .wsmenu-list > li {

        text-align: left;

    }

    .wsmenu-list > li > a {

        padding: 0px 10px;

        font-size: 15px;

    }

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

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

        text-decoration: none;

    }

    .hometext {

        display: inline-block !important;

    }

    .megacollink {

        width: 96% !important;

        margin: 0% 2% !important;

    }

    .megacolimage {

        width: 90% !important;

        margin: 0% 5% !important;

    }

    .typographylinks {

        width: 98% !important;

        margin: 0% 1% !important;

    }

    .typographydiv {

        width: 86% !important;

        margin: 0% 7% !important;

    }

    .mainmapdiv {

        width: 90% !important;

        margin: 0% 5% !important;

    }

    .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: #7b7b7b;

    }

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

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

    }

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

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

    }

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

        display: none;

    }

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

        display: none;

    }

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

        display: none;

        list-style: none;

        padding: 2px;

        border: solid 1px #eeeeee;

        background-color: #fff;

    }

    .wsmenu-list li:first-child a {

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

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

        border-radius: 0px 0px 0px 0px;

    }

    .wsmenu-list li:last-child a {

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

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

        border-radius: 0px 0px 0px 0px;

        border-right: 0px solid;

    }

    .innerpnd {

        padding: 0px !important;

    }

    .typography-text {

        padding: 10px 0px;

    }

    .wsmenucontainer {

        overflow: hidden;

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        -ms-backface-visibility: hidden;

        /*min-height:800px;*/

        -webkit-transition: all 0.4s ease-in-out;

        -moz-transition: all 0.4s ease-in-out;

        -o-transition: all 0.4s ease-in-out;

        -ms-transition: all 0.4s ease-in-out;

        transition: all 0.4s ease-in-out;

    }

    /* Mobile click to drop arrow */

    .wsmenu-click {

        height: 43px;

        position: absolute;

        top: 0;

        right: 0;

        display: block;

        cursor: pointer;

        width: 100%;

        z-index: 99;

    }

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

        display: none;

    }

    .wsmenu-click i {

        display: block;

        height: 18px;

        width: 14px;

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

		width: 14px;		

		margin-top: 11px;		

		margin-right: 8px;	

		background-size: 25px;		

		font-size: 21px;		

		color:#fff;		

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

        float: none;

        border-right: none;

        background-color: transparent;

        position: relative;

        border-bottom:1px solid rgba(0, 0, 0, 0.13);

        white-space: inherit;

    }

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

        padding: 9px 32px 9px 17px;

        font-size: 14px;

        text-align: left;

        border-right: solid 0px;

        background-color: transparent;

        color: #fff;

        line-height: 25px;

        border-bottom: 1px solid;

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

        position: static;

    }

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

        font-size: 16px;

        color: #bfbfbf;

    }

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

        display: none !important;

    }

    .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {

        font-size: 12px !important;

        color: #8E8E8E;

    }

    .mobile-sub .wsmenu-submenu {

        transform: none !important;

        opacity: 1 !important;

        display: none;

        position: relative !important;

        top: 0px;

        background-color: #3abeea;

        padding: 0px;

        visibility: visible !important;

    }

    .mobile-sub .wsmenu-submenu li a {

        line-height: 20px;

        background-color: #3abeea !important;

        font-size: 13px !important;

        font-weight: bold;

        padding: 8px 0px 8px 18px;

        color: #333;

        transition: all 0.5s ease

    }

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

        background-color: #e7e7e7 !important;

        color: #666666;

    }

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

		background-color:#00487e !important;

		color:#fff !important;

    }

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

		line-height: 20px;

		background-color:

		#fff !important;

		border-bottom: none;

		padding-left: 20px;

		color:

		#00487e !important;

	}

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

		background:#e3e3e3 !important;

	}

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

        line-height: 20px;

        height: 36px;

        background-color: #e7e7e7 !important;

        border-bottom: none !important;

        padding-left: 38px;

        color: #8e8e8e;

    }

    .wsmenu-list .megamenu {

        background-color: #e7e7e7;

        color: #666666;

        display: none;

        position: relative !important;

        top: 0px;

        padding: 0px;

        border: solid 0px;

        transform: none !important;

        opacity: 1 !important;

        visibility: visible !important;

    }

    .wsmenu-list li:hover .megamenu {

        display: none;

        position: relative !important;

        top: 0px;

    }

    .megamenu .title {

        color: #666666;

        font-size: 15px !important;

        padding: 10px 8px 10px 0px;

    }

    .halfdiv .title {

        padding-left: 15px;

    }

    .megamenu > ul {

        width: 100% !important;

        margin: 0px;

        padding: 0px;

        font-size: 13px !important;

    }

    .megamenu > ul > li > a {

        padding: 9px 14px !important;

        line-height: normal !important;

        font-size: 13px !important;

        background-color: #e7e7e7 !important;

        color: #666666;

    }

    .megamenu > ul > li > a:hover {

        background-color: #000000 !important;

    }

    .ad-style {

        width: 100% !important;

    }

    .megamenu ul li.title {

        line-height: 26px;

        color: #666666;

        margin: 0px;

        font-size: 15px;

        padding: 7px 13px !important;

        border-bottom: 1px solid #ccc;

        background-color: transparent !important;

    }

    .halfdiv {

        width: 100%;

        display: block;

    }

    .halfmenu {

        width: 100%;

        display: block;

    }

    .menu_form {

        padding: 10px 10px 63px 10px;

        background-color: #e7e7e7;

    }

    .menu_form input[type="button"] {

        width: 46%;

    }

    .menu_form input[type="submit"] {

        width: 46%;

    }

    .menu_form textarea {

        min-height: 100px;

    }

    .wsmenu {

        width: 240px;

        left: -240px;

        /*height: 100%;*/

        overflow: auto;

        position: fixed;

        top: 54px;

        margin: 0;

        background-color: #00487e;

        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;

        bottom: 0;

    }

    /*.wsoffcanvasopener .wsmenu {



	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;



	}*/

    /* Navigation arrow Animation */

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

    }

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

    }

    .animated-arrow {

        cursor: pointer;

        padding: 13px 35px 16px 0px;

        margin: 13px 0 0 10px;

    }

    .animated-arrow span,

    .animated-arrow span:before,

    .animated-arrow span:after {

        cursor: pointer;

        height: 3px;

        width: 23px;

        background: #c9c9c9;

        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 > li > a .fa {

        display: none

    }

}

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

{

    .animated-arrow{

        top: 60px;

    }

    .wsmenu{

        top: 125px;

    }

}