.cl{clear: both;}

.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; }
.wsmenu-submenu .fa{ margin-right:7px;}
.overlapblackbg{
    left:0;
    z-index:100;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    display:none;
    background-color:rgba(0, 0, 0, 0.45);
    cursor:pointer;}

.overlapblackbg.menuopen{display:block;}

/* Default Theme */ 
.wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;}
.wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);}
.wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);}	

.wsmenu-list li:hover .wsmenu-submenu{display:none ;}
.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
.wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
.wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}

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


/*Form for desktop */
.halfdiv{
    width:35%;
    right:0px !important;
    left:auto;}

.menu_form{width:100%; display:block;}
.menu_form input[type="text"], .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:25%; display:block; height:28px; float:right;  border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.wsoffcanvasopener .wsmenu {
    overflow-y:auto;
    left:0px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.wsmenucontainer.wsoffcanvasopener{
    display:block; margin-left:240px;
}

.wsmobileheader{
    display:block !important;
    position:relative;
    top:0;
    right:0;
    left:0;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}


.wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;}
.hometext{ display:inline-block !important; }
.megacollink {width:96% !important; margin:0% 2% !important; }
.megacolimage{width:90% !important; margin:0% 5% !important;}
.typographylinks{width:98% !important; margin:0% 1% !important;}	
.typographydiv{width:86% !important; margin:0% 7% !important;}	
.mainmapdiv{width:90% !important; margin:0% 5% !important; }

.overlapblackbg{
    left:0;
    z-index:220;
    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; color:#666666;}
.wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);}
.wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);}	

.wsmenu-list li:hover .wsmenu-submenu{display:none ;}
.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
.wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
.wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}

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





/* Mobile click to drop arrow */
.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-left:8px;
    background-size:25px;
    font-size:21px;
    color:rgba(0,0,0,0.25);
    float:left;
    text-align:center;
}


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

.wsmenu-click02 i{
    display:block;
    height:23px;
    width:25px;
    margin-top:11px;
    margin-right:8px;
    background-size:25px;
    font-size:21px;
    color:rgba(0,0,0,0.25);
    float:right;
    text-align:center;
}	

.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%;
    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 17px 9px 32px;
    font-size:14px;
    text-align:right;
    border-right:solid 0px;
    background-color:transparent;
    color:#666666;
    line-height:25px;
    border-bottom:1px solid;
    border-bottom-color:rgba(0,0,0,0.13);
    position:static;
    display:block;
}

.wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf;}
.wsmenu .wsmenu-list li a .arrow:after{ display:none !important; }
.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; }

.mobile-sub .wsmenu-submenu{
    transform:none !important;
    opacity:1 !important;
    display:none;
    position:relative !important;
    top:0px;
    background-color:#fff ;
    border:solid 1px #ccc;
    padding:0px;
    visibility:visible !important;
}
.mobile-sub .wsmenu-submenu li{ position:relative; }	

.mobile-sub .wsmenu-submenu li a{
    line-height:20px;
    height:36px;
    background-color:#e7e7e7 !important;
    font-size:13px !important;
    padding:8px 18px 8px 0px;
    color:#8E8E8E;
    display:block;
}

.mobile-sub .wsmenu-submenu li a:hover{ background-color:#e7e7e7  !important; color:#666666; text-decoration:underline; }
.mobile-sub .wsmenu-submenu li:hover>a{ background-color:#e7e7e7 !important; color:#666666; }
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none; padding-left:28px;}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;}


.wsmenu-list .megamenu{
    background-color:#e7e7e7;
    color:#666666;
    display:none;
    position:relative !important;
    top:0px;
    padding:0px;
    border:solid 0px;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
}

.wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; }
.megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;}
.halfdiv .title{ padding-left:15px;}
.megamenu > ul{
    width:100% !important;
    margin:0px;
    padding:0px;
    font-size:13px !important;}

.megamenu > ul > li > a{
    padding:9px 14px !important;
    line-height:normal !important;
    font-size:13px !important;
    background-color:#e7e7e7 !important;
    color:#666666;}

.megamenu > ul > li > a:hover{background-color:#000000 !important;}

.ad-style{ width:100% !important;}

.megamenu ul li.title{
    line-height:26px;
    color:#666666;
    margin:0px;
    font-size:15px;
    padding:7px 13px !important;
    border-bottom:1px solid #ccc;
    background-color:transparent !important;}

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

.menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;}

.menu_form input[type="button"]{ width:46%; }
.menu_form input[type="submit"]{ width:46%; }	
.menu_form textarea{min-height:100px;}

.wsmenu {
    width:240px;
    left:-240px;
    height: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    background-color: #fff;
    border-radius:0px;
    z-index:100;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border:none !important;
    background-color:#fff !important;
}





/* Navigation arrow Animation */
.animated-arrow{
}

.callusicon{
    color: #c9c9c9;
    font-size: 25px;
    position: absolute;
    right:18px;
    top: 29px;
    z-index:102;
    transition: all 0.4s ease-in-out 0s;
    font-size:19px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}	

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


.smallogo{
    width:100%;
    display:block;
    text-align:center;
    padding-top:9px;
    position:fixed;
    z-index:101;
    width:100%;
    height:52px;
    background: #262626;
    background: -moz-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(50%, #1c1c1c), color-stop(100%, #262626));
    background: -webkit-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: -o-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: -ms-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
    background: linear-gradient(to bottom, #262626 0, #1c1c1c 50%, #262626 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
}



.animated-arrow{}

.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
    cursor: pointer;
    height:2px;
    width:35px;
    background: #fff;
    position: absolute;
    display: block;
}

.animated-arrow span:before{
    top: -9px;}

.animated-arrow span:after {
    bottom: -9px;}

.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
    transition: all 500ms ease-in-out;}

.wsoffcanvasopener .animated-arrow span{
    background-color: transparent;}

.wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{
    top:9px;}

.wsoffcanvasopener .animated-arrow span:before {
    transform: rotate(45deg);
    -moz-transform:  rotate(45deg);
    -ms-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    -webkit-transform:  rotate(45deg);
    bottom:0px;
}

.wsoffcanvasopener .animated-arrow span:after {
    transform: rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -ms-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    -webkit-transform:  rotate(-45deg);
}


/*Animation None */
.wsmenu-list li > .wsmenu-submenu{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
}

.wsmenu-list li:hover > .wsmenu-submenu{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
}

.wsmenu-submenu li > .wsmenu-submenu-sub{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
}

.wsmenu-submenu li:hover > .wsmenu-submenu-sub{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
    opacity:1  !important;
}

.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
    opacity:1  !important;
}

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
    opacity:1  !important;
}


.wsmenu-list li > .megamenu{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
    opacity:1  !important;
}

.wsmenu-list li:hover > .megamenu{
    transform:none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform:none !important;
    transform: none !important;
    -o-transform:none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    visibility:visible !important;
    opacity:1  !important;
}

.wsmenu .head .wsmenu-click {height:65px;}
.wsmenu .head .image {
    float: left;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px 0px 0px 10px;
}
.wsmenu .head .signup {
    padding: 12px 20px;
}
.wsmenu .head .signup strong {}
.wsmenu .head .signup a {display:block;}
.wsmenu h4 {
    background: #EFEFEF;
    padding: 6px 20px;
    font-size: 12px;
}
.wsmenu .head input[type="submit"] {width:88%; margin:10px auto; border:0px none; border-radius:5px;}
.wsmenu .head p {color:#004d85; text-align:center;}
.wsmenu .head a.fb-login {
    background: #004d85;
    color: #FFF;
    height: 40px;
    width: 40px;
    margin: 10px auto;
    font-size:16px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    display:block;
}
.wsmenu .head a.fb-login:hover {
    background: #004d85;
    color: #FFF;
}

.wsmenucontainer.wsoffcanvasopener {
    margin-left: 0px !important;
}
.wsmenu {
    z-index: 300 !important;
}
#app-download-banner {display:none;}
@media screen and (max-width: 767px) {
    #app-download-banner {display:block;}
}
.banner {
    padding-top: 3px;
    padding-bottom: 3px;
    background: #fff;
    position: relative;
}

.app-banner {
    background-image: url(../img/mob.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100px;
    display: table;
    position: relative;
}
.app-banner .app-banner-phone {
    background-image: url(../img/mob_en.png);
    background-size: contain;
    height: 100%;
    width: 84px;
    position: absolute;
    left: 0;
    right: auto;
}
.app-banner .app-banner-texts {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 100%;
    text-align: right;
    float: none;
    padding: 0;
}
.app-banner .app-banner-content {
    font-size: 1.2rem;
    color: #004B7D;
}
.app-banner .app-banner-texts p {
    margin: 0 14px 10px;
    line-height: 1;
    width: 75%;
}
.app-banner .app-banner-btn {
    background: #FC9E2F;
    background: linear-gradient(#FC9E2F,#E17A01);
    width: 45%;
    height: 25px;
    display:block;
    margin-right: 14px;
    margin-left: 14px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 2;
    border-radius: 5px;
    position: relative;
}
/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: white;
    padding: 13px 19px 17px 16px;
    font-size: 25px;
    border: none;
    cursor: pointer;
    float: left;
    margin-left: 43px;
    line-height: 20px;
    border-right:2px solid #004DA5;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content .menu_form {background:#FFF;}
.dropdown-content .menu_form * {text-align:right;}
.dropdown-content .menu_form .btn-primary{
    text-align:center;
    width: 90%;
    min-height: 40px;
}
/* Links inside the dropdown */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
@media screen and (max-width:767px){
    .mash-menu img {margin-bottom: 0px;}
    #navbar {padding:0px;
             border-bottom: 2px solid #004DA5;
    }
    .mash-menu .mash-mobile-button {border-right:2px solid #004DA5;height: 100%;}
    #navbar .navbar-right {
        float: right;
        padding:9px 0;
    }
    .mash-menu .mash-mobile-button span {
        background: transparent;
        color: #FFF;
        font-size: 32px;
        padding: 1px 0;
    }

}