header{
    font-family: 'Lato', sans-serif;
}

html,a{
    text-decoration:none;
    color:inherit;
    border:none
}
.full-menu-color{
    max-height:56px;
    margin-top:10px;
    width:100%;
    float:left
}
.full-menu-color-inner{
    color:#fff;
    width:100%
}
.home-img{
    display:none
}
.logo-mobile{
    display:none;
    text-align:center
}
.navbar-brand{
    margin-left:0;
    line-height:20px
}
.navbar-fixed-top{
    top:0;
    z-index:1000
}
.navbar{
    z-index:1000;
    padding: 0px;
}
.navbar-fixed-top{
    position:fixed;
    right:0;
    left:0;
    border-width:0 0 1px
}
.navbar-header{
    margin:0 auto;
    width:100%
}
.wrapper-menu{
    width:100%;
    margin:0 auto;
    height:72px;
    background:#fff
}
img.wt-logo{
    width:100%;
    margin:0 auto;
    padding:10px;
    -webkit-transition:width .6s;
    -moz-transition:width .6s;
    -ms-transition:width .6s;
    -o-transition:width .6s;
    transition:width .6s
}
.logo-inner{
    width:45%;
    margin:10px auto 0;
    display:block;
    -webkit-transition:width .6s;
    -moz-transition:width .6s;
    -ms-transition:width .6s;
    -o-transition:width .6s;
    transition:width .6s;
    display:block
}
.overlay3{
    height:100%;
    width:0;
    position:fixed;
    z-index:1030;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.9);
    overflow-y:auto;
    overflow-x:hidden;
    text-align:center;
    opacity:0;
    transition:opacity 1s;
    display:none
}
a#toggle{
    position:fixed;
    top:15px;
    right:30px;
    width:40px;
    height:40px;
    background-color:#535555;
    opacity:.81;
    text-align:center;
    color:#fff;
    display:none;
    transition:all ease-out .3s;
    border-radius:5px
}
a#toggle i{
    position:relative;
    top:50%;
    transform:translateY(-70%)
}
header{
    left:0;
    right:0
}
.logo-mobile{
    width:65%;
    padding-bottom:6px
}
.menu{
    margin-right:auto;
    margin-left:auto;
    width:100%;
    z-index:1040;
    font-family:'Helvetica-Bold';
    top:0;
}
.main-menu-fb{
    width:30px
}
.menu-inner{
    margin-right:auto;
    margin-left:auto;
    width:100%;
    font-family:'Helvetica-Bold';
    top:0;
    position:absolute;
    height:200px;
    z-index:1;
    margin-bottom:-20px;
    z-index:9999;
    background:rgba(0,0,0,.64);
    background:-moz-linear-gradient(top,rgba(0,0,0,.64) 0%,rgba(255,255,255,0) 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,.64)),color-stop(100%,rgba(255,255,255,0)));
    background:-webkit-linear-gradient(top,rgba(0,0,0,.64) 0%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,.64) 0%,rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(top,rgba(0,0,0,.64) 0%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,.64) 0%,rgba(255,255,255,0) 100%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#fff',GradientType=0)
}
.full-menu-div{
    width:100%;
    float:right;
    position:relative
}
.menu.smaller{
    height:65px;
    opacity:.85
}
.menu.smaller ul{
    padding:9px 0 0
}
.menu.smaller ul li>a{
    padding-bottom:33px
}
.menu.smaller ul li>ul{
    top:64px
}
.menu.smaller ul li ul li>ul{
    top:63%
}
.menu.smaller img.wt-logo{
    width:75%;
    margin-top:8px
}

.menu ul{
    list-style:none;
    padding:0;
    z-index:1050;
    margin:0;
    -webkit-transition:padding .6s;
    -moz-transition:padding .6s;
    -ms-transition:padding .6s;
    -o-transition:padding .6s;
    transition:padding .6s;
    width:100%
}
.menu-inner ul{
    list-style:none;
    padding:0;
    z-index:1050;
    margin:0 auto;
    -webkit-transition:padding .6s;
    -moz-transition:padding .6s;
    -ms-transition:padding .6s;
    -o-transition:padding .6s;
    transition:padding .6s;
    width:100%
}
@media only screen and (min-width:480px){
    a#toggle{
        width:50px;
        height:50px
    }
    .logo-mobile{
        display:none
    }
}
.menu ul li{
    display:inline-block
}
.menu ul li>a{
    display:inline-block;
    padding:0;
    padding-bottom: 5px;
    outline:0;
    font-size:14px;
    color: #fff;
    text-transform:uppercase;
    margin: 10px 9px 0px 9px;
    border-bottom: 4px solid transparent;
     transition:all ease-out .2s
}
.menu li>ul.dropdown{
    position:absolute;
    display:none;
    width:250px;
    background:#dda626;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
    padding-top:0
}
.menu li ul.dropdown li>a{
    color:#fff;
    padding:10px 13px 10px 16px;
    -moz-transition:all .2s ease;
    -o-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    border:none
}
.menu li ul.dropdown li>a:hover{
    background:#c98d14
}
.menu ul li>a>i{
    margin-left:15px;
    margin-top:2px;
    display:none;
    transition:all ease-out .3s;
    -webkit-transition:all ease-out .1s
}
.menu ul li ul{
    display:none;
    border-radius:2px;
    position:absolute;
    top:93px;
    background-image:url(../images/background-top.png);
    background-repeat:repeat-x;
    background-position:top;
    background-size:100% 100%;
    text-align:left;
    padding:0
}
.menu ul li ul li{
    display:block
}
.menu ul li ul li a{
    display:block;
    outline:0;
    font-size:16px;
    text-transform:capitalize;
    color:#fff
}
.menu ul li ul li:hover>a{
    border-bottom: 2px solid #53c2be;

}
.menu ul li:hover>a{
    border-bottom: 4px solid #53c2be;
}
.menu ul li>.active{
   border-bottom: 4px solid #53c2be;
}
.icon-menu-text.active{
    color:orange;
    font-weight:700
}
.menu ul li:hover>a>i{
    transform:rotateZ(90deg);
    display:none
}
.menu ul li:hover>ul{
    display:block
}
.menu-inner ul li{
    display:inline-block
}
.menu-inner ul li>a{
    display:inline-block;
    padding:15px 9px 10px;
    outline:0;
    font-size:13px;
    letter-spacing:.03em;
    text-transform:uppercase
}
.menu-inner li>ul.dropdown{
    position:absolute;
    margin-left:25px;
    display:none;
    width:200px;
    background:#333;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
    padding-top:0
}
.menu-inner li ul.dropdown li>a{
    color:back;
    padding:10px 13px 10px 30px;
    -moz-transition:all .2s ease;
    -o-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    border:none
}
.menu-inner li ul.dropdown li>a:hover{
    color:#fff;
    transition:all ease-out .2s
}
.menu-inner ul li>a>i{
    margin-left:15px;
    margin-top:2px;
    display:none;
    transition:all ease-out .3s;
    -webkit-transition:all ease-out .1s
}
.menu-inner ul li ul{
    display:none;
    position:absolute;
    /* background-color:#333; */
    text-align:left;
    padding:0;
    max-width:240px;
    font-size:16px;
    color:#fff
}
.menu-inner ul li ul.amazing-dropdown-menu-content{
	background: #9F9F9F;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    padding-top: 0;
	color : white;
}
.menu-inner ul li ul.amazing-dropdown-menu-content a{
	color: #fff !important;
}
.menu-inner ul li ul li{
    display:block;
    font-size:15px
}
.menu-inner ul li ul li a{
    display:block;
    outline:0;
    font-size:15px;
    padding:10px;
    text-transform:capitalize;
    color:#fff
}
.menu-inner ul li ul li:hover>a{
    color:#fff;
    transition:all ease-out .2s
}
.menu-inner ul li:hover>a{
    color:#e307132
}
.menu-inner ul li:hover>a>i{
    transform:rotateZ(90deg);
    display:none
}
.menu-inner ul li:hover>ul{
    display:block
}
@media screen and (max-width:991px){
    .navbar-header{
        float:left
    }
    .logo-mobile{
        display:block;
        margin:0 auto;
        width:150px;
    }
    .navbar-brand{
        margin:0 auto;
        margin-bottom:10px
    }
    .menu ul li>a{
/*        color:#000;*/
        border-bottom: 0;
        margin: 0;
    }

    .menu ul li:hover>a,
    .menu ul li>.active{
        border: unset;
        background-color: #53c2be;
        color: #fff;
    }


    .logo-inner{
        display:none
    }
    img.wt-logo{
        display:block;
        width:100%;
        max-width:250px;
        margin:-25px auto 10px
    }
    .menu li>ul.dropdown{
        margin:0
    }
    .menu li ul.dropdown{
        display:none;
        position:static;
        width:100%;
        border-top:0;
        background-image:none
    }
    .menu li ul.dropdown li>a{
        color:#444;
        color:#fff;
        font-size:17px
    }
    .menu ul li>a{
        padding:20px 13px 20px 25px
    }
    a#toggle{
        display:block
    }
    main#navigation-content{
        margin-top:65px;
        transition:all ease-out .3s
    }
    .menu{
        position:fixed;
        transition:all ease-out .3s;
        width:230px;
        height:100%;
        top:0;
        right:0;
        overflow:hidden;
        overflow-y:auto;
        background-color:rgb(32,71,132);
        border-bottom:0;
        transform:translateX(250px);
        background-image:none
    }
    .menu.smaller{
        display:none
    }
    .menu ul{
        text-align:left;
        /* background-color:#fff; */
        width:100%;
        padding:0
    }
    .menu ul li{
        display:block
    }
    .menu ul li a{
        display:block
    }
    .menu ul li a>i{
        float:right;
        display:block;
        margin-top:2px
    }
    .menu ul li ul{
        display:none;
        position:static;
        width:100%;
        border-top:0;
        background-image:none
    }
    .menu ul li:hover>ul{
        display:none;
        border-top:0
    }
    .menu ul li:hover>a>i{
        transform:rotateZ(0);
        display:block
    }
    .menu ul li.open>a{
        background:#c98d14;
        color:#fff
    }
    .menu ul li.open>a>i{
        transform:rotateZ(90deg)
    }
    .menu ul li.open>ul{
        display:block;
        background-color:#dda626
    }
    html.open-menu{
        overflow:hidden
    }
    html.open-menu div#overlay{
        visibility:visible;
        opacity:1;
        width:calc(-150%);
        left:250px
    }
    html.open-menu a#toggle,html.open-menu main#navigation-content{
        transform:translateX(-230px)
    }
    html.open-menu div.menu{
        z-index:1040;
        transform:translateX(0)
    }
    .menu ul li>a{
        outline:0;
        padding:14px 32px 10px 20px;
        font-size:16px
    }
    .menu ul li ul li a{
        display:block;
        outline:0;
        font-size:15px;
        padding:8px
    }
    .menu-inner ul li>a{
        outline:0;
        font-size:15px;
        padding:8px;
        color:#616160
    }
    .menu-inner li>ul.dropdown{
        margin:0
    }
    .menu-inner li ul.dropdown{
        display:none;
        position:static;
        width:100%;
        border-top:0;
        background-image:none
    }
    .menu-inner li ul.dropdown li>a{
        font-size:12px;
        font-family:"Helvetica"
    }
    .menu-inner ul li>a{
        /* padding:20px 13px 20px 25px */
        padding:17px 13px 17px 25px
    }
    .menu-inner{
        position:fixed;
        transition:all ease-out .3s;
        width:230px;
        height:100%;
        top:0;
        right:0;
        overflow:hidden;
        overflow-y:auto;
        background-color:#fff;
        border-bottom:0;
        transform:translateX(250px);
        background-image:none
    }
    .menu-inner.smaller{
        display:none
    }
    .menu-inner ul{
        text-align:left;
        background-color:#fff;
        width:100%;
        padding:0 0 20px
    }
    .menu-inner ul li{
        display:block;
        color:#666
    }
    .menu-inner ul li a{
        display:block
    }
    .menu-inner ul li a>i{
        float:right;
        display:block;
        margin-top:2px
    }
    .menu-inner ul li ul{
        display:none;
        position:static;
        width:100%;
        border-top:0;
        background-image:none
    }
    .menu-inner ul li:hover>ul{
        display:none;
        border-top:0;
        color:#fff
    }
    .menu-inner ul li:hover>a>i{
        transform:rotateZ(0);
        display:block
    }
    .menu-inner ul li.open>a{
        background:transparent
    }
    .menu-inner ul li.open>a>i{
        transform:rotateZ(90deg)
    }
    .menu-inner ul li.open>ul{
        display:block !important;
        background-color:#9f9f9f !important;
    }
    html.open-menu{
        overflow:hidden
    }
    html.open-menu div#overlay{
        visibility:visible;
        opacity:1;
        width:calc(-150%);
        left:250px
    }
    html.open-menu a#toggle,html.open-menu main#navigation-content{
        transform:translateX(-230px)
    }
    html.open-menu nav.menu-inner{
        z-index:1040;
        transform:translateX(0)
    }
    .menu-inner ul li>a{
        outline:0;
        font-size:12px;
        font-family:'Helvetica'
    }
    .menu-inner ul li>a:hover{
        color:#fff !important;
        background-color:#575456 !important;
    }
}
@media (min-width:992px){
    .logo-inner{
        width:100%
    }
    .wrapper-menu{
        height:50px
    }
    .full-menu-div{
        width:100%
    }
    .navbar-header{
        width:100%
    }
    .menu-div{
        background-position:center top;
        background-size:100% 100%;
        height:47px
    }
    .home-icon{
        margin-top:-28px
    }
    .full-menu-color-inner{
        height:37px
    }
    .top_menu_wrapper{
        height:60px
    }
}
/*
@media screen and (min-width:992px) and (max-width:1024px){
    .menu ul li>a{
        outline:0;
        padding:14px 15px 12px 18px;
        font-size:16px
    }
    .menu ul li ul li a{
        display:block;
        outline:0;
        font-weight:700;
        font-size:14px;
        padding:10px
    }
    .menu ul{
        padding:0
    }
    .full-menu-color{
        width:88%
    }
}
@media screen and (min-width:1024px){
    .wrapper-menu{
        width:100%;
        -webkit-box-shadow:-2px 3px 13px -2px rgba(0,0,0,.53);
        -moz-box-shadow:-2px 3px 13px -2px rgba(0,0,0,.53);
        box-shadow:-2px 3px 13px -2px rgba(0,0,0,.53)
    }
    .home-img{
        display:block;
        width:10px
    }
    .top-iocn-div{
        margin-top:10px;
        width:75%;
        float:right;
        display:block
    }
    .menu ul li:hover>a{
        background:none
    }
    .full-menu-color-inner{
        width:100%
    }
    .menu-inner ul li>a{
        font-size:12px;
        padding:10px 0 15px 18px
    }
}
@media screen and (min-width:1060px){
    .menu-inner ul li>a{
        font-size:12px;
        padding:10px 0 15px 23px
    }
}
@media screen and (min-width:1160px){
    .menu-inner ul li>a{
        font-size:12px;
        padding:10px 0 15px
    }
}
@media screen and (min-width:1024px) and (max-width:1280px){
    .menu ul li>a{
        outline:0;
        font-size:16px;
        padding:15px 17px
    }
    .menu ul li ul li a{
        display:block;
        outline:0;
        font-weight:700;
        font-size:14px;
        padding:10px
    }
}
@media (min-width:1200px){
    .top_menu_wrapper{
        height:75px
    }
    .menu-inner li>ul.dropdown{
        margin-left:38px
    }
    .wrapper-menu{
        height:75px
    }
    .menu-inner ul li>a{
        font-size:11px;
        padding:10px 0 10px 40px
    }
    .menu-div{
        display:block;
        margin:-5px auto 0
    }
    .menu li>ul.dropdown{
        width:218px
    }
    .top-iocn-div{
        width:64%
    }
    .menu ul li ul{
        top:50px
    }
    .menu ul li>a{
        padding:15px 20px;
        font-size:14px
    }
    .menu ul{
        padding:0;
        margin:0 auto
    }
}
@media screen and (min-width:1281px) and (max-width:1440px){
    .menu ul li>a{
        display:inline-block;
        outline:0;
        font-size:14px;
        text-transform:uppercase
    }
    .menu ul li ul li a{
        display:block;
        outline:0;
        font-weight:700;
        font-size:15px;
        text-transform:capitalize;
        padding:10px
    }
}
@media screen and (min-width:1223px){
    .menu ul li>a{
        padding:10px 20px
    }
}
@media screen and (min-width:1350px){
    .menu-inner ul li>a{
        font-size:12px;
        padding:10px 0 10px 39px
    }
    .menu ul li>a{
        font-size:13px
    }
}
@media screen and (min-width:1500px){
    .navbar-header{
        width:100%
    }
    .menu ul li>a{
        font-size:16px;
        padding:10px 35px 10px 30px
    }
}
@media screen and (min-width:1700px){
    .menu-inner ul li>a{
        padding:12px 0 10px 39px
    }
}
.fa-menu-padding{
	padding : 5px 15px;
	margin-top : 0px;
}

*/
/*
 add by rex - for iskandar residences
header .header-divider-white{
	border-bottom: 2px solid white !important;
}
*/
.header-navigation-wrapper{
	transition: transform 0.3s;
}
/*
.app-button-wrapper .row a{
	display: block;
	text-align: center;
}
*/

@media (min-width: 991px){
	.header-navigation-wrapper.absolute{
		/*position: absolute;*/
	}
	.header-navigation-wrapper.fixed{
		position: fixed;
	}
	.app-button-wrapper .row{
		justify-content: flex-end;
	}
}
header .iskandar-menu-style .navbar-nav{
	color: white;
	text-transform: uppercase;
}
.fixed-navi{
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    height: 90px;
}




/*add by wes*/
.fb-icon{
    font-size: 28px;
    color: #fff;
}