@charset "utf-8";
/* CSS Document */
/* FONTS DECLARATION */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraLight.eot');
    src: local('Work Sans ExtraLight'), local('WorkSans-ExtraLight'),
        url('../fonts/WorkSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraLight.woff') format('woff'),
        url('../fonts/WorkSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Regular.eot');
    src: local('Work Sans'), local('WorkSans-Regular'),
        url('../fonts/WorkSans-Regular.woff2') format('woff2'),
        url('../fonts/WorkSans-Regular.woff') format('woff'),
        url('../fonts/WorkSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBold.eot');
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'),
        url('../fonts/WorkSans-SemiBold.woff2') format('woff2'),
        url('../fonts/WorkSans-SemiBold.woff') format('woff'),
        url('../fonts/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Light.eot');
    src: local('Work Sans Light'), local('WorkSans-Light'),
        url('../fonts/WorkSans-Light.woff2') format('woff2'),
        url('../fonts/WorkSans-Light.woff') format('woff'),
        url('../fonts/WorkSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Medium.eot');
    src: local('Work Sans Medium'), local('WorkSans-Medium'),
        url('../fonts/WorkSans-Medium.woff2') format('woff2'),
        url('../fonts/WorkSans-Medium.woff') format('woff'),
        url('../fonts/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html{font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; line-height: 1;}
/* base declaration */
a:hover,
a:focus,
a:active{text-decoration: none;}
*:focus{outline: none;}
body.inNav{overflow: hidden;}
body.inNav .menu--trigger{z-index: 10000;}
.fullWidth{ float: left; display: inline-block; width: 100%; position: relative;}
body{background: #fff;font-family: 'Work Sans'; font-size: 14px; color: #333; margin: 0; overflow-x: hidden; overflow-y: auto; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; letter-spacing: 1.11px; line-height: 1;}
section, header, main, footer{line-height: 1.57;}
p{color: #1a1a1a; word-wrap: break-word;}
.label--head{line-height: 1.75;}
p:not(:last-of-type){margin-bottom: 1rem;}
p + .label--head{margin-top: 1rem;}
.label--head{margin-bottom: 1.357rem;}

.e-light{font-weight: 200 !important;}
.light{font-weight: 300 !important;}
.normal{font-weight: 400 !important;}
.mdum{font-weight: 500 !important;}
.s-bold{font-weight: 600 !important;}
h1,h2,h3,h4,h5,h6{color: #1a1a1a;word-wrap: break-word;}
/* Other Base */
.padder--custom{padding-left: 3.57rem; padding-right: 3.57rem;}
.blocker{float: left; width: 100%; position: relative;}
/* Other Base */

.header--wrap{text-align: left;}
.menu--trigger{display: none;}
/* Logo Img Header */
.logo-area{float: left; display: inline-block; width: 100%; position: relative; max-width: 300px; text-align: left; margin-right: 15px;transition: max-width  0.24s linear; -o-transition: max-width 0.24s linear; -webkit-transition:  max-width 0.24s linear; -moz-transition: max-width 0.24s linear; -ms-transition: max-width 0.24s linear; }
.logoLink{display: inline-block; float: none; position: relative;}
.logoImg{display: inline-block; float: none; max-width: 100%; position: relative;}
.uc{text-transform: uppercase;}
.underlined{text-decoration: underline !important;}
.rightHeader__header{display: inline-block; float: left; width: 100%; position: relative; text-align: center;}

/* Logo Img Header */
/*.logo Svg*/
.logoLink{background-image: url(../../images/logo.svg); background-repeat: no-repeat; background-size: contain; background-attachment: scroll; background-position: left center; display: inline-block; float: none;}
.inline--link{color: inherit; font-size: inherit; opacity: 1; display: inline-block; float: none; position: relative; font-weight: inherit;}
.inline--link:focus,
.inline--link:hover,
.inline--link:active{color: inherit; opacity: 1; text-decoration: none; outline: none;}
.white{color: #fff !important;}
.bgWhite{background-color: #fff !important;}
/*header*/
.iconHeader{ -moz-transform: scale(1.357); -webkit-transform: scale(1.357); -ms-transform: scale(1.357); -o-transform: scale(1.357);transform: scale(1.357);}
.large--icon.iconHeader{ -moz-transform: scale(1.57); -webkit-transform: scale(1.57); -ms-transform: scale(1.57); -o-transform: scale(1.57);transform: scale(1.57);}
/*icon Header*/
.topMostHeader{background-color: #1a1a1a; color: #fff; font-size: 0.85rem; font-weight: 400; opacity: 1; text-rendering: geometricPrecision; letter-spacing: 1.1428px; text-align: right; width: 100%;}
.topMostHeader > div > *{padding-top: 0.55rem; padding-bottom: 0.5rem; display: inline-block;}
.topMostHeader > div:not(:last-of-type){margin-right: 3.57rem;}
.overlayMenu{display: none !important;}
/*banner Area*/

.rightSectionBanner,
.leftSectionBanner{float: left; display: inline-block; position: relative;}
.link--slider img{float: left; display: inline-block; width: 100%;}
.leftSectionBanner .swiper-pagination{text-align: center;}
.swiper-pagination-bullet{border: 1px solid #eee;}
.abs__Banner{position: absolute; right: 0; z-index: 10; display: inline-block; float: left; width: -webkit-calc(100% - 15px);width: -moz-calc(100% - 15px);width: calc(100% - 15px);}
.bottom{bottom: 0;}
.bordered--div{border: 1px solid #ddd;}
.top{top: 0;}
.row{width: -moz-calc(100% + 30px);width: -webkit-calc(100% + 30px);width: calc(100% + 30px); float: left;}
.row.no-gutters{width: 100%;}
.base--colored{color: #00959c;}
.heading--styled{position: relative; padding-top: 6px; white-space: nowrap;}
.heading--styled:before{position: absolute; display: inline-block; float: left; width: 100%; content: ""; top: 0; z-index: 10; left: 0; background-color: #00959c; min-height: 1px;}

.categoriesListWrap{background-color: #1a1a1a; letter-spacing: 1.1428px; font-weight: 300;letter-spacing: 1px;}
.list--ul{float: left; display: inline-block; width: 100%; position: relative;letter-spacing: 1px;}
.listBulleted{float: left; display: inline-block; width: 100%; position: relative; padding-left: 24px; font-size: 1.357rem; font-weight: 100; letter-spacing: 1px;}
.list--ul > li:not(:last-of-type){margin-bottom: 1rem;}
.listBulleted:before{position: absolute; content: "\f3d3"; font-family: "Ionicons"; left: 0; top: 1px; display: inline-block; float: left; z-index: 10; font-size: 1.457rem; text-rendering: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit;}

.categories-section{background-color: #00959c;}
.popular-section .swiper-button-disabled,
.categories--slider .swiper-button-disabled{display: none;}
.w-customLeftBar{background-color: #1a1a1a;}
.popular--link{-webkit-box-shadow: 0px 3px 20px rgba(0,0,0,.14);-moz-box-shadow: 0px 3px 20px rgba(0,0,0,.14);box-shadow: 0px 3px 20px rgba(0,0,0,.14);-webkit-transition: 0.53s -webkit-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s -webkit-box-shadow cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s -moz-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s -moz-box-shadow cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s -o-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: 0.53s -ms-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s -ms-box-shadow cubic-bezier(0.4, 0, 0.2, 1);}
.sliderContain__popular{overflow: hidden;}
.sliderContain__popular .swiper-container,
.sliderContain__popular .swiper-wrapper{overflow: visible;}
body:not(.SmartDevice) .popular--link:hover,
body:not(.SmartDevice) .popular--link:focus,
body:not(.SmartDevice) .popular--link:active{-webkit-transform: translate(0px, -4px); -moz-transform: translate(0px, -4px); -ms-transform: translate(0px, -4px);  -o-transform: translate(0px, -4px); transform: translate(0px, -4px);-webkit-box-shadow: 0px 8px 15px rgba(0,0,0,.14);-moz-box-shadow: 0px 8px 15px rgba(0,0,0,.14);box-shadow: 0px 8px 15px rgba(0,0,0,.14);}
.titlediv__category{color: #1a1a1a; padding-right: 32px !important;}
.titlediv__popular{color: #1a1a1a;}
.titlediv__category h6{font-size: 1.1428rem;}
.titlediv__popular h6{font-size: 1.1428rem;}
.rightArrow__category{position: absolute; z-index: 10; background-color: transparent; display: inline-block; float: left; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); font-size: 2.1428rem;}
.nowrapText{white-space: nowrap;}
.w-customRightBar .swiper-slide{background-color: #fff;}
.popular-section .swiper-slide,
.categories-section .swiper-slide{width: 200px;}
.swiper-pagination-bullet:not(:last-of-type){margin-right: 0.75rem;}
.swiper-pagination-bullet{background-image: #ddd;}
.swiper-pagination-bullet-active.swiper-pagination-bullet{background-color: #1a1a1a; -moz-transform: scale(1.21428); -webkit-transform: scale(1.21428); -ms-transform: scale(1.21428); -o-transform: scale(1.21428); transform: scale(1.21428);}
.imgClientHold{padding: 6px 6px; float: left; width: 100%; position: relative; display: table; table-layout: fixed; text-align:  center; height: 100px;}
.imgClientHold b{float: none; display: table-cell; position: relative; vertical-align: middle; text-align: center; height: 100px;}
.imgClientHold b img{float: none; max-width: -moz-calc(100% - 30px);max-width: -webkit-calc(100% - 30px);max-width: calc(100% - 30px); max-height: 100%; position: relative; display: inline-block; margin-left: 15px; margin-right: 15px;}
.clients--section{background-color: #eee;}
.posStatic{position: static;}
footer.footer{background-color: #1a1a1a; color: #fff;}
footer.footer *{text-rendering: optimizeLegibility;}
.footerIcon{ position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); font-size: 1.357rem;}
.footerTrigger{font-size: 1.25rem; padding-right: 30px; padding-top: 1rem; padding-bottom: 1rem;}
.footerTrigger[aria-expanded="false"] .ion-plus{display: inline-block;}
.footerTrigger[aria-expanded="false"] .ion-minus{display: none;}
.footerTrigger[aria-expanded="true"] .ion-minus{display: inline-block;}
.footerTrigger[aria-expanded="true"] .ion-plus{display: none;}
.faded--div{opacity: 0.71;}
.blocker *,
.blocker{line-height: 1.6;}
#footer--abt .faded--div{max-width: 375px;}
.footerLinks a.inline--link:not(:last-of-type){margin-right: 1.75rem; display: inline-block; float: none;}
.footerLinks a.inline--link{color: #00959c !important; opacity: 0.75; font-style: 1.6rem;}
.footerLinks a.inline--link:hover,
.footerLinks a.inline--link:focus,
.footerLinks a.inline--link:active{opacity: 1;}
.footerLinks a.inline--link i{width: 25px; height: 25px; line-height: 37px; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-attachment: scroll; background-position: center; display: inline-block; float: left;}
.footerLinks a.inline--link i:before{ font-size: 1.6rem;}
.footerLinks a.inline--link.lgIcon i:before{font-size: 1.75rem;}
footer .list--ul{height: 150px;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .list--ul li{display: inline-block; width: 100%; float: left; -webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; max-width: 120px; padding-right: 6px; word-wrap: break-word;}
footer .list--ul li a{display: inline-block; float: none; opacity: 1 !important;word-wrap: break-word;}
.copyrightDiv{background-color: #171717;}
a, button, div, span{outline: none !important;}

/*listing Page*/
.overVis{overflow: visible;}
.overHid{overflow: hidden;}
/*listing Page*/
.breadcrumbs a:last-of-type,
.breadcrumbs a:last-of-type:active,
.breadcrumbs a:last-of-type:hover,
.breadcrumbs a:last-of-type:focus{pointer-events: none; -moz-pointer-events:none; -webkit-pointer-events: none; opacity: 0.75;}
.breadcrumbs a:not(:last-of-type){margin-right: 10px;}
.breadcrumbs a:not(:last-of-type):after{content: "/"; position: relative; display: inline-block; float: none; margin-left: 10px; color: #555; text-decoration: none; pointer-events: none; -moz-pointer-events:none; -webkit-pointer-events: none;}
.InnerListWrap{float: none; width: 100%; position: relative; z-index: 99;}
.fullWrap__List{float: left; width: 100%; position: relative; z-index: 99;}
.leftSidebar{float: left; display: inline-block; width: 235px; margin-right: 30px; position: relative; z-index: 9999;}
.sidebarHolder{margin-bottom: 60px;}
.leftSidebar{position: relative;}
.ListingMain{float: right; display: inline-block; width: -moz-calc(100% - 265px);width: -webkit-calc(100% - 265px);width: calc(100% - 265px); position: relative; z-index: 9; padding: 0 15px 0 0;}
.absLinkIn{position: absolute; right: 0; z-index: 4; font-size: 15px; line-height: 40px; vertical-align: middle; top: 3px;}
.innerLeftSidebar{float: left; display: inline-block; width: 100%; position: relative; max-width: 250px; background-color: #fff;}
.ListLink{float: left; width: 100%; position: relative;}
.AffixingSidebar{position: relative; float: left; width: 100%; padding-left: 7.5px; padding-right: 7.5px;}
.sidebarHolder{position: relative; float: left; width: 100%;}
body.NotAnimFriendlyBody input[type="text"]::-ms-clear{display: none;}
.sidebar{list-style: none; padding-left: 0; margin-left: 0; margin-bottom: 0; float: left; width: 100%; text-align: left;}
.sidebar > li{float: left; width: 100%; position: relative;}
.sidebar.filters--sidebar > li:not(:last-of-type){margin-bottom: 1rem;}
.sidebar--bulleted.sidebar > li{padding-left: 0; position: relative;}
.sidebar--bulleted.sidebar > li.activeLink{padding-left: 10px;}
.sidebar--bulleted.sidebar > li.activeLink:before{text-rendering: auto; -moz-osx-font-smoothing: grayscaled; -webkit-font-smoothing: antialiased; top: 50%; left: 0; position: absolute; z-index: 2; opacity: 1; background-color: transparent; content: "\f125"; border-radius: 0; background-clip: padding-box; color: #04969F; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: "Ionicons"; font-size: 0.75rem; margin-top: -2px;}    
.sidebar a{padding: 0.33rem 0.53rem; color: #555; display: inline-block;}
.sidebar a:focus:not(.listeeTarget),
.sidebar a:hover:not(.listeeTarget),
.sidebar a:active:not(.listeeTarget){color: #04969F; opacity: 1;}
.sidebar li.activeLink a{color: #04969F; font-weight: 700;}
.sidebar .sidebar{display: none; padding-left: 0.75rem;}

.InnerListWrap{top: 0;}
.sidebar h3{ padding-bottom: 8px; margin-top: 4px;  margin-bottom: 8px; font-size: 1.357rem; font-weight: 500;}
.sidebar:not(:last-of-type){margin-bottom: 30px;}

main a.active .ion-minus{display: inline-block;}
main a.active .ion-plus{display: none;}
main a:not(.active) .ion-minus{display: none;}
main a:not(.active) .ion-plus{display: inline-block;}
section.ListingWrap{position: relative; margin-left: -10px; margin-right: -10px; padding-top: 20px; margin-top: 20px; float: left;width: -moz-calc(100% + 20px);width: -webkit-calc(100% + 20px);width: calc(100% + 20px); margin-bottom: 0; border-top: 1px solid #eee;   display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-justify-content: flex-start;  -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;    align-content: stretch;  -webkit-align-items: stretch; -ms-flex-align: stretch;  align-items: stretch;}
.ListImageHolder{float: left; -webkit-order: 0;  -ms-flex-order: 0;  order: 0;  -webkit-flex: 0 1 auto;  -ms-flex: 0 1 auto;  flex: 0 1 auto;  -webkit-align-self: auto;  -ms-flex-item-align: auto;  align-self: auto; margin-left: 10px; margin-right: 10px; position: relative; margin-bottom: 20px; display: inline-block; display: inline-block;}
.ListingMain{overflow: visible;}
.b--fullWidth{display: block; width: 100%; float: left; position: relative;}
.sidebar a.activeLink + .sidebar{display: block;}
.sidebar.opened{display: block !important;} 

.viewActionDiv{white-space: nowrap; width: 100%; float: right; text-align: right !important; vertical-align: bottom;}
.viewActionDiv > a{opacity: 0.35;}
.viewActionDiv > a:not(.active) img{opacity: 0.35;}
.viewActionDiv > a,
.viewActionDiv > span{line-height: 20px; height: 24px; vertical-align: middle; width: 24px; opacity: 0.75 !important; background-color: transparent; padding: 0; margin-top: -2px; color: #999; font-size: 1rem; text-align: center;}
.viewActionDiv > span{border-color: transparent !important; margin-right: 32px; color: #828282; font-size: 0.91rem; display: inline-block;}
.viewActionDiv > a.active{opacity: 1 !important; background-color: transparent;}
.viewActionDiv > a[data-lay="three"].active{opacity: 0.7 !important;}
.viewActionDiv > a:not(:last-of-type){margin-right: 5px;}
.viewActionDiv > a img{max-width: 100%; max-height: 100%; padding: 1px; display: inline-block;}
.ListImageHolder{width: -moz-calc(20% - 20px);width: -webkit-calc(20% - 20px);width: calc(20% - 20px); float: left; display: inline-block;}
.switchedLay .ListImageHolder{width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);width: calc(25% - 20px); float: left; display: inline-block;}
.listingProLink .titlediv__popular{background-color: transparent;}
.listingProLink{-webkit-box-shadow: 0px 3px 20px rgba(0,0,0,.14);-moz-box-shadow: 0px 3px 20px rgba(0,0,0,.14);box-shadow: 0px 3px 20px rgba(0,0,0,.14);-webkit-transition: 0.53s -webkit-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s -webkit-box-shadow cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s -moz-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s -moz-box-shadow cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s -o-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: 0.53s -ms-transform cubic-bezier(0.4, 0, 0.2, 1), 0.53s -ms-box-shadow cubic-bezier(0.4, 0, 0.2, 1); background-color: #fff;}
.listingProLink .text-faded{font-size: 0.85rem; color: #999;}
body:not(.SmartDevice) .listingProLink:hover,
body:not(.SmartDevice) .listingProLink:focus,
body:not(.SmartDevice) .listingProLink:active{-webkit-transform: translate(0px, -4px); -moz-transform: translate(0px, -4px); -ms-transform: translate(0px, -4px);  -o-transform: translate(0px, -4px); transform: translate(0px, -4px);-webkit-box-shadow: 0px 8px 15px rgba(0,0,0,.14);-moz-box-shadow: 0px 8px 15px rgba(0,0,0,.14);box-shadow: 0px 8px 15px rgba(0,0,0,.14);}
.listingPage{background-color: #f7f7f7;}
/*listing Page*/
.col-md-auto{flex: 0 1 auto; -ms-flex: 0 1 auto;}

/*detail Page*/
/*detailPage*/
.WrapperDetail{width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px); float: left; position: relative; margin-left: -15px; margin-right: -15px; margin-bottom: -1.5rem; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;
    -webkit-justify-content: flex-start;  -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;    align-content: stretch;  -webkit-align-items: stretch; -ms-flex-align: stretch;  align-items: stretch;}
.leftWrapDetail, .rightWrapDetail{-webkit-order: 0;  -ms-flex-order: 0;  order: 0;  -webkit-flex: 0 1 auto;  -ms-flex: 0 1 auto;  flex: 0 1 auto;  -webkit-align-self: auto;  -ms-flex-item-align: auto;  align-self: auto; float: left; position: relative; margin-left: 15px; margin-right: 15px; margin-bottom: 1.5rem; display: inline-block;} 
.leftWrapDetail{width: -moz-calc(60% - 30px); width: -webkit-calc(60% - 30px); width: calc(60% - 30px);}
.rightWrapDetail{width: -moz-calc(40% - 30px); width: -webkit-calc(40% - 30px); width: calc(40% - 30px);}
.innerLeftWrap{width: 100%; float: left; position: relative; margin-bottom: 0; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;
    -webkit-justify-content: flex-start;  -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;    align-content: stretch;  -webkit-align-items: stretch; -ms-flex-align: stretch;  align-items: stretch;}
.thumbsSliderWrap, .DetailSliderWrap{-webkit-order: 0;  -ms-flex-order: 0;  order: 0;  -webkit-flex: 0 1 auto;  -ms-flex: 0 1 auto;  flex: 0 1 auto;  -webkit-align-self: auto;  -ms-flex-item-align: auto;  align-self: auto; float: left; position: relative; display: inline-block; background-color: transparent;}
.thumbsSliderWrap{margin-right: 10px; width: 58px; padding: 30px 0;}
.DetailSliderWrap{width: calc(100% - 68px);width: -webkit-calc(100% - 68px);width: -moz-calc(100% - 68px);}
.innerThumbsHolder{position: absolute; top: 30px; left: 0; width: 100%; z-index: 2; height: -moz-calc(100% - 60px);height: -webkit-calc(100% - 60px);height: calc(100% - 60px); overflow: hidden;}
.innerThumbsHolder img{padding: 2px; border: 1px solid transparent;}
.innerThumbsHolder a.activatedThumb img{border-color: #121212;}
.innerThumbsHolder a:not(.activatedThumb) img{border-color: #ddd;}
.linkerThumb:not(:last-of-type){margin-bottom: 6px;}
.linkerThumb{float: left; display: inline-block; width: 100%; position: relative;}
.swiper-button-v.swiper-button-black.swiper-button-disabled{display: none !important;}
#DetailPageSlider .swiper-slide{position: relative;}
main.detailPage .padder--custom{float: none; display: inline-block; position: relative; max-width: 1200px;}

.noBorders{border-color: transparent !important;}
.btnCustom{float: none; display: inline-block; position: relative; z-index: 5; background-color: #1a1a1a; color: #fff; padding: 0 0.65rem 0; border-radius: 0;-ms-touch-action:manipulation;touch-action:manipulation; cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; white-space: nowrap; outline: none; border: 1px solid transparent; letter-spacing: 1px; line-height: 1; height: 50px; line-height: 50px; vertical-align: middle; white-space: nowrap; overflow: hidden; outline: none !important; vertical-align: middle;}
.btnCustom span{line-height: 50px; display: inline-block; float: none;}
.btnCustom:not(:last-child){margin-right: 1rem;}
.blackBtn{background-color: #1a1a1a !important; color: #fff !important; border-color: #1a1a1a !important;}
.whiteBtn{background-color: #fff !important; color: #1a1a1a !important; border-color: #fff !important;}
.greenBtn{background-color: #00959C !important; border-color: #00959C !important; color: #fff !important;}
.coloredGreen{color: #00959C !important;}
.faded--p{opacity: 0.75;}
.itemListDet:not(:last-of-type) {margin-bottom: 1rem;}
.itemListDet p{opacity: 0.75;}
.linkerThumb:not(:last-of-type){margin-bottom: 7.5px;}
.vbox-open{overflow: hidden;}
.vbox-open .vbox-overlay{z-index: 9999;right: auto; bottom: auto; width: 100%; height: 100%;}
.vbox-open .vbox-container{z-index: 2000;}
.vbox-title,.vbox-close{position: absolute;}
.vbox-title{display: none;}
.vbox-close{right: 10px; background-color: transparent !important;}
main.detailPage{ background-color: #f7f7f7;}
.vbox-next, .vbox-prev{z-index: 9999 !important;}
.rece--section .row > div[class*="col-"]{margin-bottom: 30px;}
.item-detail ul{margin:0; padding:0; list-style: disc; margin-top: 0; height: 100px; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;   -ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;    -webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start; list-style-position: inside;}
.item-detail ul li{max-width: 250px;  width: 100%; -webkit-order: 0;-ms-flex-order: 0;order: 0;  -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; padding-right: 20px; word-wrap: break-word;}
.enquireWrapper{padding-top: 21.11rem; padding-bottom: 21.11rem; background-color: transparent;}
.enquireWrapper > div{position: relative; z-index: 100;}
.enquireWrapper:before{background-color: #008792; color: #fff; display: inline-block; float: left; width: 100%; height: 50%; content: ""; position: absolute; left: 0; top: 0; z-index: 1;}
/*enquire*/
.absImg__enquire{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-color: #fff;}
.container.bgEnquireHold{-webkit-box-shadow: 0px 3px 20px rgba(0,0,0,.14);-moz-box-shadow: 0px 3px 20px rgba(0,0,0,.14);box-shadow: 0px 3px 20px rgba(0,0,0,.14); padding-top: 0; padding-bottom: 0; background-clip: padding-box; border-radius: 12px; background-color: transparent; max-width: 650px;}
.imgEnquireHold{position: relative; min-height: 50px;}
.bgSection__enquire{background-color: #1a1a1a; color: #fff;}
.form-control{font-family: "monospace", sans-serif; letter-spacing: 1px; padding-top: 0; padding-bottom: 0; line-height: 40px; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;}
.form-control::-webkit-input-placeholder{color: #acacac; font-family: "monospace", sans-serif; letter-spacing: 1px; padding-top: 0; padding-bottom: 0; line-height: 40px;}
.form-control::-moz-placeholder {color: #acacac; font-family: "monospace", sans-serif; letter-spacing: 1px; padding-top: 0; padding-bottom: 0; line-height: 40px;}
.form-control:-ms-input-placeholder {color: #acacac; font-family: "monospace", sans-serif; letter-spacing: 1px; padding-top: 0; padding-bottom: 0; line-height: 40px;}
.form-control:-moz-placeholder { color: #acacac; font-family: "monospace", sans-serif; letter-spacing: 1px; padding-top: 0; padding-bottom: 0; line-height: 40px;}
.form--row{margin-bottom: -1rem;} 
 
.form-on-white .form-control{border-color: transparent !important; border-bottom-color: #ddd !important; background-color: transparent; color: #fff;}  
.form-on-white .form-control:not([type="email"]){}
.form-on-white .form-control:focus{ border-bottom-color: #fff !important; color: #fff;}
.form-on-white .form-group.has-error .form-control{border-bottom-color: #ff0000 !important;background-color: transparent;}
.form-group.has-error .help-block{margin-top: 2px; color: #ff0000; margin-bottom: 0; letter-spacing: 1px; font-weight:500; line-height: 1.21428;}
.form-group.has-error .help-block:not(:last-of-type){margin-bottom: 3px;}
.form-group.has-error .form-control::-webkit-input-placeholder{color: #fff;}
.form-group.has-error .form-control::-moz-placeholder {color: #fff;}
.form-group.has-error .form-control:-ms-input-placeholder {color: #fff;}
.form-group.has-error .form-control:-moz-placeholder { color: #fff;}
/*enquire*/
input[type='number'] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.form-on-white .form-control:disabled{color: #fff; -moz-pointer-events: auto; -webkit-pointer-events: auto; -ms-pointer-events: auto;pointer-events: auto;}

.innerBannerSection{background-color: #008792;}
.MdAbsDiv{background-color: #fff;}
.sectionText .list--ul{height: 160px;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.sectionText .list--ul li{display: inline-block; width: 100%; float: left; -webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; max-width: 160px; padding-right: 6px; word-wrap: break-word;}
.sectionText .list--ul li a{display: inline-block; float: none; opacity: 1 !important;word-wrap: break-word;}
.visionBg{background-color: #1a1a1a;}
.form-item:not(:last-of-type) {margin-bottom: 1.1428rem;}
/*detail Page*/
body .form-item .textareaLong{height: calc(100%);height: -webkit-calc(100%);height: -moz-calc(100%); min-height: 105px;}

.form-grey .form-control{border-color: transparent !important; border-bottom-color: #ddd !important; background-color: transparent; color: #fff;}  
.form-grey .form-control:not([type="email"]){text-transform: uppercase;}
.form-grey .form-control:focus{ border-bottom-color: #1a1a1a !important; color: #828282;}
.form-grey .form-group.has-error .form-control{border-bottom-color: #ff0000 !important;background-color: transparent;}
.form-group.has-error .form-control::-webkit-input-placeholder{color: #828282;}
.form-group.has-error .form-control::-moz-placeholder {color: #828282;}
.form-group.has-error .form-control:-ms-input-placeholder {color: #828282;}
.form-group.has-error .form-control:-moz-placeholder { color: #828282;}
section.bgGrey{background-color: #eee;}
.map--section{min-height: 420px;}
.map--section iframe{position: absolute; z-index: 10; left: 0; top: 0; height: 100%; width: 100%;}
section.sectionBgBlack{background-color: #1a1a1a;}
section.sectionBgBlack *{color: #fff !important;}
.iconsHolder__contact:not(:last-of-type){margin-bottom: 1.357rem;}
.iconsHolder__contact *{color: #1a1a1a;text-rendering: geometricPrecision;}
.iconsHolder__contact span.icon__c{float: left; width: 3rem; margin-right: 0; line-height: 0; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); left: 0.75rem; font-size: 1.124128rem;}
.iconsHolder__contact span.icon__c i{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); display: inline-block; float: left;}
.iconsHolder__contact span.icon__c i.ion-social-whatsapp-outline{font-size: 1rem;}
.text__contact{float: left; display: inline; width: -moz-calc(100% - 4rem);width: -webkit-calc(100% - 4rem);width: calc(100% - 4rem); margin-left: 3.5rem; line-height: 1.57; font-size: 1.1428rem;}
.text__contact a{display: inline-block; position: relative; font-size: 1.1428rem;}
/* responsiveness */ 
@media all and (max-width: 1199.98px) {
    .section{padding-top: 2.1428rem; padding-bottom: 2.1428rem;}
    .topMostHeader{text-align: center; white-space: nowrap;}
    .topMostHeader > div:not(:last-of-type){margin-right: 1rem;}
    .topMostHeader > div{font-size: 0.75rem;}
    .iconHolder__menu{transform: scale(0.75);transform: scale(0.75);transform: scale(0.75);transform: scale(0.75);transform: scale(0.75); transform-origin: right center;} 
    .menuWrapper__header{float: left; display: inline-block; position: static;}
    .logoLink{min-height: 80px; width: 100%; display: inline-block; float: left; position: relative;}
    .logo-area{max-width: 140px; margin-right: 20px;}
    .header--wrap{background-color: #fff;-webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.23);-moz-box-shadow: 2px 3px 20px rgba(0,0,0,.23);
    box-shadow: 2px 3px 20px rgba(0,0,0,.23); z-index: 9999; position: fixed; top: 0; left: 0;}
    .overlayMenu{display: none !important;}
    .inNav .overlayMenu{display: inline-block !important; background-color: rgba(0,0,0,0.25); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
    .logo{max-width: 190px;}
    .menu--trigger{float: left; margin-right: 0; z-index: 9999; text-align: center; display: inline-block; -webkit-transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1); display: block; position: fixed; top: 46px; display: inline-block; z-index: 10000; background-color: transparent; right: 0; text-align: right;}
    .menu--trigger.cross{margin-top: 0; margin-left: 0; right: 250px; z-index: 10000;}
    .headerInner{position: static; z-index: 9998; padding-top: 0.5rem; padding-bottom: 0.33rem;}
    #nav-icon4 {width: 60px;height: 45px;position: relative;margin: 0 auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;        -o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
    #nav-icon4 span {display: block;position: absolute;height: 3px;width: 100%;background: #1a1a1a;border-radius: 8px;opacity: 1;left: 0;
      -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    #nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
    #nav-icon4 span:nth-child(2) {top: 18px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
    #nav-icon4 span:nth-child(3) {top: 36px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
    .menu--trigger.cross #nav-icon4 span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
    .menu--trigger.cross #nav-icon4 span:nth-child(2) {width: 0%;opacity: 0;}
    .menu--trigger.cross #nav-icon4 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 39px;left: 8px;}
    .inNav .headerInner{background-color: #fff; z-index: 9999;}
    .nav-wrap.aside{position: fixed; right: -301px; top: 0; height: calc(100%) !important; height: -webkit-calc(100%) !important; height: -moz-calc(100%) !important; z-index: 10000; width: 250px; max-width: 250px; opacity: 1;-webkit-transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; overflow: visible; border-top: 1px solid transparent; border-right: 1px solid transparent; float: right; background-color: #1a1a1a; display: inline-block; height: 100%;}
    .inNav .nav-wrap.aside{right: 0; visibility: visible; opacity: 1; -webkit-box-shadow: -2px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: -2px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: -2px 0px 15px 0px rgba(50, 50, 50, 0.75); border-right-color: #000;}
    .home-menu .NextBtn{display: inline-block !important; float: right; position: absolute; right: 0; padding-top: 15px; padding-bottom: 15px; font-size: 2.14283rem; padding-left: 10px; padding-right: 10px; top: -1px;}
    /* Sub Menus & Other Menus */
    .nav-wrap .subMenu {position: static !important;}
    .nav-wrap ul li{display: inline-block; float: left; overflow: visible;}
    .nav-wrap ul li a{text-align: left; line-height: 21px; font-size: 1rem; color: #fff;}
    .nav-wrap ul{float: left; display: inline-block; position: static; color: #fff; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.77px; margin: 0; padding: 0; overflow: visible;height: calc(100vh) !important; height: calc(100vh) !important; height: calc(100vh) !important; width: 250px;}
    .home-menu > li{position: static; padding: 0; width: 100%; max-width: 250px;display: inline-block; float: left;}
    .home-menu li.excepList{display: inline-block; float: left; background-color: #000 !important; color: #fff;}
    .home-menu li.excepList:hover,
    .home-menu li.excepList:focys,
    .home-menu li.excepList:active{outline: none; background-color: #000 !important; color: #fff;}
    .nav-wrap ul.home-menu{position: static; width: 100%; direction: ltr; height: 100%; }
    .nav-wrap ul li{border-bottom: 1px solid #171717;}
    .home-menu > li a{font-weight: 300; color: #fff; display: inline-block; padding: 15px 20px 15px; position: relative; border-bottom: 1px solid transparent; width: 100%; position: relative;}
    .home-menu > li.has--menu > a{color: #fff;}
    .home-menu li:hover,
    .home-menu li:focus,
    .home-menu li:active{outline: none; background-color: #171717;}
    .home-menu li:hover > a,
    .home-menu li:focus > a,
    .home-menu li:active > a{color:#fff; text-decoration: none; list-style-type: none;}
    .SubMenuHolder, .levelHold{display: inline-block; float: left; width: 250px; background-color: #fff; text-align: center; -webkit-transition: 0.3553s opacity cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.3553s opacity  cubic-bezier(0.390, 0.575, 0.565, 1.000);-o-transition: 0.3553s opacity  cubic-bezier(0.390, 0.575, 0.565, 1.000);transition: 0.3553s opacity cubic-bezier(0.390, 0.575, 0.565, 1.000); opacity: 0; visibility: hidden; position: absolute;top: 0; height: 100%; z-index: -1000; padding: 0 0 0; left: -100%; overflow: hidden; -moz-transform: translateZ(0px); -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); z-index: -1111; max-width: 250px;}
    .SubMenuHolder > .container{padding: 0; display: inline-block; width: 100%; float: left; position: static;}
    .nav-wrap .subMenu{padding: 0 0 15px; float: left; position: relative; background-color: #1a1a1a;}
    .subMenu > li.back{position: static; padding: 0; width: 100%; display: inline-block; float: left; text-align: left; cursor: pointer;}
    .subMenu > li.back span{font-weight: 300; color: inherit; display: inline-block; padding: 15px 20px 15px; position: relative; border-bottom: 1px solid transparent; width: 100%; position: relative;}
    .subMenu > li > a{font-weight: 400;  color: #fff; font-size: 0.85rem; display: inline-block; padding: 0 0; position: relative; float: none; opacity: 1; text-align: left;}
    .subMenu > li:not(.back){position: static; padding: 0; width: 100%; max-width: 250px;display: inline-block; float: left;}
    .subMenu > li > a{font-weight: 300; color: #fff; display: inline-block; padding: 15px 20px 15px; position: relative; border-bottom: 1px solid transparent; width: 100%; position: relative;}
    .aside-backdrop{position: fixed; left: -100%; z-index: -111; background-color: #000; opacity: 0;-webkit-transition: 0.53s opacity cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s opacity  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s opacity cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s opacity cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; float: left; overflow: hidden; width: 100%; height: 100%; top: 0;}
    .aside-backdrop.in{left: 0; opacity: 0.4456; z-index: 9990;}    
    /* Menu Items Here */
    .wrap_inner_menu{position: relative; width: 100%; display: inline-block; float: left; display: inline-block; padding-bottom: 0; z-index: 9; height: calc(100vh) !important; height: calc(100vh) !important; height: calc(100vh) !important; direction: ltr; width: 250px; overflow-x: hidden; overflow-y: auto;-webkit-transition: 0.3553s all cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.3553s all  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.3553s all  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.3553s all cubic-bezier(0.4, 0, 0.2, 1); padding-top: 0; background-color: #1a1a1a;}
    main.main{margin-top: 119px;}
    .ListImageHolder{width: -moz-calc(33.33% - 20px);width: -webkit-calc(33.33% - 20px);width: calc(33.33% - 20px); float: left; display: inline-block;}
    .switchedLay .ListImageHolder{width: -moz-calc(50% - 20px);width: -webkit-calc(50% - 20px);width: calc(50% - 20px); float: left; display: inline-block;}
}

@media all and (max-width: 1024.98px) {
    html{font-size: 13.5px;}
}

@media all and (max-width: 991.98px) {    
    .footerDesk{display: none;}
    footer .list--ul{height: auto; height: inherit;}
    .leftWrapDetail, .rightWrapDetail{width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
    .thumbsSliderWrap{width: 35px; margin-right: 10px;}
    .DetailSliderWrap{width: -moz-calc(100% - 45px);width: -webkit-calc(100% - 45px);width: calc(100% - 45px);}
    .swiper-button-next, .swiper-button-prev{width: 14px; height: 23px; background-size: contain;}    
    .container{width: 100%; max-width: 100%;}
    .sectionText .list--ul{height: inherit; height: auto;}
}

@media all and (max-width: 767.98px) {
    .padder--custom{padding-left: 1rem; padding-right: 1rem;}
    .headerInner{padding-top: 0.35rem;padding-bottom: 0.23rem;}
    .logo-area{ max-width: 95px; }
    .logoLink{min-height: 70px;}
    main.main{margin-top: 105px;}
    .rightSectionBanner{margin-top: 15px;}
    .abs__Banner{top: 0; left: 0; bottom: 0; position: relative; right: 0; width: 100%; max-width: -webkit-calc(50% - 7.5px);max-width:  -moz-calc(50% - 7.5px);max-width: calc(50% - 7.5px); float: left; display: inline-block;}
    .abs__Banner:first-of-type{margin-right: 7.5px;}
    .abs__Banner:last-of-type{margin-left: 7.5px;}
    .textCenteredMb{text-align: center !important;}
    .ListingMain{width: -moz-calc(100%);width: -webkit-calc(100%);width: calc(100%);}
    .ListImageHolder{width: -moz-calc(50% - 20px);width: -webkit-calc(50% - 20px);width: calc(50% - 20px); float: left; display: inline-block;}
    main.listingPage{opacity: 0;-webkit-transition: 0.71s opacity cubic-bezier(0.4, 0, 0.2, 1) 1s, 0.71s display cubic-bezier(0.4, 0, 0.2, 1) 1s; -moz-transition: 0.71s opacity cubic-bezier(0.4, 0, 0.2, 1) 1s, 0.71s display cubic-bezier(0.4, 0, 0.2, 1) 1s; transition: 0.71s opacity cubic-bezier(0.4, 0, 0.2, 1) 1s, 0.71s display cubic-bezier(0.4, 0, 0.2, 1) 1s;}
    .Loaded main.listingPage{opacity: 1;}
    .item-detail ul{height: inherit;}
    .MdAbsDiv{background-color: #fff; max-width: 300px; float: none; z-index: 100;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); z-index: 100;-webkit-box-shadow: -2px 3px 15px 1px rgba(0,0,0,.21); -moz-box-shadow: -2px 3px 15px 1px rgba(0,0,0,.21);  box-shadow: -2px 3px 15px 1px rgba(0,0,0,.21);}
    .MdAbsDiv,
    .MdAbsDiv *{text-align: center;}
}
@media all and (max-width: 575.98px) {
    body.ListingBreak .sidebarHolder#sidebar{padding: 15px 5px !important;}
    body:not(.ListingBreak) .innerLeftSidebar{border: 1px solid #ddd; padding-top: 30px;}
    .sidebarHolder{margin-bottom: 0;}
    body:not(.ListingBreak) .innerLeftSidebar{margin-bottom: 50px;}
    .rece--section .row.d-inline-flex{ margin-left: -5px; margin-right: -5px; width: -moz-calc(100% + 10px);width: -webkit-calc(100% + 10px);width: calc(100% + 10px);}
    .rece--section .row.d-inline-flex>div[class*="col-"]{padding-left: 5px; padding-right: 5px;}
    .sectionText .list--ul{height: inherit; height: auto;}
    .map--section{min-height: 350px;}
}
@media all and (min-width: 576px) {}
@media all and (min-width: 768px) {
    .leftSectionBanner{width: -moz-calc(72.25% - 7.5px);width: -webkit-calc(72.25% - 7.5px);width: calc(72.25% - 7.5px); margin-right: 15px;}
    .rightSectionBanner{width: -moz-calc(27.75% - 7.5px);width: -webkit-calc(27.75% - 7.5px);width: calc(27.75% - 7.5px);}
    .categories-section .w-customLeftBar{margin-right: 30px !important;}
    .w-customLeftBar{width: 340px;-webkit-box-shadow: 2px 3px 29px 1px rgba(0,0,0,.21); -moz-box-shadow: 2px 3px 29px 1px rgba(0,0,0,.21);  box-shadow: 2px 3px 29px 1px rgba(0,0,0,.21); z-index: 100; overflow: hidden;}
    .w-customLeftBar:before{ position: absolute; z-index: 0; content: ""; display: inline-block; float: left; height: 100%; width: 100%; background-color: #1a1a1a; left: 0; top: 0;}
    .w-customLeftBar > *{position: relative; z-index: 10;}
    .w-customRightBar{width: -webkit-calc(100% - 370px); width: -moz-calc(100% - 370px);width: calc(100% - 370px);}
    .w-customRightBar .swiper-slide{background-color: #fff;}
    .rightArrow__category{-webkit-transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1); right: 1.57rem;}
    body:not(.SmartDevice) .titlediv__category{padding-right: 40px !important;}
    body:not(.SmartDevice) a.category--link:hover .rightArrow__category,
    body:not(.SmartDevice) a.category--link:focus .rightArrow__category,
    body:not(.SmartDevice) a.category--link:active .rightArrow__category{right: 1rem;}
    .textCenteredMb{position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);}
    .MdAbsDiv{position: absolute; top: 50%; left: -50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); background-color: #fff; z-index: 100; max-width: 375px; -webkit-box-shadow: -2px 3px 15px 1px rgba(0,0,0,.21); -moz-box-shadow: -2px 3px 15px 1px rgba(0,0,0,.21);  box-shadow: -2px 3px 15px 1px rgba(0,0,0,.21);}
    .mdAbsImgHold{-webkit-transform: translateY(-4%); -moz-transform: translateY(-4%); -ms-transform: translateY(-4%); -o-transform: translateY(-4%);transform: translateY(-4%); background-color: #fff; z-index: 100;}
}
@media all and (min-width: 992px) {
    footer .blocker{display: inline-block !important;}
    .footerTrigger{display: none;}
    .textareaLong{ position: absolute; bottom: 0; left: 15px; z-index: 10; resize: none; max-width: -moz-calc(100% - 15px);max-width: -webkit-calc(100% - 15px);max-width: calc(100% - 15px);}
    .rightBorderedMd{display: inline-block; overflow: visible; position: relative;}
}
@media all and (min-width: 1025px) {}
@media all and (min-width: 1200px) {
    html{font-size: 14.5px;}
    .section{padding-top: 2.75rem; padding-bottom: 2.75rem;}
    .padder--custom{padding-left: 4.57rem; padding-right: 4.57rem;}
    .menuWrapper__header{float: left; display: inline-block; position: static; width: -webkit-calc(100% - 315px);width: -moz-calc(100% - 315px); width: calc(100% - 315px);}
    .logoLink{min-height: 80px; width: 100%; display: inline-block; float: left; position: relative;}
    .logo-area{max-width: 140px; margin-right: 20px;}
    /*Nav-wrap*/
    .menuWrapper__header{float: right; display: inline-block; width: -moz-calc(100% - 160px);width: -webkit-calc(100% - 160px);width: calc(100% - 160px); position: relative; padding: 30px 0 0;}
    .nav-wrap{float: left; display: inline-block; text-align: right;}
    .wrap_inner_menu{float: left; display: inline-block; width: 100%;}
    .home-menu{float: left; width: 100%; position: static; margin-bottom: 0; white-space: nowrap;}
    .home-menu > li{float: none; display: inline-block; position: relative; padding-top: 0.4rem; padding-bottom: 0.5rem; height: 60px;}
    .home-menu > li:not(:last-of-type){margin-right: 50px;}
    .home-menu > li > a{display: inline-block; float: none; color: #4d4d4d; opacity: 0.88; font-size: 1rem; text-transform: uppercase; font-weight: 500; letter-spacing: 1px;}
    .home-menu > li > a:hover,
    .home-menu > li > a:focus,
    .home-menu > li > a:active{color: #1a1a1a !important; opacity: 1;}
    /* Sub Menu Opening */
    .SubMenuHolder > .container{max-width: 1170px;display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start;  justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch; text-align: center; width: 100%; float: none; position: relative; padding-left: 0; padding-right: 0;}
    li.has--menu:not(.singleMenuHolder) .SubMenuHolder > .container{height: 285px;}
    li.has--menu.singleMenuHolder li{margin-bottom: 0;}
    .SubMenuHolder > .container > *{-webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-top: 0;}
    body .SubMenuHolder > .container > .subMenu > li.excepList{display: none;}
    body .SubMenuHolder > .container > .subMenu{ -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px;}
    .header--wrap{background-color: #fff;-webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.23);-moz-box-shadow: 2px 3px 20px rgba(0,0,0,.23);
    box-shadow: 2px 3px 20px rgba(0,0,0,.23); z-index: 9999; position: fixed; top: 0; left: 0;}
    .headerInner{transition: all  0.24s linear; -o-transition: all 0.24s linear; -webkit-transition:  all 0.24s linear; -moz-transition: all 0.24s linear; -ms-transition: all 0.24s linear; padding-top: 1rem; padding-bottom: 0.65rem;}
    body.scrollAchieved .headerInner{padding-top: 0.15rem; padding-bottom: 0.10rem;}
    body.scrollAchieved .logo-area{ max-width: 115px;}
    .SubMenuHolder{display: inline-block; float: left; width: 100%; background-color: rgba(255,255,255,0.90); text-align: center; -webkit-transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -webkit-transform cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: 0.53s opacity  cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -moz-transform cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition: 0.53s opacity  cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -o-transform cubic-bezier(1.000, 0.000, 0.000, 1.000); transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s transform cubic-bezier(1.000, 0.000, 0.000, 1.000); -ms-transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -ms-transform cubic-bezier(1.000, 0.000, 0.000, 1.000); opacity: 1; visibility: visible; position: absolute; top: 100%; overflow: hidden; margin-top: -2px; z-index: -1000; padding: 0 0 0px; left: 50%; text-align: center; letter-spacing: 1.11px; overflow: hidden;min-width: 800px; margin-left: -300px; background-clip: padding-box; border-radius: 2px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px); transform: translateY(0px); opacity: 0;}
    li.has--menu:not(:hover):not(:active):not(:focus) .SubMenuHolder{-webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;pointer-events: none; background-color: transparent; min-height: 0;}
    li.has--menu:hover > a, 
    li.has--menu:focus > a,
    li.has--menu:active > a{color: #00959e !important;}
    li.has--menu:hover .SubMenuHolder,
    li.has--menu:focus .SubMenuHolder,
    li.has--menu:active .SubMenuHolder{overflow: hidden; visibility: visible; border: 1px solid transparent; background-color: rgba(255,255,255,0.90); z-index: 1000; -webkit-pointer-events: auto; -moz-pointer-events: auto; -ms-pointer-events: auto;pointer-events: auto; margin-top: -3px;-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px); transform: translateY(-20px); opacity: 1;background-color: #00959e; color: #fff;}
    li.has--menu:not(:hover):not(:active):not(:focus) .SubMenuHolder a{visibility: hidden;}
    li.has--menu:hover .SubMenuHolder a,
    li.has--menu:focus .SubMenuHolder a,
    li.has--menu:active .SubMenuHolder a{visibility: visible;}
    .nav-wrap{float: left; width: 100%; display: inline-block;}
    li.has--menu.singleMenuHolder .SubMenuHolder{background-color: #00959e; color: #fff; min-width: 200px; margin-left: 0; width: 100%; margin-left: -100px;}
    li.has--menu.singleMenuHolder .subMenu{padding: 0 !important; width: 100%; float: left; display: inline-block;}
    li.has--menu.singleMenuHolder .subMenu > li > a{padding: 20px 15px; width: 100%; float: left; max-width: 100%; opacity: 1 !important;}
    li.has--menu.singleMenuHolder .subMenu > li{max-width: 100%; padding: 0;}
    li.has--menu.singleMenuHolder .subMenu > li:hover > a,
    li.has--menu.singleMenuHolder .subMenu > li:focus > a,
    li.has--menu.singleMenuHolder .subMenu > li:active > a{background-color: #5a5a5a; color: #fff;}
    li.has--menu.singleMenuHolder .SubMenuHolder a{color: inherit !important;}
    li.has--menu.singleMenuHolder .container{float: left; display: inline-block; width: 100%; position: relative;}
    .nav-wrap .subMenu{padding: 10px 0; float: left; position: relative; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start;  justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch; padding-left: 10px; width: -moz-calc(100%);width: -webkit-calc(100%);width: calc(100%); text-align: left; padding-right: 10px; background-color: transparent;}
    .SubMenuHolder > .container > .subMenu{width:  -moz-calc(100% - 275px);width:  -webkit-calc(100% - 275px);width: calc(100% - 275px);}
    .nav-wrap .subMenu:not(:only-of-type){max-width: -moz-calc(33.33% - 103.4px);max-width: -webkit-calc(33.33% - 103.4px); max-width: calc(33.33% - 103.4px);}
    li.has--menu:not(.singleMenuHolder) .container{padding: 1.25rem}
    .subMenu li.has--menu a{color: #fff !important;}
    .subMenu li.has--menu .innerSubMenu{margin-top: 1.25rem !important;}
    li.has--menu:hover > a,
    li.has--menu:focus > a,
    li.has--menu:active > a{color: #f70f05; opacity: 1;} 
    .innerSubMenu{margin-top: 10px; min-height: 150px;}
    .multiLevel--subMenu.subMenu li.has--menu{max-width: -moz-calc(25%);max-width: -webkit-calc(25%);max-width: calc(25%);}
    .SubMenuHolder > .container {position: static;}
    .nav-wrap .subMenu .subMenu{padding: 0;}
    .nav-wrap .subMenu .subMenu li{padding-left: 0; padding-right: 0;}
    .subMenu > li.back{display: none !important;}
    .subMenu > li:not(:last-of-type){margin-bottom: 1rem;}
    .subMenu > li > a{font-weight: 300;  color: #fff; font-size: 0.85rem; display: inline-block; padding: 0 0; position: relative; float: none; opacity: 0.88; text-align: left;}
    .subMenu > li:hover > a,
    .subMenu > li:focus > a,
    .subMenu > li:active > a{color: #fff; opacity: 1;}
    .subMenu > li:not(.back){-webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; display: inline-block; text-align: left; width: 100%; padding: 2.5px 15px; color: #fff; word-wrap: break-word; float: left; max-width: 200px;}
    .subMenu > li > a{display: inline-block; float: none;position: relative;word-wrap: break-word;font-weight: 400;}
    .subMenu > li.has--menu > a{font-size: 1rem; text-transform: uppercase; font-weight: 500; color: #fff; opacity: 1;}
    .innerSubMenu > .subMenu > li > a{text-transform: none;}
    /* .subMenu li.excepList{display: none !important;} */
    .subMenu li.excepList > a{font-weight: 600;}
    .nav-wrap .subMenu:only-child{margin-right: 0; margin-left: 0; float: none; width: 100%;}
    .nav-wrap .container{text-align: center; width: 100%;}
    .nav-wrap .subMenu{text-align: left;}
    /*Nav-wrap*/
    main.main{margin-top: 147px;}
    .swiper-pagination-bullet{width: 18px; height: 18px;}
}

@media all and (min-width: 1440px) {
    .home-menu > li:not(:last-of-type){margin-right: 60px;}
}

@media all and (min-width: 1920px) {
    html{font-size: 14.75px;}    
    .section{padding-top: 3.25rem; padding-bottom: 3.25rem;}
    .home-menu > li:not(:last-of-type){margin-right: 75px;}
}
/* responsiveness */
body.Loaded .leftSidebar{opacity: 1;}

body.ListingBreak .switchedLay .ListImageHolder{width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);width: calc(100% - 20px); float: left; display: inline-block;}
body.ListingBreak .ListingMain{width: -moz-calc(100%);width: -webkit-calc(100%);width: calc(100%);}
body.ListingBreak .ListLink{display: inline-block !important;position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; text-transform: uppercase; border: 1px solid #1a1a1a; background-color: #04969f; z-index: 999; padding-left: 20px; padding-right: 20px; color: #1a1a1a !important; cursor: pointer; color: #fff; text-align: center;}
body.ListingBreak .ListLink span{color: #fff;}
body.ListingBreak .absLinkIn{right: 20px;}
body.ListingBreak #refineList{color: #fff !important;}
body.ListingBreak .leftSidebar{top: auto !important; bottom: auto !important; margin-right: 0; left: auto !important; width: auto;}
body.ListingBreak .AffixingSidebar{ padding: 0; }
body.ListingBreak section.ListingWrap{border-top-color: transparent; padding-top: 0; margin-bottom: 0;margin-left: -5px;margin-right: -5px; width: calc(100% + 10px);width: -webkit-calc(100% + 10px);width: -moz-calc(100% + 10px);}
body.ListingBreak .ListImageHolder{width: -moz-calc(50% - 10px);width: -webkit-calc(50% - 10px);width: calc(50% - 10px); float: left; display: inline-block; margin-left: 5px; margin-right: 5px;}
body.ListingBreak .sidebarHolder#sidebar{ display: none; position: fixed !important; bottom: 50px; left: 0; height: auto;  border: 1px solid #ccc; padding: 30px 30px !important; height: 100%; overflow-y: auto; max-height: -moz-calc(100% - 160px); max-height: -webkit-calc(100% - 160px); max-height: calc(100% - 160px); background-color: #1a1a1a; margin-bottom: 0; width: 100%;}
body.ListingBreak footer{ margin-bottom: 50px !important;}
body:not(.ListingBreak) .leftSidebar{ background-color: transparent; }
body:not(.ListingBreak) .innerLeftSidebar{background-color: #555;}
body:not(.ListingBreak) .AffixingSidebar{padding-top: 2rem; padding-left: 1rem;}
body .sidebar li a,
body .sidebar li{color: #fff !important;}
body .sidebar li a{opacity: 0.75;}
body .sidebar h3{color: #fff;}
body:not(.ListingBreak) .sidebar li.activeLink a{font-size: 1.1428rem; font-weight: 500; opacity: 1;}
body:not(.ListingBreak) .sidebar li.activeLink:before{color: #fff;}
body.ListingBreak .sidebar li.activeLink a{font-size: 1.1428rem; font-weight: 500; opacity: 1;}
body.ListingBreak .sidebar li.activeLink:before{color: #fff !important;}

body.ListingBreak .viewActionDiv{position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
body.ListingBreak .viewActionDiv span{height: inherit; display: none;}




.sub_cat_active { display:block }
.sub_cat_deactive { display:none }




/* Footer */

.footer-text p{ color:white}




/* Please Wait div */
/* Absolute Center Spinner */
.PleaseWaitDiv {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.PleaseWaitDiv:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(242, 234, 234), rgba(0, 0, 0, .3));

  background: -webkit-radial-gradient(rgba(242, 234, 234), rgba(0, 0, 0,.3));
}

/* :not(:required) hides these rules from IE9 and below */
.PleaseWaitDiv:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.PleaseWaitDiv:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes  spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}   
/* Please Wait div */