/* -------As Per Template Order---------- retinadisplay-icons,remington-font,customscrollbar,contentcommon,general-new,magnific-popup,pushnotification,headercss,footercss,desktop-media-queries,slick-slider,bxslider,common-snippet-form,common-snippet,media-content,button-css,supersized,flexslider,thickbox,responsive-mainimage,quickpagination,editor */ /* -------Database List---------- File: retinadisplay-icons, SiteID: 5000 File: remington-font, SiteID: 5000 File: customscrollbar, SiteID: 5000 File: contentcommon, SiteID: 5000 File: general-new, SiteID: 5000 File: magnific-popup, SiteID: 5000 File: pushnotification, SiteID: 5000 File: headercss, SiteID: 5000 File: footercss, SiteID: 5000 File: desktop-media-queries, SiteID: 5000 File: slick-slider, SiteID: 5000 File: bxslider, SiteID: 5000 File: common-snippet-form, SiteID: 5000 File: common-snippet, SiteID: 5000 File: media-content, SiteID: 5000 File: button-css, SiteID: 5000 File: supersized, SiteID: 5000 File: flexslider, SiteID: 5000 File: thickbox, SiteID: 5000 File: responsive-mainimage, SiteID: 5000 File: quickpagination, SiteID: 5000 File: editor, SiteID: 5000 */ /* -------cacheFileName---------- key0162E21BCD4CDA5286BF36153EEE4E7AA472785F0D8804D2528845CBBFAF4F25 */ /*body { padding: 0; margin: 0; font-size: 1em; line-height: 1.5; color: #555; background: #fff; } h1 { font-size: 1.5em; font-weight: normal; } small { font-size: .66666667em; } a { color: #e74c3c; text-decoration: none; } a:hover, a:focus { } .bshadow0, input { box-shadow: inset 0 -2px #e7e7e7; } input:hover { box-shadow: inset 0 -2px #ccc; } input, fieldset { font-size: 1em; margin: 0; padding: 0; border: 0; } input { color: inherit; line-height: 1.5; height: 1.5em; padding: .25em 0; } input:focus { outline: none; box-shadow: inset 0 -2px #449fdb; }*/ .glyph { font-size: 16px; width: 15em; padding-bottom: 1em; margin-right: 4em; margin-bottom: 1em; float: left; overflow: hidden; } .talign-right { text-align: right; } .talign-center { text-align: center; } .bgc1 { background: #f1f1f1; } .fgc1 { color: #999; } .fgc0 { color: #000; } p { margin-top: 1em; margin-bottom: 1em; } .mvm { margin-top: .75em; margin-bottom: .75em; } .mtn { margin-top: 0; } .mtl, .mal { margin-top: 1.5em; } .mbl, .mal { margin-bottom: 1.5em; } .mal, .mhl { margin-left: 1.5em; margin-right: 1.5em; } .mhmm { margin-left: 1em; margin-right: 1em; } .mls { margin-left: .25em; } .ptl { padding-top: 1.5em; } .pbs, .pvs { padding-bottom: .25em; } .pvs, .pts { padding-top: .25em; } .unit { float: left; } .unitRight { float: right; } .size1of2 { width: 50%; } .size1of1 { width: 100%; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hidden-true { display: none; } .textbox0 { width: 3em; background: #f1f1f1; padding: .25em .5em; line-height: 1.5; height: 1.5em; } #testDrive { padding-top: 24px; line-height: 1.5; } .fs0 { font-size: 16px; } .fs1 { font-size: 32px; } @font-face { font-family: 'icomoon'; src: url('/fonts/icomoon.eot?ocldke'); src: url('/fonts/icomoon.eot?ocldke#iefix') format('embedded-opentype'), url('/fonts/icomoon.woff?ocldke') format('woff'), url('/fonts/icomoon.ttf?ocldke') format('truetype'), url('/fonts/icomoon.svg?ocldke#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; /*speak: none;*/ font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bullet-list:before { content: "\e915"; } .icon-pin:before { content: "\e916"; } .icon-quote-1:before { content: "\e913"; } .icon-quote:before { content: "\e914"; } .icon-photo:before { content: "\e911"; } .icon-camera1:before { content: "\e912"; } .icon-camera:before { content: "\e910"; } .icon-up:before { content: "\e90f"; } .icon-facebook1:before { content: "\e90d"; } .icon-linkedin1:before { content: "\e90e"; } .icon-phone:before { content: "\e90a"; } .icon-cancel:before { content: "\e909"; } .icon-right:before { content: "\e908"; } .icon-play-button:before { content: "\e906"; } .icon-music-player:before { content: "\e903"; } .icon-library:before { content: "\e904"; } .icon-comment:before { content: "\e905"; } .icon-next:before { content: "\e902"; } .icon-up-arrow:before { content: "\e901"; } .icon-download:before { content: "\e900"; } .icon-layout:before { content: "\e907"; } .icon-video-camera1:before { content: "\e919"; } .icon-full-screen:before { content: "\e91a"; } .icon-bullet-list:before { content: "\e915"; } .icon-move:before { content: "\e917"; } .icon-document-list:before { content: "\e918"; } .icon-video-camera:before { content: "\e91b"; } .icon-file-text2:before { content: "\e926"; } .icon-enlarge:before { content: "\e989"; } @font-face { font-family: 'gdicon'; src: url('/fonts/gd.woff?8gb6q4') format('woff'), url('/fonts/gd.ttf?8gb6q4') format('truetype'), url('/fonts/gd.svg?8gb6q4#ariicon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="gdicon-"], [class*=" gdicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'gdicon' !important; /*speak: none;*/ font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gdicon-gd:before { content: "\e900"; color: #626262; } .icon-arrow-right2:before { content: "\e646"; } @font-face { font-family: 'milestoneretinadisplayicons'; src:url('/fonts/milestoneretinadisplayicons.eot?t2wpx5'); src:url('/fonts/milestoneretinadisplayicons.eot?#iefixt2wpx5') format('embedded-opentype'), url('/fonts/milestoneretinadisplayicons.woff?t2wpx5') format('woff'), url('/fonts/milestoneretinadisplayicons.ttf?t2wpx5') format('truetype'), url('/fonts/milestoneretinadisplayicons.svg?t2wpx5#milestoneretinadisplayicons') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } [class^="icon-"], [class*=" icon-"] { font-family: 'milestoneretinadisplayicons'; /*speak: none;*/ font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: #5c677e; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: #001e61; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: #001e61; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: #001e61; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* ----------- FORMS ----------- */ .cornerforms { padding: 10px 0; } input, select, textarea { border: 1px solid #adadad; border-radius: 2px; color: #8b8b8b; font-family: 'open_sansregular'; font-size: 13px; margin: 0; padding: 0; } input { padding: 0px 8px; height: 28px; line-height: 28px; } select { height: 32px; line-height: normal; padding: 4px 4px; } textarea { padding: 4px 8px; resize: none; display: block; } .asterisk { color: #7c9ac0; } .frminnercon .styled-select, .frminnercon textarea , .frminnercon input { background-color: #1e1e1e; border: 1px solid #696868; } li{list-style:none;} /* ----------- Headers ----------- */ h1 { color: #001e61; font-size: 60px; font-weight: bold; margin: 0; padding-bottom: 41px; text-transform: capitalize; line-height: 60px; font-family: 'centurygothic-bold', sans-serif; text-align: left; } h2 { color: #001e61; font-size: 50px; line-height: 60px; margin: 0 auto; font-family: 'Vidaloka', serif; } h2.padbottom { display: block; margin: 0; padding-bottom: 15px; } h3 { color: #002c67; font-size: 16px; font-weight: normal; font-family: 'open_sansregular'; margin: 0; display: block; padding-bottom: 5px; text-transform: capitalize; } h4 { padding: 0; color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; font-size: 24px; line-height: 28px; font-family: "work sans", sans-serif; font-weight: 700; } /* ----------- BOXES ----------- */ .box { display: block; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999; padding: 15px 0px 16px 0px; } .box2 { display: block; padding: 15px 0px; } .boxspacer { display: block; height: 15px; } /* ----------- COLUMNS ----------- */ /* ----- 2 COLUMNS ----- */ .column21 { float: left; padding-right: 25px; width: 47%; } .column22 { float: left; width: 47%; } /* ----- 3 COLUMNS ----- */ .column31 { float: left; padding-right: 10px; width: 31%; } .column32 { float: left; padding-right: 10px; width: 32%; } .column33 { float: left; padding: 0px; width: 32%; } /* ----- 4 COLUMNS ----- */ .column41, .column42, .column43 { float: left; padding-right: 10px; width: 24%; } .column44 { float: left; width: 24%; } /* ----- 5 COLUMNS ----- */ .column51, .column52, .column53, .column54 { float: left; padding-right: 9px; width: 19%; } .column55 { float: left; width: 19%; } .baseline, .clearboth { clear: both; height: 0px; } /* ----------- LINKS ----------- */ .milestone { font-size: 11px; line-height: 18px; } .milestone2 { font-size: 11px; line-height: 18px; } .anchorlink { font-size: 11px; line-height: 18px; } a:link, a:visited { text-decoration: none; list-style: none; cursor: pointer; color: #001e61; outline: none; } a:hover { text-decoration: none; list-style: none; cursor: pointer; color: #74abcc; } a.homelink:link, a.homelink:visited { } a.homelink:hover { } a.anchorlink:link, a.anchorlink:visited { } a.anchorlink:hover { } a.splink:link, a.splink:visited { } a.splink:hover { } a.sitemaplink:link, a.sitemaplink:visited { } a.sitemaplink:hover { } a.milestone:link, a.milestone:visited { white-space: nowrap; } a.milestone:hover { white-space: nowrap; } /* ----------- BULLETS ----------- */ .cornerinner { padding: 6px 0px 10px 16px; float: right; } .box ul, .box2 ul, .hotelbox ul { margin: 0px; padding: 8px 0px 0px 0px; list-style: none; } .hotelbox ul li { background-image: url("/images_noindex/sprite.png"); background-position: -246px 8px; background-repeat: no-repeat; height: 100%; line-height: 20px; margin: 0; padding: 0 0 6px 15px; } ul.anchor { background-color: #fff; border-color: #999999; border-style: solid; border-width: 1px; display: block; float: left; list-style: none outside none; margin: 0; padding: 10px 0 10px 10px; } ul.anchor li { background-image: url("/images_noindex/sprite.png"); background-repeat: no-repeat; background-position: -208px -59px; line-height: 28px; margin: 0; padding: 0 15px 0 15px; } .box ul.padbottom li, .box2 ul.padbottom li { padding-bottom: 10px; } .box li.padbottom, .box2 li.padbottom { padding-bottom: 10px; } .box ul.padbottom li:last-child, .box2 ul.padbottom li:last-child { padding-bottom: 0px; } /* ----------- GOOGLE VCARD ----------- */ /* ----------- Click Reservation----------- */ .outer-box { background-color: #d5d5d5; border: 1px solid #acacac; margin: 30px auto 0; max-width: 960px; padding: 30px 0; text-align: center; width: 94%; } .pro-txt { font-weight: normal; font-size: 26px; line-height: 30px; margin-bottom: 20px; text-align: center; font-family:'open_sanssemibold'; } .lockimg { color: #999; font-size: 107px; height: 116px; padding: 20px 0; } .click-logo { padding-bottom: 20px; } .vcard { font-size: 11px; line-height: 20px; } .vcard .fn { font-size: 13px; text-transform: uppercase; } /* ----------- Click Reservation----------- */ /* ----------- IMAGES ----------- */ .imgright { margin-top: 5px; margin-left: 16px; margin-bottom: 10px; float: right; } .imgleft { margin-top: 5px; margin-right: 16px; margin-bottom: 10px; float: left; } /* ----------- MODULE ----------- */ ul.modulelinks { font-size: 14px; list-style: none outside none; margin-top: 0px; text-transform: capitalize; display: inline-block; } li.modulelink { padding: 0px; margin-right: 2px; } /*.modulelinks a { color: #FFFFFF; background-color: #948e90; display: inline-block; float: left; padding: 5px 20px; } .modulelinks a:hover, .modulelinkON a { background-color: #002b69; }*/ .modulelink.modulelinkON > a { color: #74abcc; } ul.modulelinks li.moduletitle { margin: 40px 0 10px; text-transform: uppercase; } /* ----------- GUEST REVIEWS ----------- */ #socialreviews { float: left; margin: 20px auto 30px; width: 100%; } .guest-review-title-top { background-color: #000000; color: #ffffff; font-family: 'cinzelregular'; font-size: 20px; height: 43px; line-height: 43px; margin: 0 0 30px; text-align: center; text-transform: uppercase; } .review-right { float: left; margin-right: 0; position: relative; width: 31%; } .shellimg { line-height: 0; position: relative; z-index: 1; } .overdiv { background-color:#000; background-color:rgba(0, 0, 0, 0.5); height: 78px; position: absolute; text-align: center; top: 10px; width: 100%; z-index: 5; } .reviewicon { height: 48px; padding: 19px 0 11px; text-align: center; width: 100%; } .descriptions { display: none; margin: 0 auto; text-align: center; } #review-right1:hover .descriptions { display: block; } .reviewbuttons { padding-top: 10px; } .reviewbuttonsleft { float: left; width: 110px; } .reviewbuttonsright { float: right; width: 110px; } .shellimg > img { height: auto; transition: all 0.5s ease 0s; width: 100%; } .button-row { margin: 0 auto; width: 100%; } .readbutton, .writebutton { display: inline-block; float: none; width: 30%; } .readbutton { margin-right: 5%; } #review-right2.review-right { margin: 0 3.4%; } #review-right3 { margin: 0 !important; } #review-right2:hover .descriptions { display: block; } #review-right3:hover .descriptions { display: block; } .review-right:hover .overdiv { background: #000; background: rgba(0, 0, 0, 0.60); height: 100%; top: 0; } .review-right:hover .reviewicon { padding-top: 53px; } #review-wite-btn { float: right; width: 150px; display:none; } .google-img { height: 45px; padding:0px 2%; border-right:solid 1px #d0d0d0; border-left:solid 1px #d0d0d0; } #reviewsheader2 { border: 0 none; font-size: 25px; margin: 0; padding-bottom: 10px; text-align: left; } .review-rating { display: inline-block; float: right; margin-left: 10px; padding-top: 2px; } /* ----------- GUEST REVIEWS END ----------- */ /* ----------- Mainimage Slideshow CSS ----------- */ /*#mainimageholder IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 1.0; }*/ #mainimageholder IMG.active { z-index: 10; opacity: 1.0; } #mainimageholder IMG.last-active { z-index: 9; } #mainimageslideshow { /* left: 50%; margin-left: -480px; position: absolute;*/ width: 100%; } /* ----------- 404 Page ----------- */ .oh { border-right: 1px solid #acacac; font-size: 25px; margin-right: 15px; padding-right: 15px; } .errTop { font-size: 18px; line-height: 26px; } .er { color: #303030; font-size: 18px; } .errSugg { font-size: 18px; } .er-maindiv { margin: 0 auto; padding-top: 25px; } .er-contentbox-wrap, .er-contentbox-wrap-right { float: left; margin:0 2% 0 0; padding:0px 0 20px; text-align: center; width: 31%; } .er-contentbox-wrap-right { float: right; margin: 0; } .er-contentbox-wrap .snippetbox img { width: 100%; height:auto; } .er-contentbox-wrap .err { display: inline-block; font-size: 20px; line-height: 34px; color: #001e61; font-weight: 700; border-bottom: 1px solid transparent; } .er-contentbox-wrap .er:hover, .er-contentbox-wrap .er:focus{ border-bottom: 1px solid #001e61; } .er-title { font-size: 14px; text-align: center; text-transform: uppercase; } .er-or { float: left; font-size: 28px; padding-top: 20px; text-align: center; width: 100%; } .er-back { float: left; font-size: 14px; padding: 20px 0; text-align: center; width: 100%; } .er-back .button { cursor: pointer; margin: 0 auto; width: 300px; height: 32px !important; line-height: 32px !important; } #goog-wm-sb { cursor: pointer; display: inline; float: left; height: 30px !important; line-height: 29px !important; width: 160px; border:0; } #goog-wm-qt { float: left; margin: 0 10px 0 0; } #goog-fixurl { margin: 0 auto; width: 533px; } /* ----------- Milestoen Dropdown CSS ----------- */ div.DropDownItem:hover { background-color: #343535! important; color: #FFFFFF !important; } .DropDownItems.out.enterleave { border: 1px solid #6d6c6c; border-radius: 5px; overflow: hidden; } .DropDownItems.out.enterleave .DropDownItem.in.enterleave { font-size: 12px; width: 109px; padding-left: 9px; cursor: pointer; color: #5E5E5E; background-color: #ffffff; } /* ----------- No-Script CSS ----------- */ #noscriptreservation { background: none repeat scroll 0 0 #303030; font-size: 14px; font-weight: bold; height: 27px; left: 120px; padding: 10px 10px 10px 38px; position: absolute; text-align: left; top: 0; width: 632px; } #noscriptreservation a { color:#fff; } #noscriptreservation_inner { background-color: #FFFEFC; bottom: 40px; font-size: 14px; font-weight: bold; height: 45px; left: 240px; position: absolute; text-align: center; width: 480px; padding-top: 20px; } #ns-reason .top-reasons-titletext, #ns-packages .packages-titletext { top:12px; left:0; } #ns-reason, #ns-packages { padding:20px; } #ns-reason ul, #ns-packages ul { margin-left: 20px; margin-top: 25px; } /* ----------- Validation CSS ----------- */ .ErrorField { border-color: #303030; background: #FFFFFE; } .ValidField { background-image: url(/images_noindex/valid-bg.png); background-repeat: no-repeat; background-position: 98% 50%; } .comentbox .ValidField { background-position: 98% 6% !important; } .ErrorEmailField { background-image: url(/images_noindex/invalid-bg.png); background-repeat: no-repeat; background-position: 98% 50%; border-color: #303030; } span.ValidationErrors { color: #DD0000; display: none; font-size: 12px; padding-left: 10px; text-transform: capitalize; } /* ----------- OTHER ----------- */ .subheader h1, .subheader h2 { font-size: 30px; line-height: 35px; padding: 0; } .sitemappadtop { margin-top: 0; } .clear{ height: 0; clear: both; } .padbottom { padding-bottom: 10px; } #breadcrumb { padding: 0px; } .ADAaccessible, #dynamicdiv { display: none; } option { padding: 0 0 0 5px; } .social-like { background: url("/images_noindex/blank.png") repeat scroll 0 0; height: 20px; position: absolute; width: 100%; z-index: 1; } /*.socialmediabuttons_wrap { display: none; height: 20px; position: absolute; right: 0; top: 21px; width: auto; } .social_0 { line-height: 0; width: 90px; } .social_1 { width: 60px; } .fb_iframe_widget { } .socialmediabuttons { list-style: none; } .social_2 { margin-left: 0px; }*/ .spbold { /*font-family: 'open_sansbold';*/ font-weight: 700; } footer .spbold { font-family: 'open_sansbold'; font-weight: normal; font-size: 10px; } .styled-select-ttd { display: inline-block; float: none !important; vertical-align: middle; width: 274px !important; } .styled-select-email { } .styled-select-dropdown { display: inline-block; float: none !important; vertical-align: middle; width: 99.5% !important; } .styled-select { background-color: #ffffff; background-repeat: no-repeat; border-color: #cccccc; border-radius: 5px; border-style: solid; border-width: 1px; height: 48px; overflow: hidden; } .styled-select select { background:none; border:none; cursor: pointer; width:108%; } .styled-select select option {background-color: #ffffff;} .nav.property-detail-page-link {color: #002c68; } .navON.property-detail-page-link {color: #74abcc; } /* ----------- Get Directions ----------- */ .direction-inner { display: table; margin: 0 auto; } .direction-form, .direction-to { float: left; } .direction-form { margin-right: 12px; } .location-dest { padding: 0 5px 0 0; } .saddr, .daddr { height: 35px; line-height: 35px; width: 269px; } .direction-btn { margin: 0 auto; padding: 27px 0 0; width: 182px; } .mapdisplay { height: 478px; margin: -12px 0 -18px -320px; padding: 0; width: 1600px; } /* ----------- Get Directions ----------- */ /* ----------- CSS End ----------- */ #floatingbooknow { display:none; } /* ---------- Footer Css -------------*/ #note { /* background-color: #948e90; clear: both; position: relative; width: 100%; z-index:1;*/ } footer { /*color: #ffffff; font-size: 11px; line-height: 20px; margin: 0 auto; padding: 15px 0; min-width: 960px;*/ } .footerlogo { float: left; padding: 11px 30px 0 0px; } .xvcard { border-left: 0 solid #DBCEC0; font-size: 11px; line-height: 20px; color:#333332; float:left; } .pipe.mobilefooterpipeblock { display: none; } .vcarddot { display: inline-block; margin: 0 6px; } .information { width: 100%; text-align: center; } footer ul li { border-right: 0px solid #fff; display: inline-block; line-height: 11px; list-style: none; padding: 0 5px; } footer ul li:last-child{ border-right: 0px solid #fff; } .title-f { display: block; font-size: 13px; text-transform: uppercase; padding-bottom: 10px; } .google-vcard { text-align: center; width: 100%; } .adr, .geo-f, .ph-f, .fa-f { display: inline-block; } footer a.nav:link, footer a.nav:visited, footer a:link, footer a:visited { color: #fff; } footer a.navON:link, footer a.navON:visited, footer a.navON:hover, footer a.nav:hover, footer a:hover { color: #002b69; } #owner { background-color: #948e90; text-align: center; } #owner:empty { display: none; } #owner a:link, #owner a:visited { color: #fff; } #owner a:hover { color: #002b69; } /* ---------- Footer Css End -------------*/ .flex-viewport li { width: 0; } .loaderimage { display: block; height: 32px; margin: 25px auto; width: 32px; } /*-------------- Time line css ---------------*/ #company-time-line { margin: 20px auto 50px; position: relative; width: 75%; max-width:960px; } #company-time-line .timestamp { position: relative; } #company-time-line .timestamp .timeline-year { float: left; text-align: right; width: 50%; margin-right:-10px; } #company-time-line .timestamp.even .timeline-year { float: right; text-align: left; } #company-time-line .timestamp .timeline-content { float: left; position: relative; width: 50%; color:#02386e; } #company-time-line .timestamp.even .timeline-content { float: left; text-align: right; } #company-time-line .timestamp .timeline-content .timelineconent-inner { border-left: 10px solid #002d68; padding: 0 20px 10px; min-height:63px; } #company-time-line .timestamp.even .timeline-content .timelineconent-inner { border-left: 0px solid #002d68; border-right: 10px solid #002d68; } #company-time-line .timestamp .timeline-year .timeline-year-inner { background:#002d68; color: #fff; display: inline-block; font-size: 38px; line-height:33px; padding: 20px 0; position: relative; left: 0px; height:33px; width:145px; text-align:center; } #company-time-line .timestamp .timeline-year .timeline-year-inner span{font-size: 25px;} #company-time-line .timestamp.even .timeline-year .timeline-year-inner { left: -20px; } .blue{color:#02386e;} /*----------------- Property listing page css ----------------*/ .property-holder-right { float: right; width: 65%; position: relative; margin-bottom: 40px; min-height:400px; cursor:pointer; } .property-image-holder > img { height: auto; width: 100%; } .property-holder-left { float: left; width: 35%; position: relative; margin-bottom: 40px; } .property-caption-holder { background:#000; background:rgba(0,0,0,.6); color:#fff; bottom: 0; position: absolute; text-align: right; width: 100%; height:45px; line-height:45px; font-size:20px; } .property-holder-right:hover .property-caption-holder{color:#90B9F5;} .property-caption-holder > span { padding-right: 10px; } #properties-by-state-search > label { display: block; font-size: 15px; margin: 15px 0 5px; text-transform: uppercase; } .brand-title { color: #948e90; font-size: 15px; text-transform: uppercase; margin-top:30px; } .brand-list > div { color: #002c68; display: block; } .hotel-name a:hover{ color:#74abcc !important; } .brand-list > div a{color: #002c68;} .brand-list > div a:hover{color:#87bbda;} .list-holder .state-name{font-size:15px; margin:30px 0 5px; text-transform:uppercase;} /*----------- home slider arrows ----------*/ .load-item { background: url("/images_noindex/mainimg-arrow-bg.png") repeat-y scroll left center; display: block; height: 100%; position: absolute; width: 327px; z-index: 1; } #nextslide.load-item {right: 0; background-position: left top;} #prevslide.load-item {left: 0; background-position: -329px top;} .load-item span { color: #fff; display: block; font-size: 52px; position: absolute; font-weight: 700; top: 50%; margin-top:-26px; } #prevslide span { left: 10px; } #nextslide span { right: 10px; } /*------------- career page aside -------------*/ .aside-right { float: right; } #career-aside { text-align: center; width: 50%; } #career-aside .button.jobsbtn { display: inline-block; height: 43px; line-height: 43px; margin-top: 20px; width: 248px; } #career-aside .aside-right-inner { color: #002c67; font-size: 24px; line-height: 32px; } .career-fax, .career-email { color: #002b69; } h1.mngmnt { padding-top: 10px; } /*----------- Property details page -----------*/ #contentinfo.property-dtl { background:rgba(255, 255, 255, 0.9); } /*------------------ Social Media Links --------------*/ .socil-media-links{position: absolute; right: 0; top: 30px; width: 164px; text-align: right; } .socil-media-links li{float:left; margin-left:10px;} .socil-media-links li span { display: block; height: 26px; width: 24px; background-size:100%; } .socil-media-links li .facebook { background: url("/images_noindex/social-icons.png") no-repeat scroll -47px top; width: 13px; } .socil-media-links li .google- { background: url("/images_noindex/social-icons.png") no-repeat scroll -75px top; width: 21px; } .socil-media-links li .twitter{ background: url("/images_noindex/social-icons.png") no-repeat scroll -147px top; width: 23px; } .socil-media-links li .instagram{ background: url("/images_noindex/social-icons.png") no-repeat scroll -245px top; width: 23px; } .socil-media-links li .tripadvisor { background: url("/images_noindex/social-icons.png") no-repeat scroll left top; width: 29px; } .socil-media-links li .pinterest { background: url("/images_noindex/social-icons.png") no-repeat scroll -215px top; width: 23px; } #social-like-holder { bottom: 45px; height: auto; position: fixed; right: 7px; width: 81px; z-index: 12; display:none; } .social-like { background: url("/images_noindex/sl-bg.png") repeat scroll 0 0; display: block; height: 100%; overflow: hidden; position: absolute; width: 100%; z-index: 100; } #social-like-close { cursor: pointer; display: block; height: 30px; left: -35px; line-height: 30px; position: absolute; text-align: center; bottom: 0px; width: 30px; } .minus { background: url("/images_noindex/social-btn-close.png") repeat scroll 0 ; } .plus { background: url("/images_noindex/social-btn.png") repeat scroll 0 0; } .socialmediabuttons { line-height: normal; list-style: none outside none; } .social_0 { float: right; margin-bottom: 10px; width: auto; } .social_1 { float: left !important; width: 60px; } .social_2 { float: right !important; margin: 5px 0; } #gdprformsection{display:none;} ul.strive-listing { list-style: none; } ul.strive-listing li { padding-left: 150px; position: relative; list-style: none; list-style-type: none; margin-top: 20px; border-bottom: 1px solid #d8dde2; padding-bottom: 30px; } ul.strive-listing img.strive-icon { max-width: 130px; height: auto; position: absolute; left: 0; } .strive-to-thrive img { max-width: 310px; margin-bottom: 40px; height: auto; } ul.strive-listing li:after {display:none;} /*===================== Reset Css ==============================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } strong { font-weight: 700; } a:link, a:visited { text-decoration: none; color:#2c5268; outline: none; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } a:hover, a:focus { outline: none; color: #74abcc; } .clear { clear: both; float: none; height: 0; } .boxspacer { display: block; height: 20px; } .mob-boxspacer { display: none; } input, select, textarea { border: 1px solid #ccc; background-color: #ffffff; color:#5c677e; box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Work Sans', sans-serif; font-size: 15px; margin: 0; padding: 0 20px; border-radius: 5px; height: 50px; } textarea{padding: 8px 10px;} .box { padding: 30px 0; border-bottom: 1px solid #7c9ac0; } .box2 { padding: 30px 0; } ul li h2, ul li h3 { padding-bottom: 0; } #paracookiepolicy ul { padding-top: 5px; } #paracookiepolicy ul li { padding-bottom: 10px; } /*===================== Reset Css ==============================*/ /*===================== ADA Css ==============================*/ .sr-only { position: absolute; width: 1px !important; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #fff; filter: opacity(0); opacity: 1 !important; } .gm-err-message { background: #fff; color: #000 !important; } a.skip-to-content-btn { position: absolute; top: 0; left: 0; background: #1a253f; color: #ffffff; z-index: 10000; height: 30px; width: auto; line-height: 30px; padding: 0 20px; opacity: 1; pointer-events: none; filter: opacity(0); opacity: 1 !important; } a.skip-to-content-btn:focus { opacity: 1; filter: opacity(1); } .ada-datepicker { position: relative; } input[type="radio"]:focus, input[type="radio"]:hover { outline: 1px solid #6d6036; outline-offset: 2px; } input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } input[type="text"]:focus, select:focus, #blogpostcomment .commentcodecol4 a:focus, #emailOfferForm .email-frmfieldset #imgcode-home:focus, input:focus, textarea:focus { border: 1px solid transparent; box-shadow: 0 0px 10px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.07); } .rating-list .li:focus { border: 1px solid #000; } /*a.has-link:link, a.has-link:visited, #breadcrumb a:link, #breadcrumb a:visited { border-bottom: 1px solid transparent; } #breadcrumb a:link, #breadcrumb a:visited { color: rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6); } a.has-link:focus, a.has-link:hover { border-bottom: 1px solid #4d4425; } #breadcrumb a:hover, #breadcrumb a:focus { color: rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,1); } */ .input-error { border: solid 1px red !important; } .error-message { color: red; font-size: 14px; } /*===================== ADA Css ==============================*/ /*========================== Middle Start ===================*/ #middle { position: relative; padding: 0 60px; } #middle::after { content: " "; width: 100%; height: 134.4%; position: absolute; background-image: url(/images_noindex/home-body-bg.png); left: 0; top: 0; z-index: 1; background-size: cover; pointer-events: none; } .homenewpage #middle::after{ background-image: url(/images_noindex/home-body-bg-large.png); background-size:cover; } #mainimage { position: relative; z-index: 2; /*max-width: 1170px; padding: 0 20px; width: auto;*/ margin: 0 auto; } #home-mainimage { position: relative; z-index: 2; } #home-mainimage::before { content: " "; width: 100%; height: 242px; left: 0; top: 0; position: absolute; background-repeat: repeat-x; z-index: 2; } body.addBackground #home-mainimage::before { background-image: url(/images_noindex/home-nav-shadow.png);} #home-mainimage::after { content: " "; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); position: absolute; top: 0; left: 0; z-index: 1; } #home-mainimage img { width: 100%; height: auto; vertical-align: top; } .image-caption { position: absolute; right: 71px; bottom: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); font-family: 'Vidaloka', serif; font-size: 80px; color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; line-height: 80px; width: 530px; margin-bottom: -36px; text-align: right; z-index: 3; } /*========================== Middle Start ===================*/ /*========================== Content Start ===================*/ #contentinfo { position: relative; z-index: 2; } #container-wrap { position: relative; } #container { /*max-width: 970px;*/ min-width: 960px; margin: 0 auto; /*padding: 17px 20px 30px;*/ padding:17px 20px 30px 27px; position: relative; } #header { font-size: 50px; font-family: 'centurygothic-bold', sans-serif; line-height: 53px; text-align: center; padding-bottom: 8px; color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; position: absolute; z-index: 2; top: 58%; left: 50%; transform: translate(-50%, -58%); letter-spacing: 1px; } .text-center { text-align: center; } .contentinfo-home h1 { color: #001e61; font-size: 45px; font-weight: bold; margin: 0; padding-bottom: 70px; text-transform: unset; line-height: 50px; font-family: 'centurygothic-bold', sans-serif; text-align: left; width:61.75%; } h1 { color: #001e61; font-size: 35px; font-weight: bold; margin: 0; padding-bottom: 41px; text-transform: capitalize; line-height: 40px; font-family: 'centurygothic-bold', sans-serif; text-align: left; } h2 { color: #001e61; font-size: 35px; font-weight: normal; margin: 0; padding-bottom: 15px; text-transform: capitalize; line-height: 40px; font-family: 'centurygothic-bold', sans-serif; } h3 { color: #002c67; font-size: 20px; font-weight: normal; margin: 0; padding-bottom: 10px; text-transform: capitalize; line-height: 25px; } h4 { color: #002c67; font-size: 14px; font-weight: normal; margin: 0; padding-bottom: 10px; text-transform: capitalize; line-height: 20px; } #content .readmoretest { display: inline-block; margin-left: -26px; } #readmorelessbtn { padding-top: 20px; } /*========================== Content End ===================*/ a#backtotop:link, a#backtotop:visited { position: fixed; z-index: 9; width: 50px; height: 50px; line-height: 50px; bottom: 12%; right: 20%; color: #6d6036; text-align: center; border: 2px solid #fff; } div#backtotop span { vertical-align: text-top; color: #fff; } div#backtotop:hover ,div#backtotop:focus{ border-color: #e2e8f6; background: #e2e8f6; } div#backtotop:hover span,div#backtotop:focus span { color:#1a253f; } a#backtotop .mim-icon-select-drop-arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); display: block; height: 50px; line-height: 50px; } a#backtotop:hover, a#backtotop:focus { background-color: #6d6036; color: #ffffff; } #breadcrumb { /*text-align: center; color: rgba(255,255,255,.6); font-family: 'Ubuntu-LightItalic';*/ padding-bottom: 0; font-size: 14px; line-height: 42px; } #breadcrumb span.mim-icon-filled-circle { font-size: 3px; margin: 0 5px; vertical-align: middle; } .column21 { width: 48%; float: left; } .column22 { float: right; width: 48%; } .column31 { width: 31%; float: left; margin-right: 3.5%; } .column32 { float: left; width: 31%; /*margin-right: 3.5%;*/ margin-right:0; } .column33 { width: 31%; float: right; } .column41 { float: left; width: 23%; margin-right: 2.66%; } .column42 { float: left; width: 23%; margin-right: 2.66%; } .column43 { float: left; width: 23%; margin-right: 2.66%; } .column44 { float: right; width: 48%; } .common-snippet-list ul li, .box ul li, .box2 ul li, .column21 ul li, .column22 ul li, .column31 ul li, .column32 ul li, .column33 ul li, .column41 ul li, .column42 ul li, .column43 ul li, .column44 ul li { line-height: 24px; position: relative; padding-left: 16px; } .common-snippet-list ul li::before, .box ul li::before, .box2 ul li::before, .column21 ul li::before, .column22 ul li::before, .column31 ul li::before, .column32 ul li::before, .column33 ul li::before, .column41 ul li::before, .column42 ul li::before, .column43 ul li::before, .column44 ul li::before { /*content: "\e907";*/ font-family: 'icomoon'; position: absolute; left: 0; font-size: 9px; top: 0; line-height: 24px; } .container { max-width: 1170px; margin: 0 auto; padding: 0 20px; } #container-wrap2:empty { display: none; } #container-wrap2 { position: relative; } #contentinfo.subnav-main { padding-top: 101px; } .photo-gallery-main #container { max-width: 1170px; } #gdprformsection { border: 1px solid #525148 !important; padding: 20px !important; } #gdprsubmit { display: inline-block; padding: 0 20px; height: 53px; line-height: normal; vertical-align: middle; } #gdpremail { vertical-align: middle; } .sitemapinfo h1, .sitemapinfo h2 { font-size: 24px; line-height: normal; border-bottom: 1px solid #525148; } /*---------------------------- 404 ------------------------------*/ .errTop { font-size: 18px; /* line-height: 26px; */ text-align: center; } .oh { border-right: 1px solid #525148; font-size: 25px; margin-right: 15px; padding-right: 15px; } .er { font-size: 18px; } .errSugg { font-size: 18px; } .er-maindiv { margin: 0 auto; padding-top: 25px; width: 100%; } .er-or { font-size: 28px; padding-top: 20px; text-align: center; width: 100%; } .er-contentbox-wrap img { width: 100%; height: auto; vertical-align: top; } .er-or { font-size: 28px; padding-top: 20px; text-align: center; width: 100%; } #goog-fixurl { margin: 0 auto; max-width: 540px; padding-bottom: 0; } .search-goog input { margin-right: 10px; display: inline-block; width: 300px; vertical-align: middle; } #goog-wm-sb { width: 180px; display: inline-block; vertical-align: middle; } .box2.shadow-box.err-404-box { padding: 0; } /*---------------------------- 404 ------------------------------*/ .outer-box { background-color: transparent; margin: 30px auto 0; max-width: 960px; padding: 30px 0; text-align: center; width: 94%; border: 1px solid #4d4425; } .pro-txt { font-weight: normal; font-size: 30px; line-height: 35px; margin-bottom: 20px; text-align: center; font-family: 'Ubuntu-MediumItalic'; } .click-logo { padding-bottom: 20px; } .vcard { font-size: 14px; line-height: 24px; } .vcard a:link, .vcard a:visited { border-bottom: 1px solid; } .vcard a:hover, .vcard a:focus { border-bottom: 1px dashed; } .vcard .fn { font-size: 18px; text-transform: uppercase; font-family: 'Ubuntu-LightItalic'; line-height: 30px; } .lockimg { font-size: 120px; margin-bottom: 20px; } .footer-logo-info { display: inline-block; vertical-align: middle; margin: 0 20px; } .footer-logo-main-wrap { text-align: center; padding-top: 38px; } .reviewPagination .lnkPrevious, .reviewPagination .lnkNext { position: relative; } .reviewPagination .lnkPrevious::before, .reviewPagination .lnkNext::after { font-family: 'mimiconfont'; font-size: 10px; vertical-align: middle; margin: 0 5px; } .reviewPagination .lnkPrevious::before { content: "\e94c"; } .reviewPagination .lnkNext::after { content: "\e951"; } .box2.sitemapinfo { padding-bottom: 0; } .formslable { display: none !important; } /*----------------------------- Home Content -------------------------*/ .contentinfo-home #container { max-width: 1250px; position: relative; min-height: 754px; padding: 111px 0 77px; box-sizing: border-box; } .contentinfo-home #container::after { content: " "; clear: both; display: block; } .contentinfo-home #content { box-sizing: border-box; } .scroll-down span { color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; position: absolute; bottom: 12.5px; z-index: 9; font-size: 29px; left: 0; right: 0; text-align: center; } .overview-content { box-sizing: border-box; width: 38.25%; float: left; } .aside-images { float: right; width: 54.29%; box-sizing: border-box; margin-top: -40px; } .aside-images-left { float: left; width: 44.21%; box-sizing: border-box; position: relative; top: -2px; } .aside-images-right { float: right; padding-left: 29px; box-sizing: border-box; /*margin-top: -100px;*/ margin-top:-209px; width: 55.71%; } .home-logo-info { width: 100%; float: left; padding-top: 50px; } .aside-images-left img,.aside-images-right img { max-width: 100%; box-shadow: 0px 3px 14px #cad3e6; height:auto; } .aside-images-bottom { margin-top: 23px; } .contentinfo-home #container:after { /*content: ""; position: absolute; background: url(/images/bacpattern.png); width: 50px; height: 10px; right: 0; top: 50%;*/ } .home-logo-info-wrap { max-width: 1170px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .home-logo-info-slide { padding: 0 15px; } .home-logo-info-slide img { width: 100%; height: auto; } .home-careers-box-wrap { max-width: 1170px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 0; } .home-careers-info-title h2 { color: #fff; font-size: 24px; line-height: 28px; font-family: 'Work Sans', sans-serif; font-weight:bold; } @media all and (min-width:768px) { .career-page .home-careers-info-title h2{ /* color: rgba(0,0,0,0); text-shadow:0 0 0 #fff;*/ color: #fff;filter: opacity(1); } } .home-careers-snippet { width: 31.62%; margin-right: 2.1%; position: relative; display: inline-block; } .home-careers-snippet:last-child { margin-right: 0; } .home-careers-img img{ width: 100%; } .home-careers-info { position: absolute; top: 100%; left: 0; right: 0; background-color: transparent; overflow: hidden; width: 100%; transition: .5s ease; cursor: pointer; margin-top: -94px; padding-left: 29px; box-sizing: border-box; padding-right:30px; } .home-careers-info-desc { color: #fff; font-size: 16px; line-height: 22px; margin-top: 30px; opacity: 0; filter: opacity(1); display: none; } .home-careers-info-btn a.button:link { background: transparent; font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: bold; line-height: normal; position: relative; display: inline-block; } .home-careers-info-btn { text-align: center; position: absolute; bottom: 34px; left: 0; right: 0; opacity:0; } .home-careers-info-btn a.button:link:before { content: "\e902"; right: -20px; position: absolute; font-family: 'icomoon'; font-size: 11px; font-weight: bold; top: 3px; } .home-careers-info-btn a.button:link:After { position: absolute; content: ""; background: #fff; width: 50px; height: 1px; bottom: -3px; left: 0; right: 0; text-align: center; margin: 0 auto; } .home-sm-title { color: #f4f7fc; text-shadow: 0 0 0 #f4f7fc; font-size: 160px; line-height: 130px; font-weight: bold; font-family: 'centurygothic-bold', sans-serif; text-align: center; } .home-careers-snippet:hover .home-careers-info, .home-careers-snippet:focus .home-careers-info { top: 0; margin-top: 0; background: rgba(25,34,56,.9); padding-top: 35px; height:98.5%; } .home-careers-snippet:hover .home-careers-info-desc,.home-careers-snippet:focus .home-careers-info-desc { margin-top: 9px; } .home-careers-snippet:hover .home-careers-info-desc,.home-careers-snippet:focus .home-careers-info-desc { opacity: 1; display: block; } .home-careers-snippet:hover .home-careers-info-btn,.home-careers-snippet:focus .home-careers-info-btn{ opacity: 1; } /*----------------------------- Home Content -------------------------*/ .morecase a.button.room-btn.book-btn { width: auto; display: inline-block; background: transparent; color: #192238 !important; font-family: 'Work Sans', sans-serif; font-weight: bold; font-size: 14px; position:relative; } .morecase { text-align: center; display: inline-block; margin: 23px auto 0; width: 100%; } .morecase a.button.room-btn.book-btn:before{ content: "\e902"; right: -20px; position: absolute; font-family: 'icomoon'; font-size: 11px; font-weight: bold; top: 3px; } .morecase a.button.room-btn.book-btn:link:After { position: absolute; content: ""; background: #7c9ac0; width: 50px; height: 1px; bottom:-10px; left: 0; right: 0; text-align: center; margin: 0 auto; } .home-careers-box { padding-bottom: 130px; } .home-case-study-box { margin: 0 auto; max-width: 1170px; width: 100%; box-sizing: border-box; padding: 0; } .home-case-study-box-info { background: #000000; } .home-case-study-box-slide{ width: 31.62%; margin-right: 2.1%; position: relative; display: inline-block; cursor: pointer; box-sizing: border-box; overflow: hidden; padding-bottom: 0; } .home-case-study-box-img { position: relative; } .home-case-study-box-img img{ width: 100%; height: 570px; vertical-align: top; object-fit: cover; object-position: center; } .home-case-study-box-content{ position: absolute; top: 100%; background-color: transparent; left: 0; width: 100%; box-sizing: border-box; padding: 0; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; height: 100%; margin-top: -161px; /*margin-top: -141px;*/ } .home-case-study-box-content-wrap{ margin-top: 0; position: absolute; width: 100%; top: 0; padding:34px 20px 0 39px; box-sizing: border-box; height: 100%; } .home-case-study-box-title{ height: 87px; display: table; width: 100%; background-color: transparent; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; padding-top: 0; padding-bottom: 40px; } .home-case-study-box-title-wrap { display: table-cell; vertical-align: bottom; } .home-case-study-box-title h2{ padding:0; color: #ffffff; /* text-shadow: 0 0 0 #fff;*/ font-size: 24px; line-height: 28px; font-family: "work sans", sans-serif; font-weight: 700; } .home-case-study-box-desc{ color: #ffffff; font-size: 16px; line-height: 22px; } .home-case-study-box-desc-btn a.button-link { position: absolute; bottom: 49px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); color: #ffffff; font-family: "work sans", sans-serif; font-size: 13px; font-weight: 700; line-height: normal; display: inline-block; /* background: 0px 0px; */ text-transform: uppercase; /* padding-bottom: 0; */ /* padding-left: 0; */ /* padding-top: 0; */ /* padding-right: 0; */ width: 116px; background-image: url(/images_noindex/button-arrow-white.png); background-position: 95%; } .home-case-study-box-desc-btn a.button-link:hover { background-image: url(/images_noindex/button-arrow.png); } .home-case-study-box-desc-btn a.button-link:hover { color: #001e61; } .home-case-study-box-desc-btn a.button-link:hover::before { margin: 0 0 0 auto; } .home-case-study-box-slide-wrap:hover .home-case-study-box-content{ top: 0; margin-top: 0; background-color: rgba(25,34,56,.9); } .home-case-study-box-slide-wrap:focus-within .home-case-study-box-content{ top: 0; margin-top: 0; background-color: rgba(25,34,56,.9); } .home-case-study-box-slide-wrap:hover .home-case-study-box-img-wrap:after, .home-case-study-box-slide-wrap:focus-within .home-case-study-box-img-wrap:after{ height:0; } .home-case-study-box-slide-wrap:focus-within .home-case-study-box-desc-btn a.button-link { color: #001e61; } .home-case-study-box-slide-wrap:focus-within .home-case-study-box-desc-btn a.button-link { background-image: url(/images_noindex/button-arrow.png); } .home-case-study-box-slide-wrap:hover .home-case-study-box-title, .home-case-study-box-slide-wrap:focus-within .home-case-study-box-title{ height: auto; padding-bottom:30px; } .home-case-study-box-slide:nth-child(4) { margin-right: 0; } .home-case-study-box-wrap { width: 100%; margin-top:95px; margin-bottom: 120px; } .home-case-study-box-btn { text-align: center; margin-top: 26px; } .home-reviews { float: left; width: 100%; padding-bottom: 25px; position: relative; } .home-reviews .slick-dots li{ margin: 0 10px; } .home-reviews .slick-dots li button:hover, .home-reviews .slick-dots li button:focus{ background-color:#001e61; } .home-reviews-wrap { max-width: 1170px; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0 48px 0 60.5px; } .home-reviews-content { color: #001e61; font-size: 50px; line-height: 60px; margin: 0 auto; font-family: 'Vidaloka', serif; box-sizing: border-box; text-align: center; position: relative; } .home-reviews-content:before { content: "'"; font-family: 'icomoon'; font-size: 80px; position: relative; top: 10px; left: 10px; line-height: 20px; } .home-reviews-content:after { content: "'"; font-family: 'icomoon'; font-size: 80px; position: relative; bottom: -15px; right: 0; line-height: 20px; } .home-reviews:after { position: absolute; content: ""; width: 100%; height: 800px; background: #f4f7fc; top: -370px; z-index: -1; } .home-reviews:before { clear: both; display: block; content: ""; } .home-reviews-name:before { position: absolute; content: ""; width: 8px; height: 1px; left: 35%; background: #224696; top: 10px; } .home-reviews-name { margin-top: 30.5px; font-size: 16px; color: #224696; text-align: center; position: relative; line-height: normal; padding-left: 0; font-style: italic; margin-bottom: 70px; } .home-reviews .slick-dots li button{ width: 15px; height: 15px; } .home-reviews .slick-dots li button { font-size: 50px; line-height: 15px; position: relative; top: 0; left: 0; width: 15px; height: 15px; opacity: 1; background: #7c9ac0; color: #000000; text-shadow: 0 0 0 #001e61; border-radius: 100%; padding: 0; border: 3px solid transparent; text-indent:-9999px; } .home-reviews .slick-dots li.slick-active button { opacity: 1; background: transparent; border: 3px solid #001e61; color: transparent; } .home-reviews .slick-dots{ left: 0; right: 0; bottom:0; } .home-latest-news { float: left; width: 100%; overflow:hidden; } .home-latest-news-wrap { max-width: 1597px; width: 100%; margin: 0 auto; position: relative; } .home-latest-news-info { float: right; width: calc(100% - 59.94%); box-sizing: border-box; padding-left: 117px; position: absolute; left: 80%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-latest-news-wrap:after { content: ""; display: block; clear: both; } .home-latest-news-img { float: left; width: 59.94%; box-sizing: border-box; } .home-latest-news-title h2 { color: #001e61; font-size: 30px; font-family: 'centurygothic-bold'; line-height: normal; padding-bottom: 22px; } .home-latest-news-desc { color: #001e61; font-size: 16px; margin-bottom: 60px; } .home-case-study-box-wrap .home-sm-title { /* color: rgba(0,0,0,0); text-shadow: 0 0 0 #f4f7fc; */ position: relative; top: 0; color: #003cc8; filter: opacity(0.04); background: rgb(255, 255, 255); } .home-latest-news-info .home-sm-title { /* color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0;*/ color: #7c9ac0; filter: opacity(1); font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 69px; display: inline-block; overflow: hidden; letter-spacing: 3px; } .home-latest-news-info .home-sm-title:after { position: absolute; content: ""; width: 50px; height: 3px; background: #0097A2; left: 0; top: 6px; } .home-latest-news-title { margin-top: 68px; } .overview-content a.button-link { font-size: 13px; text-transform: uppercase; color: #001e61; font-weight: bold; position: relative; padding-bottom: 16px; border: 1px solid transparent; margin-left: -32px; } a.button-link:after { width: 50px; height: 1px; content: ""; position: absolute; background: #7c9ac0; bottom: 0; left: 0; right: 0; margin: 0 auto; } .home-latest-news-btn.home-latest-news-btn-two { margin-right: 0; } .home-latest-news-btn { float: left; margin-right: 55px; margin-left: -22px; } .home-latest-news.home-latest-news-right .home-latest-news-wrap { max-width: 1170px; margin: 0 auto; } .home-latest-news.home-latest-news-right .home-latest-news-img { float: right; width: 58.98%; position: relative; padding-top: 172px; padding-bottom: 160px; } .home-latest-news.home-latest-news-right .home-latest-news-img:after { position: absolute; content: ""; background: #f4f7fc; width: 100vw; height: 100%; z-index: -1; left: -257px; top: -7px; right: 0; } .home-latest-news.home-latest-news-right .home-latest-news-info { float: left; width: 36.94%; left: 19.7%; padding-left: 0; top:53%; } .home-latest-news-date { float: left; } .home-latest-news.home-latest-news-right .home-latest-news-btn{ float: right; } .home-latest-news.home-latest-news-right .home-latest-news-title h2{ font-size:45px; line-height: 49px; padding-bottom: 30px; } .home-latest-news-date { float: left; color: #224696; font-size: 18px; font-style: italic; line-height: normal; overflow: hidden; position: relative; padding-right: 10px; padding-bottom: 40px; opacity:1; } .home-latest-news.home-latest-news-right .home-latest-news-btn{ margin-right:0; margin-left:0; } .home-latest-news.home-latest-news-right .home-latest-news-btn a.button-link { font-size: 14px; } .home-latest-news.home-latest-news-right .home-latest-news-btn a.button-link:after{ bottom: -2px;} .home-latest-news.home-latest-news-right .home-latest-news-title { margin-top: 30px; display: inline-block; overflow: hidden; position: relative; } .home-our-portfolio { float: left; width: 100%; background-color: #1a253f; background-image: url(/images/porback.png); height: 840px; display: table; position: relative; z-index: 9; } .home-our-portfolio:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(30, 37, 54, 0.80); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .home-our-portfolio-title h2 { color: #ffffff; font-size: 50px; line-height: 50px; } .home-our-portfolio-desc { color: #ffffff; margin-bottom: 68px; font-weight: 300; } .home-our-portfolio-wrap { max-width: 1170px; margin: 0 auto; width: 100%; box-sizing: border-box; } .home-our-portfolio-left { width: 52.39%; float: left; box-sizing: border-box; } .home-our-portfolio-numbers { float: right; width: 14.70%; box-sizing: border-box; margin-top: 8.5%; position: relative; } .home-our-portfolio-numbers:before { position: absolute; width: 3px; content: ""; top: 0; height: 396px; left: -98px; background: #0097A2; } .home-our-portfolio-numbers-desimal { color: #ffffff; font-size: 50px; line-height: normal; font-family: 'Vidaloka', serif; } .home-our-portfolio-number-text { font-size: 16px; color:#ffffff; text-transform: uppercase; line-height: normal; } .home-our-portfolio-wrap .home-sm-title{ color: #ffffff; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 70px; padding-bottom: 70px; letter-spacing:3px; } .home-our-portfolio-wrap .home-sm-title:before { position: absolute; content: ""; width: 50px; height: 3px; background: #0097A2; left: 0; top: 6px; border-radius:0; } .home-our-portfolio-btn a.button-link:before { color: #ffffff; } .home-our-portfolio-btn a { color: #ffffff; letter-spacing: 1px; } .home-our-portfolio-btn a.button-link:after{ background: #fff; } .home-our-portfolio-cell { display: table-cell; vertical-align: middle; } .home-our-portfolio-wrap:after { content: ""; display: block; clear: both; } .home-our-portfolio-title { margin-bottom: 23px; } .home-our-portfolio-numbers-wrap:last-child { padding-bottom: 0; } .home-our-portfolio-numbers-wrap { padding-bottom: 56px; } .home-latest-news.home-latest-news-right .home-latest-news-img img { /* box-shadow: 1px -2px 5px 0px rgba(35, 45, 68, 0.48);*/ box-shadow:-3px 8px 42px 2px rgba(35, 45, 68, 0.48) } .home-latest-news-date-link a.button-link { /* padding-right: 32px; padding-left: 32px;*/ } .home-latest-news-date-link:After { clear: both; display: block; content: ""; } .home-case-study-box-slide, .home-case-study-box-slide{ box-shadow: 0 0 20px rgba(22, 60, 145, 0.40); } .overview-content a.button-link { display: inline-block; } .overview-content a.button-link { display: inline-block; margin-top: 66px; } .home-latest-news-img img { max-width: 100%; object-fit: cover; } .video-controlls a span.play-video.icon-play-button { display: none; } .video-controlls { position: absolute; right: 6.3%; bottom: 20px; z-index: 9; background: #e2e8f6; border-radius: 40px; padding-top: 8px; padding-bottom: 8px; padding-left: 12.5px; padding-right: 4px; } .video-controlls a { color: #0f2048; padding-right: 11px; line-height: normal; } .video-controlls a span { color: rgba(0,0,0,0); font-size: 18px; vertical-align: middle; text-shadow:0 0 0 #0f2048; } /* .tooltip { opacity: 0; z-index: 99; color: #5c677e !important; width: 140px; display: block; font-size: 11px; padding: 8px 10px; border-radius: 3px; text-align: center; background: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; right: 20px; bottom: 41px; font-size: 16px !important; } .tooltip:before,.tooltip:after { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; bottom: -10px; left: 44%; } .tooltip-container:hover .tooltip,a:hover .tooltip { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }*/ .home-logo-info-wrap:after { clear: both; display: block; content: ""; } /*inner pages*/ div#mainimageslideshow img { max-width: 100%; width: 100%; object-fit: cover; } .inner-temp #middle::after { background-image:url("/images_noindex/inner-body-bg.png"); height:193%; background-size: cover; background-position: top center; } #header:after { content: ""; position: absolute; width: 1px; height: 130px; background-color: #fff; left: 50%; top: 149%; } .inner-temp #container{ max-width:1170px; min-width:inherit; width:100%; padding: 17px 20px 15px 27px; } .inner-temp #container #content { max-width: 962px; width: 100%; margin:0 auto; } .read-more-content.right_content { padding-left: 0; width: 866px; float: right; } .inner-temp .read-more-content.right_content { padding-left: 0; width: 100%; float: none; } .inner-temp .link-home a.button-link { display: inline-block; margin-top: 30px; } .inner-temp h1 { width: 100%; text-transform: initial; } .inner-temp #mainimage img { border: none; width: 100%; object-fit: cover; position:relative; top:0; transform: translateY(0px)!important; height:auto; } .inner-temp #mainimage { padding-top: 91px; line-height:0; } div#slidecaption { font-size: 18px; text-transform: uppercase; padding-right: 20px; } div#captionbox { color: #fff; height: 35px; line-height: 35px; position: absolute; text-align: right; bottom: 0; width: 100%; z-index: 11; background: #000; background: rgba(0,0,0,.6); } body.withoutimage div#main { height: 70px; /*background-color: #e2e8f6;*/ } body.withoutimage div#main #nav { line-height: 70px; } body.withoutimage div#main #nav ul li a:link, body.withoutimage div#main #nav ul li a:visited { /*color: #001e61;*/ text-shadow: 0 0 0 #001e61; } body.withoutimage div#main #nav ul li a::after { background-color: #001e61; } /*body.withoutimage div#main .header-button{ width: 184px; height: 70px; line-height: 66px; background-color: #1a253f; color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; top: 0; right: 60px; }*/ body.withoutimage div#main .header-button a:link, body.withoutimage div#main .header-button a:visited { border: 2px solid transparent; line-height: 66px; height: 70px; width: 184px; } body.withoutimage #logo { width: 73px; left: 93px; top: 8px; } /*body.withoutimage #main #logo img.main-logo { opacity: 0; }*/ body.withoutimage #main #logo img.scroll-logo { /** opacity: 1;*/ } body.innerpage div#mainimageslideshow:after { content: " "; width: 100%; height: 242px; left: 0; top: 0; position: absolute; background-repeat: repeat-x; z-index: 2; } body.innerpage.addBackground div#mainimageslideshow:after { background-image: url(/images_noindex/home-nav-shadow.png);} body.withoutimage #container { padding: 97px 20px 30px 27px; } body.withoutimage #nav ul li ul.dropnav{ box-shadow: 0 0 4px #eee; top:79%; } .news-holder-left div#breadcrumb { padding-top: 0; } .hotelboxhorizontal { float: left; margin: 0 2% 2% 0; width: 32%; } .boxitem4, .boxitem7, .boxitem10, .boxitem13 { /* margin-right: 0;*/ } .hotelboxhorizontal:nth-child(3n) { margin: 0; } .contentbox4-img img { height: auto; width: 100%; } .hide { display: none; } .social-media ul li a.linkedin { padding: 6px 9px; } .social-media ul li a.linkedin span:before { font-size: 18px; line-height: normal; } .social-media ul li a { width: 36px; height: 36px; border-radius: 100%; background: #fff; padding: 6px 7.5px; } .social-media ul li a span:before { color: #001e61; font-size: 21px; } .social-media-wrap.footer-box { /* margin-left: -110px;*/ padding-top: 70px; } span.gdicon-gd.icon-s { font-family: 'gdicon' !important; position: relative; top: 0px; } /**/ .social-media-wrap span.icon-s, .social-media-wrap span.gdicon-gd.icon-s { background: #fff; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 40px; color: #1a253f; display: inline-block; vertical-align: top; } /*----------------- Property listing page css ----------------*/ .property-holder-right { float: right; width: 65%; position: relative; margin-bottom: 40px; min-height:400px; cursor:pointer; } .property-image-holder > img { height: auto; width: 100%; } .property-holder-left { float: left; width: 35%; position: relative; margin-bottom: 40px; padding-right: 20px; box-sizing: border-box; } .property-caption-holder { background:#000; background:rgba(0,0,0,.6); color:#fff; bottom: 8px; position: absolute; text-align: right; width: 100%; height:45px; line-height:45px; font-size:20px; } .property-holder-right:hover .property-caption-holder{color:#90B9F5;} .property-caption-holder > span { padding-right: 10px; } #properties-by-state-search > label { display: block; font-size: 15px; margin: 15px 0 5px; text-transform: uppercase; } .brand-title { text-shadow: 0 0 0 #948e90; color: rgba(0,0,0,0); font-size: 15px; text-transform: uppercase; margin-top:30px; } .brand-list > div { color: #002c68; display: block; } .brand-list > div a{color: #002c68;} .brand-list > div a:hover{color:#87bbda;} .list-holder .state-name{font-size:15px; margin:30px 0 5px; text-transform:uppercase;} .styled-select select{height: 48px; width:100%; border: none !important;} .hotel-name a:link, .hotel-name a:active, .hotel-name a:visited { color: #036; display: block; font-size: 17px; padding: 10px 0 5px; text-decoration: none; } body.propertypage div#container { padding: 97px 20px 30px 27px; } .styled-select select:focus { border: 0; box-shadow: none; outline: none; } body.propertypage div#contentinfo { width: 100%; } body.propertypage.locationmap.withoutimage #container { padding: 70px 20px 0px 27px; } /*inner pages*/ a.button-link { color: #001e61; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; border: 1px solid transparent; padding-top: 17px; padding-bottom: 17px; padding-left: 32px; padding-right: 48px; transition: all 0.3s linear 0s; background-image: url(/images_noindex/button-arrow.png); background-repeat: no-repeat; background-position: right center; } a.button-link:hover, a.button-link:focus { background-color: #e2e8f6; transition: all 0.3s linear 0.9s; } a.button-link::after, a.button-link::before, a.button-link span::after, a.button-link span::before { position: absolute; content: ""; background: #7c9ac0; width: 50px; height: 1px; bottom: 0; left: 0; right: 0; text-align: center; margin: 0 auto; /* font-family: 'icomoon'; */ transition: all 0.15s linear 0.45s; } a.button-link:hover::after, a.button-link:focus::after { /* opacity: 0; */ } a.button-link::before { width: 1px; height: 0; right: 0; left: inherit; bottom: 0; top: inherit; transition: all 0.15s linear 0.3s; } a.button-link:hover::after { width: 100%; transition: all 0.3s linear 0s; background-color: #001e61; } a.button-link:hover::before { height: 100%; background-color: #001e61; transition: all 0.15s linear 0.15s; } a.button-link span::before { height: 0; width: 1px; top: 0; left: 0; right: inherit; bottom: inherit; transition: all 0.15s linear 0s; } a.button-link span::after { right: 0; left: inherit; top: 0; width: 0; transition: all 0.15s linear 0.15s; } a.button-link:hover span::after { width: 100%; transition: all 0.15s linear 0.3s; background-color: #001e61; } a.button-link:hover span::before { height: 100%; transition: all 0.15s linear 0.45s; background-color: #001e61; } .home-our-portfolio-btn a.button-link { color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; margin-left: -32px; font-size: 13px; letter-spacing: 2px; } .home-our-portfolio-btn a.button-link:hover,.home-our-portfolio-btn a.button-link:focus { color: #001e61; } .video-navigation { position: absolute; right: 60px; bottom: 20px; z-index: 999; background: #e2e8f6; border-radius: 40px; padding-top: 8px; padding-bottom: 8px; padding-left: 12.5px; padding-right: 4px; } .video-navigation a { color: #0f2048; padding-right: 11px; line-height: normal; } .video-navigation a span.play-video.icon-play-button { /* display: none;*/ } a.playclick.active .puase-video { display: inline; } a.playclick .puase-video { display: none; } a.playclick.active .play-video { display: none; } .video-navigation a span { color: rgba(0,0,0,0); font-size: 15px; vertical-align: middle; text-shadow: 0 0 0 #0f2048; } .social-media ul li a:hover span:before,.social-media ul li a:focus span:before { color: #7c9ac0; } .videowrapper video { width: 100%; height: auto; display: block; /* object-fit: fill;/*} div#mainimage:before { /*content: " "; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); position: absolute; top: 0; left: 0; z-index: 1;*/ } #mainimage .item:before { content: " "; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); position: absolute; top: 0; left: 0; opacity: unset; z-index: 9; pointer-events: none; } #mainimage .item:before{ background-color: transparent; } .home-case-study-box-img-wrap:after { content: ""; position: absolute; background: url(/images/shadow.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 294px; bottom: 0; left: 0; right: 0; } .home-case-study-box-img-wrap { position: relative; } /*.fadeinbottom {position: relative; opacity: 0; top: 200px;}*/ .video-navigation a.playclick span { font-weight: bold; } .propertypage #wrapper{ width:100%; } .home-our-portfolio-btn a.button-link { background-image: url(/images_noindex/button-arrow-white.png); } .home-our-portfolio-btn a.button-link:hover { background-image: url(/images_noindex/button-arrow.png); } .sm-slideshow-holder .button.photobtn .icon-camera { position: relative; } .sm-slideshow-holder .button.photobtn .icon-camera:before { content: "\e912"; font-size: 21px; position: absolute; left: -30px; top: -5px; } div#backtotop span:before { content: "\e90f"; font-size: 12.5px; font-weight: 600; } /*#nav ul li ul.dropnav li a:link.navON, #nav ul li ul.dropnav li a:visited.navON,body.withoutimage div#main #nav ul li a:link.navON, body.withoutimage div#main #nav ul li a:visited.navON { color: #7c9ac0; }*/ #main.headerfix .header-button::before { position: absolute; width: 100%; height: 100%; top: 0; right: -60px; background-color: #1a253f; content: " "; z-index: -1; } .home-logo-info-box { display: table-cell; vertical-align: middle; } .home-latest-news.home-latest-news-info-main .home-latest-news-info { width: 523px; padding: 0; position: static; transform: none; display: table; height: 790px; } .home-latest-news-info-inner { display: table-cell; vertical-align: middle; } .home-latest-news.home-latest-news-info-main .home-latest-news-img { width: calc(100% - 523px); } .management-team-snippetdesc li { margin-left: 25px; } .newsinner-home { display: none; } .newsinner-home.newitem1 { display: block; } .snippet-img-anim.newspageimages img { width: 100%; height: auto; max-width: 350px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .home-our-portfolio{ display:block; } .home-our-portfolio-wrap{ margin:190px auto 0; } a.button-link{ display:inline-block; } } .fadeinbottom {position: relative; opacity: 0; top: 200px;} .home-case-study-box-wrap.animation-element-top .home-case-study-box-slide::before, .home-latest-news-img.animation-element-top::before, .home-sm-title.animation-element-top::before, .home-latest-news-title.animation-element-top::before, .home-latest-news-date.animation-element-top::before { content: " "; display: block; width: 100%; height: 100%; left: -100%; top: 0; background-color: #f4f7fc; position: absolute; z-index: 5; transition: all 1s ease-out 0s; } .home-case-study-box-wrap.animation-element-top.in-view-top .home-case-study-box-slide::before, .home-latest-news-img.animation-element-top.in-view-top::before, .home-sm-title.animation-element-top.in-view-top::before, .home-latest-news-title.animation-element-top.in-view-top::before, .home-latest-news-date.animation-element-top.in-view-top::before { left: 100%; } .home-latest-news-img.animation-element-top.in-view-top::before { left: 150%; } .animation-element-top .home-case-study-box-img, .home-latest-news-img.animation-element-top, .home-sm-title.animation-element-top, .home-latest-news-title.animation-element-top, .home-latest-news-date.animation-element-top { opacity: 0; filter: opacity(1); transition: all 1s ease-out 0.5s; -webkit-transition: all 1s ease-out 0.5s; -ms-transition: all 1s ease-out 0.5s; -o-transition: all 1s ease-out 0.5s; } .animation-element-top.in-view-top .home-case-study-box-img, .home-latest-news-img.animation-element-top.in-view-top, .home-sm-title.animation-element-top.in-view-top, .home-latest-news-title.animation-element-top.in-view-top, .home-latest-news-date.animation-element-top.in-view-top { opacity: 1; } .home-latest-news-img.animation-element-top { overflow: hidden; position: relative; } .home-latest-news.home-latest-news-right .home-latest-news-img.animation-element-top { overflow: visible; } a.signup-hotl { display: none; } .formslable {display:none !important;} /*--------------------Home Linkdin Css Start---------------------*/ .home-linkdin-section { float: left; width: 100%; padding:75px 0 65px 0; } .home-linkdin-section-subtitle { color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 69px; display: inline-block; overflow: hidden; letter-spacing: 3px; } .home-linkdin-section-subtitle:after { position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; } .home-linkdin-section-wrap { max-width: 1170px; margin: 0 auto; width: 100%; } .home-ln-blocks { clear: both; } h2.main-ln-title { float: left; text-transform: inherit; } .main-ln-btn { float: right; } .home-linkdin-section-main-title { position: relative; padding: 3px 0 15px 0; clear: both; display: table; width: 100%; } .home-ln-blocks-inner { width: 48%; float: left; border: 1px solid #cbd5e7; } .home-ln-blocks-inner:nth-child(1){ margin-right:10px; } .home-ln-blocks-inner:nth-child(2){ margin-left:13px; } .home-ln-blocks-img img{ width:100%; object-position:center; } .home-ln-blocks-img { line-height: 0; } .home-ln-desc-inner{ padding:30px 20px 35px 20px; box-sizing:border-box; } .home-ln-blocks-desc { margin-bottom: 25px; } /*--------------------Home Linkdin Css End-----------------------*/ .common-snippet { position: relative; margin: 0; padding: 0 0 100px 0; } .common-snippet.format1 { padding: 0 0 150px 0; } .snippet-box::after { clear: both; display: block; content: " "; } .snippet-box { max-width: 1170px; margin: 0 auto; position: relative; z-index: 2; padding: 0; } .common-snippet:nth-child(2n) .snippet-img-inner-animation { float: left; } .common-snippet:nth-child(2n) .snippet-content { float: right; padding: 0 0 0 72px; } .common-snippet .snippet-img-inner-animation img { width: 100%; height: auto; vertical-align: top; /*object-fit: cover; object-position: center;*/ } .common-snippet .snippet-content { width: 597px; float: left; box-sizing: border-box; padding: 0 72px 0 0; } home-our-portfolio-wrap .home-sm-title { color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 70px; padding-bottom: 70px; letter-spacing: 3px; } .snippet-content .sub-titile { color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 70px; letter-spacing: 3px; margin-bottom: 25px; } .snippet-content .sub-titile:before { position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; border-radius: 10px; } .snippet-btns { margin-top: 55px; } .snippet-content h2.snippet-head { padding: 0 0 30px 0; } .common-animation-snippets .common-snippet.format1 .snippet-box { padding: 70px 0 0 0; } .common-animation-snippets .common-snippet.format1::before { content: ""; width: 1273px; height: 740px; position: absolute; left: 0; top: 0; background-color: #f4f7fc; transform: scaleX(0); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transform-origin: left; } .common-animation-snippets .common-snippet.format1.in-view-top::before { transform: scaleX(1); } .common-snippet .snippet-img-inner-animation img, .inner-temp #middle #mainimage { box-shadow: -3px 8px 42px 2px rgba(35, 45, 68, 0.48); } .inner-temp h1 { padding-top: 40px; padding-bottom: 55px; } .press-filter .rfpformdropdown { width: 215px; border-radius: 8px; height: 53px; position:relative; } .press-filter .styled-select-rfp:after{ position: absolute; content: "\e900"; right: 16px; z-index: 2; font-family: 'icomoon'; top: 17px; font-size: 14px; } .press-filter .commentlable, .press-filter .commentinput { display: inline-block; vertical-align: middle; text-transform: capitalize; color: #5c677e; font-family: 'Work Sans', sans-serif; font-weight: 400; letter-spacing: normal; font-size: 16px; padding: 0; } .press-filter .styled-select-rfp { position: relative; } .press-filter .commentinput { margin-left: 13px; margin-bottom: 0; } .press-filter span.icon-download { position: absolute; z-index: 2; right: 18px; top: 22px; font-size: 14px; } .press-page-inner .press-filter{ width: 100%; float: none; } .snippet-img-anim { line-height: 0; } .snippet-img-inner-one-line { display: inline-block; vertical-align: top; } .snippet-img-inner-one-line .common-snippet .snippet-content { width: 720px; display: inline-block; box-sizing: border-box; padding: 0 0 0 60px; vertical-align: top; } .press-load-more a{ text-align: center; text-transform: uppercase; color: #001e61; font-size: 14px; font-weight: bold; position: relative; border: 1px solid transparent; } .press-load-more span.icon-download { display: block; margin-left:6px; } .press-load-more { text-align: center; padding-bottom: 40px; } .common-one-line-snippets .common-snippet .snippet-content { width: 662px; float: none; box-sizing: border-box; padding: 0 0 0 66px; display: inline-block; vertical-align: middle; } .common-one-line-snippets .common-snippet:nth-child(2n) .snippet-content { float: none; padding: 0 0 0 60px; } .press-page-inner { margin-bottom: 30px; } .common-one-line-snippets .snippet-content h2.snippet-head { padding: 0; } .sub-titile-italic { font-style: italic; } .common-one-line-snippets .snippet-text { padding: 28px 0; } .common-one-line-snippets .common-snippet.format1 { padding: 0 0 100px 0; } .press-load-more a:hover, .press-load-more a:focus{ color:#5a5e62; } .press-load-more a:hover span, .press-load-more a:focus span{ color:#5a5e62; } .brand-filter label, .state-filter label{ color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; letter-spacing: 3px; } .filter-block { display: inline-block; vertical-align: middle; position: relative; width: 40%; padding-right: 1%; font-family: 'Work Sans', sans-serif; font-size: 15px; } .filter-block:after{ background-color:#7C9AC0; position:absolute; content:""; right:0; top: -9px; width:1px; height:60px; } .filter-block.last-blck:after{ width:0; height:0; } .filter-block.last-blck { padding-right: 0; padding-left: 2%; width: 26%; } .filter-block span.icon-download{ position: absolute; right: 25px; top: 17px; font-size: 12px; } .filter-block select#brandselector, .filter-block select#stateselector { height: 40px; border: none; padding-left: 10px; text-transform: capitalize; position: relative; z-index: 3; background: transparent; padding-right: 30px; } .filter-block select#brandselector:hover, .filter-block select#stateselector:hover{ cursor:pointer; } .filter-block:nth-child(2) { width: 27%; padding: 0 1% 0 2%; } .list-view-block { display: inline-block; vertical-align: middle; padding: 0 5px; } .view-selector { display: inline-block; vertical-align: middle; } .filter-result-counter-block { display: inline-block; vertical-align: middle; padding-right: 8px; } .list-view-block a:link, .list-view-block a:visited { color: #001e61; text-transform: uppercase; font-size: 12px; font-weight: bold; } .list-view-block a span.icon-bullet-list, .list-view-block a span.icon-pin { color: #001e61; position: relative; top: 2px; padding-left: 7px; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .list-view-block a:hover, .list-view-block a:focus{ color: #dddfe5; } .list-view-block a.active{ color: rgba(0, 0, 0, 0); text-shadow:0 0 0 #dddfe5; } .list-view-block a:hover span.icon-bullet-list, .list-view-block a:focus span.icon-bullet-list, .list-view-block a:hover span.icon-pin, .list-view-block a:focus span.icon-pin{ color: #dddfe5; } .list-view-block a.active span.icon-bullet-list, .list-view-block a.active span.icon-pin{ color: #dddfe5; } .filter-section { margin-bottom: 70px; } .hotel-hover-snippet { float: left; width: 48.15%; margin: 0 .92% 2% .92%; position: relative; overflow: hidden; background-color: #000000; } .filter-block select#brandselector { width: 80%; } .hotel-hover-image-block{ position:relative; line-height: 0; } .hotel-hover-image-block img{ width:100%; object-fit:cover; } .hotel-hover-image-block:after { content: ""; position: absolute; background: url(/images/shadow.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 294px; bottom: 0; left: 0; right: 0; } .hotel-snp-content { position: absolute; top: 100%; background-color: transparent; left: 0; width: 100%; box-sizing: border-box; padding: 0; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; height: 100%; margin-top: -85px; padding: 35px 25px 25px 25px; box-sizing: border-box; overflow-x: auto; } .hotel-hover-snippet:hover .hotel-snp-content, .hotel-hover-snippet:focus-within .hotel-snp-content { top: 0; margin-top: 0; background-color: rgba(25,34,56,.9); } .hotel-hover-snippet:hover .hotel-snp-content .hotel-snp-content h3.snp-title{ padding-bottom: 15px; } .hotel-snp-content h3.snp-title { padding-bottom: 20px; color: #fff; font-weight: 700; font-family: "work sans", sans-serif; /*font-size: 22px;*/ font-size: 20px; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; text-transform: none; } .hotel-snp-content .snp-text { color: #fff; overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .hotel-snp-content .ht-snp-address { color: #fff; padding-top: 35px; padding-bottom: 10px; font-family: "work sans", sans-serif; font-weight: 700; } .hotel-snp-content span.ht-snp-phone a:link, .hotel-snp-content span.ht-snp-phone a:visited{ color: #fff; border-bottom:1px solid transparent; margin-right: 20px; } .hotel-snp-content span.ht-snp-phone a:hover, .hotel-snp-content span.ht-snp-phone a:focus{ border-bottom:1px solid #fff; } .hotel-snp-content span.ht-snp-website a:link, .hotel-snp-content span.ht-snp-website a:visited, .portfolio-vt a:link, .portfolio-vt a:visited{ color: #fff; font-family: "work sans", sans-serif; font-weight: 700; border-bottom:1px solid #fff; } .hotel-snp-content span.ht-snp-website a:hover, .hotel-snp-content span.ht-snp-website a:focus, .portfolio-vt a:hover, .portfolio-vt a:focus{ border-bottom:1px solid transparent; } .portfolio-vt { margin-bottom: 10px; } .portfolio-page.inner-temp h1 { padding-bottom: 0; } .portfolio-casestudies .home-case-study-box-wrap .home-sm-title{ color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 69px; display: block; overflow: hidden; letter-spacing: 3px; margin-bottom: 45px; } .portfolio-casestudies .home-case-study-box-wrap .home-sm-title:after { position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; } .portfolio-casestudies .home-case-study-box-wrap { margin-top: 50px; margin-bottom: 90px; } .case-studies-page-snippets .home-case-study-box-slide:nth-child(3n){ margin-right:0; } .case-studies-page-snippets .home-case-page-study-box-btn a { text-align: center; text-transform: uppercase; color: #001e61; font-size: 14px; font-weight: bold; position: relative; border: 1px solid transparent; } .case-studies-page-snippets .home-case-page-study-box-btn span.icon-download { display: block; } .case-studies-page-snippets .home-case-page-study-box-btn a:hover, .case-studies-page-snippets .home-case-page-study-box-btn a:focus { color: #5a5e62; } .home-case-page-study-box-btn a:hover span.icon-download, .home-case-page-study-box-btn a:focus span.icon-download { color: #5a5e62; } .case-studies-page-snippets .home-case-page-study-box-btn { text-align: center; padding-bottom: 20px; } .case-studies-page-snippets .home-case-study-box-slide:nth-child(4) { margin-right: 2.1%; } .case-studies-page-snippets .home-case-study-box-slide { margin-bottom: 2.1%; } .case-studies-page .press-page-inner { margin-bottom: 0; } .case-studies-page .home-case-study-box-wrap { margin-top: 30px; margin-bottom: 20px; } .back-button a:link, .back-button a:visited { font-family: 'Work Sans', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; padding-left: 15px; color: #001e61; border-bottom: 1px solid transparent; } .back-button a:hover, .back-button a:focus{ border-bottom: 1px solid #2c5268; } .back-button { position: relative; } .back-button a span.icon-next:before { transform: rotate(180deg); position: absolute; top: 6px; left: 0; font-weight: bold; font-size: 12px; color: #2c5268; } .back-button a:hover, .back-button a:focus{ color: #5a5e62; } .back-button a:hover span.icon-next:before, .back-button a:focus span.icon-next:before{ color: #5a5e62; } .left-details { display: inline-block; vertical-align: top; width: 570px; padding-right: 14px; } .right-details { width: 370px; display: inline-block; vertical-align: top; margin-top: -20px; } .case-studies-detail-page h1 { font-size: 43px; line-height: 48px; margin-top: -10px; } .case-studies-detail-page .container { max-width: 1070px; } span.count-number { font-family: 'Vidaloka', serif; color: #001e61; font-size: 50px; line-height: 55px; display: block; text-align: center; } .details-count-inner-section .count_1, .details-count-inner-section .count_2 { text-align: center; display: inline-block; vertical-align: middle; width: 48%; } .details-count-inner-section span { text-transform: uppercase; } .details-count-inner-section span.normal-text { text-transform: none; } .details-count-inner-section { padding: 10px 0 50px 0; box-sizing: border-box; } .case-studies-deails-image { line-height: 0; } .case-studies-deails-image img{ object-fit:cover; width:100%; } .career-page .home-careers-snippet:nth-child(3n){ margin-right: 0; } .career-page .home-careers-snippet{ margin-bottom: 2.1%; } .career-page .home-careers-snippet { overflow: hidden; } .career-page .home-careers-img { line-height: 0; position: relative; } .career-page .home-careers-img:after { content: ""; position: absolute; background: url(/images/shadow.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 294px; bottom: 0; left: 0; right: 0; } .career-page .home-careers-snippet:hover .home-careers-info, .career-page .home-careers-snippet:focus .home-careers-info{ height: 100%; } .careers-page-section #contentinfo #container-wrap2 .careers-review-section .home-sm-title { /* color: rgba(0,0,0,0); text-shadow: 0 0 0 #001e61;*/ color: #001e61;filter: opacity(1); font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 70px; padding-bottom: 45px; letter-spacing: 3px; } .careers-page-section #contentinfo #container-wrap2 .careers-review-section .home-sm-title:before{ position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; border-radius: 10px; } .careers-page-section #contentinfo #container-wrap2 .careers-review-section .review-title { color: #001e61; font-size: 35px; line-height: 40px; font-family: 'Vidaloka', serif; display: inline-block; vertical-align: top; width:70%; } .revieier-info { width: 29%; display: inline-block; vertical-align: top; padding-left: 115px; box-sizing: border-box; font-style: italic; } .careee-snippet-list.career-page { margin-top: 150px; } .careers-page-section .review-all-btn { display: table; float: right; margin-right: -30px; } .hotel-hover-snippet{ display: none; } .hotel-hover-snippet.isSelected { display: block; } .portfolio-map-section {display:none} .career-page .home-careers-info { margin-top: -70px; } .careers-page-section .inner-temp-content { position: relative; z-index: 2; } .careers-page-section #container-wrap2 { position: relative; padding-top: 50px; margin-top: 25px; } .culture-content-snippet h2.snippet-title { font-family: 'Work Sans', sans-serif; font-weight: 700; } .careers-page-section #container-wrap2:after{ position: absolute; content: ""; background-color: #f4f7fc; height: 650px; width: 98%; right: 0; top: 0; } .careers-review-section .container { max-width: 1170px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; } .career-page .home-careers-box { padding-bottom: 25px; } .culture-image-section .left-side-image { float: left; width: 742px; padding-right: 29px; } .culture-image-section .right-side-image-block { float: left; width: 398px; margin-top: 2px; } .culture-image-section img{ width:100%; object-fit:cover; box-shadow: 0 0 20px rgba(22, 60, 145, 0.40); } .top-right-image img { height: 267px; } .top-right-image img { height: 100%; } .bottom-right-image { height:200px; width: 300px; line-height: 0; padding-top: 29px; } .left-side-image { line-height: 0; } .top-right-image { line-height: 0; height: 267px; } .bottom-right-image img { height: 100%; width: 100%; } .cluture-three-image { position: relative; } .cluture-three-image .container { position: relative; z-index:2; padding:70px 20px; } .cluture-three-image::after{ position: absolute; content: ""; background-color: #f4f7fc; height: 640px; width: 75%; left: 0; top: 0; } .left-section-heading h3 { color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0; font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 69px; display: inline-block; overflow: hidden; letter-spacing: 3px; display:none; } .left-section-heading h3:after { position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; } .left-section-heading { float: left; width: 346px; } .fadeinbottomslow { position: relative; opacity: 0; top: 50px; } .main-small-img { overflow: hidden; } .right-snippet-section .culture-content-snippet { width: 330px; float: left; padding: 0 39.66px 48.66px 39.66px; } .culture-content-snippet:nth-child(even) { padding: 0 0 48.66px 0; } .culture-snippet-section .right-snippet-section { float: left; width: 824px; } .left-section-heading h2 { font-size: 34px; line-height: 40px; margin-top: 5px; } .culture-snippet-section { padding: 80px 0 40px 0; } .guide-page.culture-snippet-section { padding: 10px 0 40px 0; } .no-result{ display:none; } .team-person-more-info{ display:none; } .common-animation-snippets.benifit-snippet-list .common-snippet.format1:before { height: 520px; } .common-animation-snippets.benifit-snippet-list .common-snippet .snippet-text{ padding-top:25px; } .common-animation-snippets.benifit-snippet-list .common-snippet .snippet-text ul li{ padding-left: 20px; margin-bottom: 5px; position: relative; } .common-animation-snippets.benifit-snippet-list .common-snippet .snippet-text ul li:after { position: absolute; content: ""; height: 7px; width: 7px; background: #5c677e; left: 0; border-radius: 50%; top: 9px; } .contact-map-box div#gmap_canvas { height: 384px; width: 573px; overflow:hidden; } .contactusfrm.contact-info-box { display: inline-block; vertical-align: middle; width: 437px; padding-right: 100px; } .contact-map-box { display: inline-block; vertical-align: middle; } .contact-section{ position: relative; padding: 50px 0; } .contact-section::after{ position: absolute; content: ""; background-color: #f4f7fc; height: 485px; width: 72%; left: 0; top: 0; } .contact-bg { z-index: 2; position: relative; } .contact-section .container{ position:relative; z-index:2; } .contact-title { color: #001e61; font-size:24px; font-weight: bold; margin: 0; padding-bottom: 30px; text-transform: capitalize; line-height: 20px; font-family: 'work sans',sans-serif; text-align: left; } span.icon-bullet-list { font-size: 14px; } .contactus-title { font-weight: bold; } .contactusfrm .box-container-left a:link, .contactusfrm .box-container-left a:visited { border-bottom: 1px solid; } .contactusfrm .box-container-left a:hover, .contactusfrm .box-container-left a:focus { border-bottom: 1px solid transparent; } .box-container-left > div { padding-bottom: 5px; } .box-container-left > div:last-child{ padding-top: 35px; } div#con-write-us { font-size: 42px; line-height: 45px; text-align: center; margin-top: 50px; padding-bottom: 25px; } .contact-form-wrap-inner{ max-width:970px; width:100%; margin:0 auto; } .commentlable { line-height: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; font-size: 12px; padding-bottom: 10px; /* text-shadow: 0 0 0 #7C9AC0; color: rgba(0,0,0,0);*/ color:#5177A9; } .asterisk { color: #5177A9; } .frmfieldset { margin-bottom: 3.5%; } .styled-select { position: relative; width: 97%; } .styled-select:after{ content: "\e900"; position: absolute; right: 12px; top: 12px; font-size: 12px; font-family: 'icomoon'; } .frmfieldset.frmfieldset-fullwidth { width: 100%; } button.button-link { color: #001e61; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; border: 1px solid transparent; padding-top: 17px; padding-bottom: 17px; padding-left: 32px; padding-right: 48px; transition: all 0.3s linear 0s; background-image: url(/images_noindex/button-arrow.png); background-repeat: no-repeat; background-position: right center; background-color: transparent; width: auto; float: left; margin: 12px 28px; } button.button-link:hover, button.button-link:focus { background-color: #e2e8f6; cursor:pointer; /* font-family: 'icomoon'; */ transition: all 0.3s linear 0.9s; } button.button-link::after, button.button-link::before, button.button-link span::after, button.button-link span::before { position: absolute; content: ""; background: #7c9ac0; width: 50px; height: 1px; bottom: 0; left: 0; right: 0; text-align: center; margin: 0 auto; /* font-family: 'icomoon'; */ transition: all 0.3s linear 0.9s; } button.button-link:hover::after, button.button-link:focus::after { /* opacity: 0; */ } button.button-link::before { width: 1px; height: 0; right: 0; left: inherit; bottom: 0; top: inherit; transition: all 0.3s linear 0.6s; } button.button-link:hover::after { width: 100%; transition: all 0.3s linear 0s; background-color: #001e61; } button.button-link:hover::before { height: 100%; background-color: #001e61; transition: all 0.3s linear 0.3s; } button.button-link span::before { height: 0; width: 1px; top: 0; left: 0; right: inherit; bottom: inherit; transition: all 0.3s linear 0s; } button.button-link span::after { right: 0; left: inherit; top: 0; width: 0; transition: all 0.3s linear 0.3s; } button.button-link:hover span::after { width: 100%; transition: all 0.3s linear 0.6s; background-color: #001e61; } button.button-link:hover span::before { height: 100%; transition: all 0.3s linear 0.9s; background-color: #001e61; } .google-captcha-code { float: left; width: 31%; } div#gdpr-rfp { width: 65%; float: left; text-align: left; font-size: 13px; line-height: 16px; } div#gdpr-rfp a span{ color: inherit !important; /*color: #001e61; */ } div#gdpr-rfp a:link, div#gdpr-rfp a:visited{ color: #001e61; font-weight:700; border-bottom:1px solid #001e61; } div#gdpr-rfp a:hover, div#gdpr-rfp a:focus{ border-bottom:1px solid transparent; } .contact-form { margin-bottom: 20px; } .contact-form .error-message{ color: #e20000; } .person-position { text-align: center; /* color:rgba(0,0,0,0); text-shadow: 0 0 0 #6a778a;*/ color: #6a778a;filter: opacity(1); font-size: 16px; height: 48px; /*overflow: hidden;*/ } h2.person-title { text-align: center; padding-bottom: 0; padding-top: 10px; } .team-snippet { width: 33.33%; float: left; margin-bottom: 65px; } .team-image img { width: 100%; object-fit: cover; object-position: center; border-radius: 50%; height: 300px; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .team-image { width: 300px; height: auto; margin: 0 auto; line-height: 0; } .team-snippet a:hover .team-image img, .team-snippet a:focus .team-image img{ box-shadow: -3px 8px 42px 2px rgba(35, 45, 68, 0.48); } .team-content-box { padding-top: 25px; } .team-person-more-info { display: none; } .mfp-inline-holder .mfp-content { width: 70% !important; margin: 0 auto; background-color: #fff; padding: 40px 0 40px 40px; box-sizing: border-box; } .team-pop-image-box { width: 300px; height: auto; line-height: 0; display: inline-block; vertical-align: top; } .team-pop-image-box img { width: 100%; object-fit: cover; object-position: center; border-radius: 50%; height: 300px; box-shadow: -3px 8px 42px 2px rgba(35, 45, 68, 0.48); } .team-pop-content { display: inline-block; vertical-align: top; width: 57%; padding-left: 70px; } .mfp-close-btn-in .mfp-close { color: #5c677e; background-color: transparent; text-indent: inherit; font-size: 40px; margin-right: 0; } button.mfp-close:hover, button.mfp-close:focus { color: #fff; } /* custom team page */ .team-snippet-grid { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0px -13px; position: relative; } .team-snippet-item { width: calc(100% / 5); padding: 13px; box-sizing: border-box; } .team-snippet-inner-box { padding-bottom: 20px; cursor: pointer; border-bottom:10px solid transparent; } .show-popup .team-snippet-inner-box { border-bottom:10px solid #001E61; } .team-snippet-item .team-image { width: 270px; height: 270px; background: #E2E8F6; max-width: 100%; } .team-snippet-grid .team-image img { border-radius: 0; height: 270px; } .team-snippet-grid .team-snippet-item:hover .team-image img { transform: translate(-10px, -10px); -webkit-transform: translate(-10px, -10px); } .team-snippet-item h2.person-title { padding-bottom: 0; padding-top: 0; font-size: 20px; line-height: 30px; } .team-snippet-item .person-position { color: #5C677E; font-size: 13px; height: 25px; } .team-snippet-popup{ display:none; } .team-snippet-popup { display: none; position: absolute; width: inherit; background: #fff; box-shadow: 0 0 30px #00000029; padding: 33px 42px; border-radius: 0 0 8px 8px; box-sizing: border-box; left: 13px; z-index: 200; right: 13px; } .team-snippet-inner.show-popup .team-snippet-popup { display: block; } .team-snippet-popup-inner { display: flex; justify-content: space-between; flex-wrap: wrap; } .team-content-info { width: 47%; font-size: 13px; } .team-content-info > p{ margin-bottom:15px } .other-team { width: 49%; text-align: center; } button.ot-popup-close { position: absolute; right: 0; top: 0; border: none; height: 50px; width: 50px; font-size: 24px; line-height: 50px; color: #001E61; background: #E2E8F6; cursor: pointer; } ul.moreinfo-accordion { border-top: 1px solid #D0D3DB; border-bottom: 1px solid #D0D3DB; padding: 17px 0px; margin-top: 20px; } .moreinfo-accordion .uk-accordion-content { display: none; padding-top: 15px; } .moreinfo-accordion.show .uk-accordion-content { display: block; } .moreinfo-accordion .uk-accordion-content ul { list-style: inherit; padding-left: 26px; margin: inherit; margin-bottom: 11px; } .moreinfo-accordion .uk-accordion-content ul li { list-style: initial; } .moreinfo-accordion a.uk-accordion-title { font-size: 18px; font-weight: bold; display: block; position: relative; color: #1A253F; } .moreinfo-accordion a.uk-accordion-title:hover, .moreinfo-accordion a.uk-accordion-title:focus{ color: #1A253F; } .moreinfo-accordion a.uk-accordion-title:after { content: ">"; position: absolute; right: 2px; font-weight: normal; font-size: 20px; font-family: monospace; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .moreinfo-accordion.show a.uk-accordion-title:after{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .ot-slider-items .slick-dots { bottom: -45px; } .ot-slider-items .slick-dots li { width: 13px; height: auto; } .ot-slider-items .slick-dots li button:before { line-height: 8px; position: absolute; top: 0; border: 2px solid #001E61; border-radius: 50%; left: 0; width: 8px; height: 8px; content: ''; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; box-sizing: border-box; -moz-osx-font-smoothing: grayscale; background:none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before{ background:#001E61; } @media only screen and (max-width:991px){ .team-snippet-item { width: 33.33%;} .team-content-info {width: 100%;} .other-team {width: 100%;margin-top: 60px;} } @media only screen and (max-width:539px){ .team-snippet-item { width: 50%;} } @media only screen and (max-width:479px){ .team-snippet-item { width: 100%;} .team-snippet-popup {padding: 42px 25px;} } .other-team h3 { font-size: 20px; font-weight: bold; margin-bottom: 30px; } .ot-slider-items { width: 100%; } .ot-item-inner { text-align: center; min-width: 150px; } .ot-item-inner img { width: 90px; height: 90px; border-radius: 50%; display: inline-block !important; } .ot-item-inner .ot-name { font-size: 12px; color: #5C677E; font-weight: bold; } .ot-role { font-size: 12px; color: #5C677E; line-height: 14px; } .conatact-btn a.button-link { letter-spacing: 0.5px; } .left-menu-sm-title { /*color: rgba(0,0,0,0); text-shadow: 0 0 0 #7c9ac0;*/ color: #7c9ac0; filter: opacity(1); font-size: 12px; text-transform: uppercase; text-align: left; position: relative; font-weight: bold; font-family: 'Work Sans', sans-serif; line-height: normal; padding-left: 69px; display: inline-block; overflow: hidden; letter-spacing: 3px; } .left-menu-sm-title:after { position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; } .all-service-left { width: 760px; float: left; background-color: #f4f7fc; padding-top: 60px; height: 100vh; position:sticky; top:70px; } .all-menu-right-section { float: left; width: 573px; padding-left: 80px; box-sizing: border-box; } .all-service-left-wrap { width: 388px; float: right; } .left-menu-tag { padding-top: 30px; } .left-menu-inner-tag a:link, .left-menu-inner-tag a:visited { color: #001e61; font-size: 14px; margin: 0; padding-bottom: 0; text-transform: uppercase; line-height: 30px; font-family: 'Work Sans', sans-serif; font-weight: 700; position: relative; width: 100%; display: block; transition: all .4s; -webkit-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .left-menu-inner-tag a:after{ position:absolute; content:""; right:0; top:0; background-color:#001e61; height:0; width:5px; transition: all .4s; -webkit-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .left-menu-inner-tag a:hover:after, .left-menu-inner-tag a:focus:after{ height:100%; } .all-menu-right-content .snippet-img-anim img { box-shadow: -3px 8px 42px 2px rgba(35, 45, 68, 0.48); width:100%; object-fit:cover; } .all-menu-right-content .snippet-text { width: 100%; padding-top: 30px; } .all-menu-right-inner { margin-bottom: 80px; } .all-service-data { margin-top: 50px; } .service-carrer .home-latest-news .home-latest-news-img{ line-height: 0; } .service-carrer { margin-top: 80px; } .portfolio-map-section { width: 100%; margin: 0 auto; } .portfolio-map-section #map { height: 650px !important; position:relative; } .map-left-info-block { box-shadow: -3px 8px 42px 2px rgba(35, 45, 68, 0.48); width: 250px; } .hotel-mapbox-info-section { position: absolute; bottom: 30px; right: 60px; } .hotel-img { width: 250px; height: 170px; } .hotel-img img { width: 100%; height: 100%; } .map-data-inner-section{ background-color:#fff; padding:15px; box-sizing:border-box; } .map-data-inner-section h4 { color: #2c5268; padding-bottom: 8px; } .hotel-address { color: #001e61; font-size: 14px; font-weight: bold; margin: 0; padding-bottom: 0px; text-transform: capitalize; line-height: 20px; font-family: 'centurygothic-bold', sans-serif; text-align: left; } .hotel-phone { color: #002c67; font-size: 14px; } .hotel-phone a:link, .hotel-phone a:visited{ border-bottom:1px solid transparent; color: #002c67; } .hotel-phone a:hover, .hotel-phone a:focus{ border-bottom:1px solid #002c67; color: #002c67; } .hotel-website { color: #001e61; font-size: 14px; font-weight: 700; margin-top: 15px; padding-bottom: 0; text-transform: capitalize; line-height: 20px; text-align: left; } .hotel-website a:link, .hotel-website a:visited{ border-bottom:1px solid #001e61; color:#001e61; } .hotel-website a:hover, .hotel-website a:focus{ border-bottom:1px solid transparent; color:#001e61; } .home-attaction-map .no-result { text-align: center; max-width: 350px; width: 100%; margin: 60px auto 30px auto; position: relative; } .no-result h2 { font-size: 35px; line-height: 40px; font-family: 'Vidaloka', serif; } .home-attaction-map .no-result-text{ font-size: 16px; line-height: 24px; font-family: 'Work Sans', sans-serif; font-weight: 400; color: #5c677e; } .without-image #contentinfo { padding-top: 70px; } .without-image #header { position: relative; /* color: transparent; text-shadow: 0 0 0 #7c9ac0;*/ color: #7c9ac0; filter: opacity(1); font-size: 12px; text-transform: uppercase; text-align: left; font-weight: 700; font-family: work sans,sans-serif; line-height: normal; padding-left: 69px; display: block; overflow: hidden; letter-spacing: 3px; top: 0; right: 0; left: 0; transform: inherit; max-width: 920px; width: 100%; margin: 0 auto; } .without-image #header:after{ position: absolute; content: ""; width: 50px; height: 4px; background: #7c9ac0; left: 0; top: 4px; } .without-image #container-wrap { padding: 40px 0; } .without-image #container { max-width: 1000px; width: 100%; margin: 0 auto; } .common-snippet-list ul li, .box ul li, .box2 ul li, .column21 ul li, .column22 ul li, .column31 ul li, .column32 ul li, .column33 ul li, .column41 ul li, .column42 ul li, .column43 ul li, .column44 ul li{ position:relative; padding-left: 25px; } .common-snippet-list ul li:after, .box ul li:after, .box2 ul li:after, .column21 ul li:after, .column22 ul li:after, .column31 ul li:after, .column32 ul li:after, .column33 ul li:after, .column41 ul li:after, .column42 ul li:after, .column43 ul li:after, .column44 ul li:after{ position:absolute; content:""; left:0; top: 9px; width: 7px; height: 7px; background-color:#5c677e; border-radius:50%; } .box2.sitemappadbottom { padding: 20px 0; } .without-image #content a:link, .without-image #content a:visited{ font-family: 'Work Sans', sans-serif; font-weight: 700; color: #001e61; border-bottom: 1px solid transparent; } .without-image #content a:hover, .without-image #content a:focus{ border-bottom: 1px solid #001e61; } .team-content-popup .team-person-more-info { display: block; } .here_marker svg { fill:#001e61; height: 20px; width: 20px; } .here_marker.active svg { fill:#001e61; height:40px; width: 40px; } circle.st0{ fill:#001e61; stroke:#fff; stroke-width:0; stroke-miterlimit:10; } .press-snippet .snippet-btns { margin-top: 20px; } a.press-more-content { font-family: 'Work Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #001e61; position: relative; border-bottom:1px solid transparent; } a.press-more-content:hover, a.press-more-content:focus{ border-bottom:1px solid #001e61; } a.press-more-content:after { content: "+"; background-color: #001e61; border-radius: 50%; position: absolute; right: -20px; height: 15px; width: 15px; font-size: 15px; line-height: 15px; top: 2px; text-align: center; color: #fff; font-weight: normal; padding-top: 1px; } a.press-more-content.read-active:after { content: "-"; padding: 0 0 0 1px; } .career-review-slider .slick-dots { left: 0; right: 0; bottom: -55px; text-align: left; position: relative; } .career-review-slider .slick-dots li { margin: 0 10px; display: inline-block; vertical-align: top; } .career-review-slider .slick-dots li button { width: 15px; height: 15px; } .career-review-slider .slick-dots li button { font-size: 50px; line-height: 15px; position: relative; top: 0; left: 0; width: 15px; height: 15px; opacity: 1; background: #7594BD; color: #fff; border-radius: 100%; padding: 0; border: 3px solid transparent; text-indent: -9999px; overflow: hidden; } .career-review-slider .slick-dots li.slick-active button { opacity: 1; background: transparent; border: 3px solid #001e61; color: #fff;filter: opacity(1); } .career-review-slider .slick-dots li button:hover, .career-review-slider .slick-dots li button:focus{ background: #001e61; cursor:pointer; } .left-menu-inner-tag.active a:after{ height:100%; } .all-menu-right-content .snp-btn { margin: 10px 0 30px 0; } .home-middle-image #home-middle-image .slick-initialized .slick-slide { line-height: 0; } .team-pop-content { max-height: 450px; } .press-snippet{ display:none; } .press-snippet.isselected{ display:block; } .history-year-list a:link { color: #001e61; font-family: 'Work Sans', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 18px; position: relative; } .history-year-list li { position: relative; margin: 0; padding: 0 20px 32px 20px; box-sizing: border-box; } .history-year-list li:after { position: absolute; content: ""; left: -45px; bottom: 18px; height: 1px; width: 100%; background-color: #5c677e; } .history-year-list li:last-child:after { width: 68%; } .history-year-list li a:before { content: ''; position: absolute; bottom: -22px; border-radius: 50%; background: #5c677e; height: 15px; width: 15px; left: 19px; } .history-year-list li.active a:before { height: 18px; width: 18px; bottom: -22px; background-color:#001e61; box-shadow:0px -1px 12px 2px rgba(35, 45, 68, 0.48); z-index: 2; } .year-title { font-size: 40px; line-height: 50px; font-family: 'Vidaloka', serif; color: #001e61; float: left; width: 20%; } .year-text-block { float: left; width: 65%; } .history-snippet { margin-top: 70px; max-width: 962px; margin-left: 190px; } .history-inner-section-data { position: relative; padding-top: 50px; height:440px; } .history-inner-section-data:before { content: ""; width: 80%; height: 482px; position: absolute; left: 0; top: 0; background-color: #f4f7fc; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transform-origin: left; } .team-snippet-list-section.founder-section { clear: both; padding-top: 40px; } .history-inner-section-data .container { position: relative; z-index: 2; } .community-page .common-animation-snippets .common-snippet.format1::before, .remington-initiatives-page .common-animation-snippets .common-snippet.format1::before{ height: 520px; } h2.section-title.text-center { font-size: 35px; line-height: 40px; padding-bottom: 70px; } .history-slider { padding-bottom: 80px; } .founder-section .team-snippet { width: 50%; } .not-found-page.inner-temp #container #content { max-width: 1170px; width: 100%; } .team-pop-content .person-position { text-align: center; color: #6a778a; font-size: 16px; height: auto; overflow: hidden; text-align: left; } .all-menu-right-inner iframe { width: 100%; box-shadow: -3px 8px 42px 2px rgba(35,45,68,.48); } .first-img-block iframe { width: 100%; } .more-culure-image { width: 50%; display: inline-block; vertical-align: middle; line-height:0; } .more-culure-image img { width: 100%; object-fit: cover; } .more-culture-content { width: 44%; display: inline-block; padding-left: 60px; /*padding-bottom: 310px; */ vertical-align: middle; } .more-culure-image img{ box-shadow: -3px 8px 42px 2px rgba(35, 45, 68, 0.48); } .haress-text-section { padding: 50px 100px 50px 100px; box-sizing: border-box; } .haress-text { float: left; width: 60%; } h2.hares-sec-title { float: left; width: 30%; padding-right: 70px; } .haress-text-section{ border-top: 1px solid #e2e8f6; } .snippet-section-culture { margin: 30px 0 100px 0; } .history-year-list .slick-prev:before { left: -30px; background-image: url(https://www.remingtonhospitality.com/resourcefiles/arrow-image-left-right/arrow-left.svg); background-repeat: no-repeat; background-size: cover; top: 17px; opacity: 1; position: absolute; content: ''; height: 15px; width: 15px; } .history-year-list .slick-next:before { right: -30px; background-image: url(https://www.remingtonhospitality.com/resourcefiles/arrow-image-left-right/arrow-right.svg); background-repeat: no-repeat; background-size: cover; top: 17px; opacity: 1; position: absolute; content: ''; height: 15px; width: 15px; } .history-year-list .slick-prev.slick-disabled:before, .history-year-list .slick-next.slick-disabled:before { opacity: 0; } #msCookieBanner { font-size: 15px !important; height: auto !important; width: 100% !important; bottom: 20px !important; max-width: 770px !important; margin: 0 auto !important; left: 0 !important; padding: 10px 20px 10px 20px !important; right: 0 !important; display: block !important; top: inherit !important; border: none !important; border-radius: 5px; font-family: 'Work Sans', sans-serif !important; background-color: #1a253f !important; } #msCookieBanner .left { width: 75% !important; display: block !important; text-align: left !important; text-transform: capitalize !important; float: left !important; line-height: 24px !important; padding-left: 0 !important; } #msCookieBanner .left span:first-child { font-weight: 600; display: block; } #msCookieBanner .left span:last-child { font-weight: 400; text-transform: none; } #msCookieBanner a { border-bottom: 1px solid !important; text-transform: capitalize; } #msCookieBanner a:hover, #msCookieBanner a:focus { border-bottom: 1px solid ; color: #99f8ff !important; } #msCookieBanner .right { width: 160px !important; display: block !important; text-align: left !important; float: right !important; font-weight: 700 !important; line-height: normal !important; margin-top: 5px; } #msCookieBanner .right button { padding: 10px !important; background-color: transparent !important; color: #000 !important; border: solid 1px transparent !important; cursor: pointer !important; font-size: 15px !important; color: #fff !important; transition: border 0.5s !important; text-transform: uppercase !important; font-weight: 700 !important; border-radius: 3px !important; width: 100% !important; } #msCookieBanner .right button:hover, #msCookieBanner .right button:focus { border: 1px solid #FFF !important; outline: none !important; } #wrapper .pushItDown { margin-top: 0 !important; } /*-------------------------*/ .portfolio3col .hotel-hover-snippet { width: 31%; max-height: 222px; } .portfolio3col .hotel-hover-image-block img { width: 100%; object-fit: cover; height: auto; } .portfolio3col .hotel-snp-content .snp-text { display: none; } .portfolio3col .hotel-snp-content h3.snp-title { font-size: 18px; letter-spacing: 0.03em; } .portfolio3col .hotel-hover-image-block:after { background: url(/resourcefiles/otherimages/portfolio-bg.png); background-repeat: repeat-x; background-size: inherit; height: 135px; background-position: 0 bottom; } /*.portfolio3col .hotel-snp-content { overflow-x: initial; bottom: 42px; overflow-x: initial; margin-top: 0; top: inherit; height: 0; }*/ .snptitlevisible { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 1; } .portfolio3col .hotel-snp-content { overflow-x: initial; margin: 0; padding: 20px; } .portfolio3col .snp-micro-data { position: absolute; bottom: 6px; } .portfolio3col .snp-micro-data { position: absolute; bottom: 0; } .snptitlevisible h3 { padding: 20px; color: #fff; font-weight: 700; font-family: "work sans", sans-serif; font-size: 18px; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; text-transform: none; } .hotel-hover-snippet:hover .snptitlevisible h3, .hotel-hover-snippet:focus-within .snptitlevisible h3 {display:none;} .colthree-filter .container { max-width: 1152px; } /*-------------------------*/ @media only screen and (max-width:767px) { #msCookieBanner .left { width: auto !important; float: none !important; } #msCookieBanner .right { float: none !important; } #msCookieBanner .right button { padding: 10px 0 !important; text-align: left !important; } #msCookieBanner .right button:hover, #msCookieBanner .right button:focus { border: 1px solid transparent !important; } } div#contactForm-captcha-message { text-align: left; } .career-page .home-careers-info-btn:hover a.button:after, .career-page .home-careers-info-btn:focus a.button:after{ width:100%; } .career-page .home-careers-info-btn a.button:after{ transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .er-contentbox-wrap .err:hover, .er-contentbox-wrap .err:focus{ color:#74abcc } #bredcumb-section a:link{ color: #ffffff; } #logo a:link, #logo a:visited { height: 65px; position: relative; } #logo a:before { content: ""; width: 3px; height: 93%; background-color: #0097A2; position: absolute; left: -21px; top: 0; z-index: 1; } #logo a:focus{ outline:1px solid; } .home-middle-image div#main { /*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.69) 41%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ /* background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.69) 41%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.69) 41%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ background-color: #1A253F; } .home-middle-image div#main.headerfix { /* background: #e2e8f6;*/ } .inner-temp .home-middle-image div#main.headerfix{ /* background: #e2e8f6;*/ } .home-case-study-box-desc-btn a.button-link::after, .home-case-study-box-desc-btn a.button-link::before, .home-case-study-box-desc-btn a.button-link span::after, .home-case-study-box-desc-btn a.button-link span::before { background: #fff; } .home-latest-news-img{ line-height:0; } .social-media span.icon-facebook1.icon-s { top: 2px; position: relative; } .scroll-down a:hover span, .scroll-down a:focus span{ color:#5c677e; } /*.inner-temp .home-middle-image div#main { box-shadow: none; background:none; }*/ .contact-page-data-section .inner-temp h1, .careers-page-section .inner-temp h1{ padding-bottom: 85px; } .hotel-hover-snippet:hover .hotel-hover-image-block:after{ height :0; } .hotel-hover-snippet:focus-within .hotel-hover-image-block:after{ height :0; } .case-studies-page-snippets .home-case-study-box-slide { margin-right: 2%; } .press-snippet-list .common-one-line-snippets .snippet-content h2.snippet-head { font-family: 'Work Sans', sans-serif; font-weight: 700; } .history-year-list li:focus{ outline:none; } #bredcumb-section { color: rgba(255,255,255,1); } .history-year-list .slick-next::after { background-image: url(/images_noindex/history-next-bg.png); content: " "; width: 44px; height: 163px; position: absolute; top: -50px; right: -38px; } .history-year-list .slick-prev::after { background-image: url(/images_noindex/history-prev-bg.png); content: " "; width: 44px; height: 163px; position: absolute; top: -50px; left: -38px; } .history-year-list .slick-arrow.slick-disabled::after { display: none; } .fadeinopacity1, .fadeinopacity2, .fadeinopacity3 { opacity: 0; } .press-snippet-content a:link, .press-snippet-content a:visited{ color:#001e61; font-weight: 700; border-bottom:1px solid transparent; } .press-snippet-content a.press-more-content:link, .press-snippet-content a.press-more-content:visited{ display: table; } .press-snippet-content a:hover, .press-snippet-content a:focus{ border-bottom:1px solid #001e61; } .inner-temp .main-small-img { overflow: hidden; position: relative; } /* .inner-temp .main-small-img:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 0; left: 0; } */ .close-block { font-family: 'Work Sans', sans-serif; font-size: 20px; position: absolute; right: 0; color: #fff; background-color: #001e61; padding: 4px 10px 6px 10px; line-height: 20px; } .close-block a:link, .close-block a:visited{ color: #fff; } .more-culure-image iframe{ width:100%; } .guide-page .right-snippet-section { float: none; width: 962px; margin: 0 auto; } .guide-page .right-snippet-section .culture-content-snippet { width: 50%; float: left; padding: 0 0 48.66px 0; box-sizing: border-box; } .guide-page .culture-content-snippet:nth-child(even) { padding: 0 0 48.66px 39.66px; } .history-year-list .slick-prev { left: -15px; } .history-year-list .slick-next { right: -15px; } .impacted-button { position: absolute; top: 140px; right: 20px; cursor: pointer; z-index: 3; } a#impactedbtn { display: block; } .impacted-icon { width: 58px; height: 58px; background-image: url(/images_noindex/bellicon.png); background-repeat: no-repeat; } .impacted-button a:hover .impacted-icon, .impacted-button a:focus .impacted-icon{ background-image: url(/images_noindex/bellicon-h.png); } .impacted-box { display: block; position: absolute; right: 20px; background: #e2e8f6; width: 308px; height: 70px; top: 130px; border-radius: 60px; z-index: 4; } .impacted-close { position: absolute; right: -13px; width: 30px; height: 30px; background: #16243d; border: 2px solid #fff; color: #fff; border-radius: 100%; text-align: center; font-size: 20px; line-height: 22px; box-sizing: border-box; top: 20px; cursor: pointer; } .impacted-box-inner { padding-left: 80px; } .impacted-icon2 { width: 58px; height: 58px; background-image: url(/images_noindex/bellicon-h.png); background-repeat: no-repeat; position: absolute; left: 8px; top: 6px; } .impacted-title { display: inline-block; line-height: 18px; font-size: 18px; color: #001e61; font-family: 'centurygothic-bold', sans-serif; padding-top: 7px; } .impacted-link a { background-image: url(/images_noindex/button-arrow.png); background-repeat: no-repeat; background-position: 89px center; font-size: 13px; padding-right: 18px; } a.impacted-button:link, a.impacted-button:visited{ display:table; } .inner-link a:link, .inner-link a:visited{ text-decoration:underline; } .inner-link a:hover, .inner-link a:focus{ text-decoration:none; } .no-decor a:link, .no-decor a:visited{ text-decoration:none; } .inner-link strong, .inner-link b{ font-weight:bold; } .faqlist li { padding-bottom: 30px; } .accord-content{ display:none; } .accord-head{ position:relative; padding: 0; } .accord-head a.acoordion { color: #001e61; padding: 25px 20px; border-bottom: 0px solid transparent; display: block; position: relative; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .accord-head a.acoordion:after { content: '+'; font-family: 'icomoon' !important; font-size: 44px; position: absolute; right: 20px; top: 20px; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .accord-head.active a.acoordion:after { transform: rotate(90deg); content: '|'; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; font-size: 28px; top: 28px; } .accord-head a.acoordion:hover, .accord-head a.acoordion:focus{ color: #001e61; background-color:#e2e8f6; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .accordian-inner-content-title { color: #001e61; font-size: 15px; font-weight: normal; margin: 0; padding-bottom: 10px; text-transform: capitalize; line-height: 15px; font-family: 'Work Sans', safns-serif; font-weight: 700; letter-spacing: 0.5px; } div.left { float: left; width: 24%; margin-right: 1%; position: relative; } .accordian-inner-desc { padding: 0 20px; box-sizing: border-box; } .accordian-inner-desc .box2 ul li{ font-size: 15px; } .col3-list div.left { width: 31%; margin-right: 2%; } .venue-snp-accord-box { border-bottom: 1px solid #d7dbe2; } .inner-temp-content .accordian-main-page-section:nth-child(1) .venue-snp-accord-box { border-top: 1px solid #d7dbe2; } .inner-temp-content .accordian-main-page-section:last-child .venue-snp-accord-box { border-bottom: 0 solid transparent; } .inner-temp-content { padding: 25px 0; } .corporate_image-section-inner img { width: 100%; object-fit: cover; object-position: center; position: relative; } .corporate_image-section-title { position: absolute; left: 8%; top: 47%; z-index: 3; color: rgba(0,0,0,0); text-shadow:0 0 0 #fff; font-size: 35px; font-weight: normal; margin: 0; padding-bottom: 15px; text-transform: capitalize; line-height: 40px; font-family: 'centurygothic-bold', sans-serif; } .corporate_image-section-inner img{ width:100%; object-fit:cover; object-position:center; position:relative; } .corporate_image-section-inner { line-height: 0; position: relative; } .corporate_image-section-inner:after { content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; } body .pb0{padding-bottom:0px; } #container-wrap2 .inner-temp-content .common-animation-snippets .common-snippet.format1::before{min-height:525px; height:auto; } @media only screen and (min-width:1025px) { .impacted-associates .right-snippet-section .culture-content-snippet{ width:50%; } } .case-studies-page .home-case-study-box { display: table; } .inner-temp #content .box2{ padding-bottom:14px; } #topnav ul li.companydropdown ul.dropnav { left: 25px; } .history-page-section .inner-temp-content { padding-top: 70px; } .career-page .home-careers-info-btn a.button-link { background-image: url(/images_noindex/button-arrow-white.png); } .career-page .home-careers-info-btn a.button-link { /* color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff;*/ color: #fff; filter: opacity(1); margin-left: -32px; font-size: 13px; letter-spacing: 2px; } .career-page .home-careers-info-btn a.button-link:hover, .career-page .home-careers-info-btn a.button-link:focus { background-image: url(/images_noindex/button-arrow.png); } .career-page .home-careers-info-btn a.button-link:hover, .career-page .home-careers-info-btn a.button-link:focus { color: #001e61; } .company-driver h2.snippet-head { padding-top: 20px; padding-bottom: 20px; } .snippet-content { display:table } .snippet-content-middle-wrap{ display:table-cell; vertical-align:middle; } .inner-temp-content:empty { display: none; } .sitemappadtop h1 { padding-bottom: 0; } .sitemappadbottom a:link, .sitemappadbottom a:visited{ border-bottom:1px solid transparent; } .sitemappadbottom a:focus, .sitemappadbottom a.sitemaplink:hover{ border-bottom:1px solid #74abcc; } .er-maindiv a:link, .er-maindiv a:visited{ border-bottom:1px solid transparent; } .er-maindiv a:focus, .er-maindiv a:hover{ border-bottom:1px solid #74abcc; } .headerfix #logo a:link, .headerfix #logo a:visited { height: 59px; } div#backtotop:hover, div#backtotop:focus { outline: none; } .history-year-list a:focus { border-bottom: 1px solid #001e61; } .career-page .home-careers-snippet:focus-within .home-careers-info { top: 0; margin-top: 0; background: rgba(25,34,56,.9); padding-top: 35px; height: 100%; } .home-careers-snippet:focus-within .home-careers-info-desc { opacity: 1; display: block; } .home-careers-snippet:focus-within .home-careers-info-desc { margin-top: 9px; } .home-careers-snippet:focus-within .home-careers-info-btn { opacity: 1; } body.zommLevel200 #nav { right: 200px; } body.zommLevel200 #main.headerfix #logo { width: 73px; left: 20px; top: 8px; } body.zommLevel200 .contactusfrm.contact-info-box { display: inline-block; vertical-align: middle; width: 280px; padding-right: 0; } body.zommLevel200 .container-left a:link, body.zommLevel200 .contactusfrm .box-container-left a:visited { border-bottom: 1px solid; font-size: 12px; } body.zommLevel200 .contact-form-wrap-inner { max-width: 970px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } body.zommLevel200 .all-menu-right-section { float: right; width: 520px; } body.zommLevel200 .culture-image-section .left-side-image { float: left; width: 44%; padding-right: 29px; padding-left: 32px; } .management-team-snippetcontentinner h1 { padding-bottom: 10px; } .teaminnerleft { float: left; width: 47%; text-align: center; padding-bottom: 6%; } .teaminnerleft:nth-child(odd) { float: right; } .teaminnerleft figure.image { border: solid 1px #d9d9d9; background: #f2f2f2; padding: 7px; } .teaminnerleft figure.image img{ width: 100%; height: auto; } .teaminnerleft figcaption { vertical-align: middle; display: table-cell; } .guid-principles-section { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; box-sizing: border-box; } .guid-principles-box { position: relative; display: inline-block; vertical-align: top; width: 65%; margin-bottom: 50px; } .guid-principles-box:nth-child(1) { width: 65%; } .guid-principles-box:nth-child(1), .guid-principles-box:nth-child(3), .guid-principles-box:nth-child(5), .guid-principles-box:nth-child(7), .guid-principles-box:nth-child(9) { margin-right: 60px; } .guid-principles-list { display: table; width: 127%; } .guid-principles-img { display: table-cell; vertical-align: middle; } .guid-principles-content { display: table-cell; vertical-align: middle; font-size: 14px; } .guid-principles-img { display: table-cell; vertical-align: middle; width: 50%; padding-right: 20px; } .guid-principles-img img { width: 85%; height: auto; } .guid-principles-content h2 { font-size: 34px; line-height: normal; padding-bottom: 5px; } .newlist li { list-style: disc; margin-left: 18px; font-size: 14px; } .home-ln-blocks-desc { word-break: break-word; } .teaminnerleft.otherteam-mates figure.image img { height: 275px !important; object-fit: cover; object-position: center; } #header.teamdetail-page {margin-bottom: 30px !important;} @media only screen and (max-width:1024px) { #header.teamdetail-page {margin-bottom: 30px !important; margin-top: 0px;} } @media only screen and (max-width:767px) { #header.teamdetail-page {margin-bottom: 30px !important; margin-top: 20px;} .col3-list div.left { width: 100%; margin-right: 0%; } } @media only screen and (min-width:1340px) and (max-width:1400px) { .inner-temp #middle .main-small-img, .inner-temp #middle .main-small-img img { height: 352px; } } .mcopybar { clear: both; color: #fff; padding-top: 20px; } /*--------------*/ .hotel-snippet-list { min-height: 647px; } /*----------------*/ .portfolio-casestudies { display: none; } body.pageScroll .portfolio-casestudies { display: block; } /*--------------*/ .hotel-mapbox-info-section { top: 138px; right: 0; } /*.map-data-inner-section h4 { padding-bottom: 5px; font-weight: 800; } .hotel-website { color: #001e61; font-size: 14px; font-weight: 700; margin-top: 4px; padding-bottom: 0; text-transform: capitalize; line-height: 20px; text-align: left; } .hotel-address { font-size: 13px; font-weight: normal; }*/ #mainimage { position: relative; z-index: 2; margin: 0 auto; max-height: calc(100vh - 100px); overflow: hidden; padding-top:91px; } #middle::after { content: " "; width: 100%; height: 120vh; position: absolute; background-image: url(/images_noindex/home-body-bg.png); left: 0; top: 0; z-index: 1; background-size: 100% 98vh; pointer-events: none; background-repeat: no-repeat; background-position: right top; } #middle.cms6::after { content: " "; width: 100%; height: 1356px; background-size: 1356px; } .contentinfo-home #container { padding: 32px 0 77px; } .home-middle-image .scroll-down { position: absolute; bottom: 0; width: 100px; left: 0; right: 0; margin: 0 auto; } .ot-slider-items .slick-track { margin: 0 auto; } .noteam .team-content-info { width: 100%; box-sizing: border-box; } .noteam .other-team { display: none; } div.aside-images-right div.aside-images-top { margin-top: 40px; } /*#mainimage .ms_cms_editbar { left: 50%; width:100%; height:100%; top: 50%; }*/ img#ms_cms_editbar_component_img { width: 100%; } .common-snippet .snippet-img-inner-animation { float: right; width: calc(100% - 597px); width: -webkit-calc(100% - 597px); width: -ms-calc(100% - 597px); width: -o-calc(100% - 597px); position: sticky; top: calc(10vh + 70px); top: -webkit-calc(10vh + 70px); top: -ms-calc(10vh + 70px); top: -o-calc(10vh + 70px); } .passion-lives { display: flex; } img.passion-logo { height: 123px; width: 350px; float: left; margin-bottom: 35px; margin-right: 10px; } img.passion-logo-founders { height: 370px; width: 360px; float: left; margin-bottom: 35px; margin-right: 10px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .common-snippet .snippet-img-inner-animation{ width: calc(100% - 400px); width: -webkit-calc(100% - 400px); } .common-snippet .snippet-content{width:400px;} .snippet-content h2.snippet-head{padding-bottom:20px;} } /*.common-animation-snippets li { list-style: disc; margin-left: 40px; }*/ #mainimage.mainimages-deskmob.cms6 .ms_cms_editbar { left: 50% !important; top: 50% !important; } /** Home Gallery **/ #home-events-gallery { padding: 100px 0px; background: #fff; display: table; clear: both; width: 100%; } #home-events-gallery .contentfocus { outline-color: #fff; } .home-events-gallery { padding: 0; } .home-gallery { padding: 0; position: relative; } .home-gallery .col1 .feed-img img, .home-gallery .col3 .feed-img img { height: 232px; object-fit: cover; width: 232px; object-position: center; } .home-gallery .feed-img { margin-right: 16px; position: relative; } .home-gallery .feed-img:before { position: absolute; content: "\e711"; font-family: 'milestoneretinadisplayicons' !important; font-size: 17px; color: #ffffff; bottom: 10px; left: 10px; z-index: 1; } .home-gallery .feed-img { overflow: hidden; } .home-gallery .feed-img img { transition: 0.3s all; } .home-gallery a.feed-block-hm:hover img, .home-gallery .feed-img a.feed-block-hm:hover focus { transform: scale(1.2); transition: 0.3s all; } .home-gallery .col1 { display: flex; flex-direction: row; margin-bottom: 7px; } .home-gallery .col1 .top-img .feed-img { margin-right: 7px; } .home-gallery .col1 .bottom-img .feed-img { margin-left: 7px; margin-right: 0; } .home-gallery .col2 .feed-img { margin: 0 16px 7px 0; } .home-gallery .col3 .top-img .feed-img:last-child { margin-right: 0; } .home-gallery .col3 { display: flex; flex-direction: column; } .home-gallery .top-img { display: flex; } .home-gallery .gallery-info { display: flex; height: 100%; justify-content: center; align-items: center; text-align: center; margin: 20px 0 0 0; } .home-gallery-inner { position: relative; z-index: 2; } .home-social .insta-follow-sec { font-size: 12px; color: #8E700B; line-height: 17px; display: flex; flex-direction: column; padding-bottom: 15px; } .home-social .insta-follow-sec a { color: #8E700B; } .home-social .insta-follow-sec a:hover, .home-social .insta-follow-sec a:focus { color: #8E700B; text-decoration: underline; } .home-social .insta-follow-sec span { color: #002341; } .home-social h2 { margin: 0 0 20px 0; font-size: 40px; line-height: 50px; color: #004078; } .container1240 { margin: 0px auto; padding: 0 20px; width: 100%; box-sizing: border-box; max-width: 1280px; } @media screen and (max-width: 1080px) { .home-gallery-inner > div:first-child, .home-gallery-inner > div:last-child { display: block !important; width: 100%; } .home-gallery .col1 .feed-img img, .home-gallery .col3 .feed-img img { height: 100%; width: 100%; } .home-gallery-inner > .uk-width:first-child > div { width: 49%; display: inline-block; } .home-gallery .col1 .top-img .feed-img { margin: 0 16px 7px 0; } .home-gallery .col1 .bottom-img .feed-img { margin: 0; } } @media (min-width: 1079px){ .home-gallery .col1 { flex-direction: column; } .home-gallery .col1 .top-img .feed-img { margin: 0 16px 7px 0; } .home-gallery .col1 .bottom-img .feed-img { margin: 9px 16px 0 0; } .social-block-3-image img { height: 100%; width: auto; object-fit: cover; min-height: 503px; } .home-gallery .col1 .feed-img img, .home-gallery .col3 .feed-img img { height: 240px; width: 240px; } } @media screen and (max-width: 767px) { .home-gallery-inner > .uk-width:first-child > div { width: 100%; } .home-gallery .col1 .top-img .feed-img { margin: 0; } } .social-lounge-page a:hover, .social-lounge-page a:focus, .social-lounge-page a:focus-within, #home-events-gallery .feed-img a:hover, #home-events-gallery .feed-img:focus, #home-events-gallery .feed-img:focus-within { border-bottom: 0 !important; text-decoration: none; } .social-lounge-page a, #home-events-gallery .feed-img { overflow: hidden; transition: 0.3s ease 0.3s all; } .social-lounge-page a img, #home-events-gallery .feed-img img { transition: 0.3s ease 0.3s all; } .social-lounge-page a:hover img, .social-lounge-page a:focus img, .social-lounge-page a:focus-within img, #home-events-gallery .feed-img a:hover img, #home-events-gallery .feed-img:focus img, #home-events-gallery .feed-img:focus-within img { transform: scale(1.1); } .social-lounge-page a img { min-height: 305px; width: 100%; object-fit: cover; object-position: center; } @media (min-width: 414px) and (max-width: 896px) { .img.passion-logo-founders { width: auto; height: 340px; } } .monty-video { position: relative; margin: 0 auto; padding: 70px; } @media only screen and (max-width: 932px) { .monty-video { padding: 0px; } } span.monty-video-1col { position: relative; right: 30px; } .snippet-img-anim.montyvids { display: flex; } @media only screen and (max-width: 932px) { .snippet-img-anim.montyvids { padding: 0px; display: contents; } span.monty-video-2col { position: relative; margin: 0 auto; } span.monty-video-1col { position: relative; margin: 0 auto; display: inherit; } span.monty-video-1col iframe { width: 100%; } span.monty-video-2col iframe { width: 100%; } } .hotel-snp-content span.ht-snp-website1 a:link, .hotel-snp-content span.ht-snp-website1 a:visited{ color: #fff; font-family: "work sans", sans-serif; font-weight: normal; border-bottom: 1px solid transparent; } .hotel-snp-content span.ht-snp-website1 a:hover, .hotel-snp-content span.ht-snp-website1 a:focus{ border-bottom: 1px solid #fff;} .hotel-snp-content span.ht-snp-offer a:link, .hotel-snp-content span.ht-snp-offer a:visited{ color: #fff; font-family: "work sans", sans-serif; font-weight: 700; border-bottom: 1px solid #fff; margin-left:20px; } .hotel-snp-content span.ht-snp-offer a:hover, .hotel-snp-content span.ht-snp-offer a:focus{border-bottom: 1px solid transparent;} .groupoffer-snip .hotel-hover-snippet .snp-micro-data { width: 88%; } .groupholidayoffer-filterbox #united-states-filter { padding-bottom: 0; } #mainimageholder-new .uk-slidenav { background-color: #0097a2; color: #fff; font-weight: 800; } .groupoffer-temp #mainimage.cms6 .ms_cms_editbar{display:none;} .press-snippet ul{padding-left: 20px; margin: 10px 0;} .press-snippet ul li{list-style: disc;} .page-studio-right-image-section .snippet-box .snippet-text p{padding-bottom: 15px} .page-studio-right-image-section .snippet-box .snippet-text p + p{padding-bottom:0} .inner-temp .pagestudio-container.overview-section-center{text-align: center;padding-top:80px} .inner-temp .pagestudio-container.overview-section-center .pagestudio-content{border-top: solid 1px rgb(92 103 126 / 40%)} .overview-section-center h2{font-weight: bold;padding:35px 0 35px} .slider-with-caption{overflow: hidden; padding: 40px 0 40px} .slider-with-caption .slider-with-caption-wrap .slider-inner{position: relative} .slider-with-caption .slider-with-caption-wrap .caption-box{ position: absolute; top: 50%; transform: translateY(-50%); right: 155px; max-width: 450px; } .slider-with-caption .slider-with-caption-wrap .caption-box .snippet-head{color:#FFF;padding-bottom:15px} .slider-with-caption .slider-with-caption-wrap .snippet-text{color:#FFF} .slider-with-caption .slider-with-caption-wrap .snippet-btns{margin-top: 35px} .slider-with-caption .slider-with-caption-wrap .snippet-btns a{color:#FFF} .slider-with-caption .slider-with-caption-wrap a.button-link::after{background: #ffffff;} .slider-with-caption .slider-with-caption-wrap a.button-link:hover:after{background: #001e61} .slider-with-caption .slick-prev{left: 25px} .slider-with-caption .slick-next{right: 25px} .slider-with-caption .slick-arrow{z-index: 1;border-radius: 100px;border: solid 1px #FFF;width: 40px;height: 40px} .slider-with-caption .slick-arrow:hover{color:#001e61;border: solid 1px #001e61} .slider-with-caption .slick-prev:before, .slider-with-caption .slick-next:before{ display: flex; align-items: center; justify-content: center; } .slider-with-caption .slick-arrow:hover:before{color:#001e61} .slider-with-caption a.button-link{background-image: url(https://www.remingtonhospitality.com/resourcefiles/otherimages/button-arrow-white.png);} .page-studio-right-image-section2 .common-snippet.format::before { content: ""; width: 1273px; height: 740px; position: absolute; left: 0; top: 0; background-color: #f4f7fc; transform: scaleX(0); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transform-origin: left; } .page-studio-right-image-section2 .common-snippet.format.in-view-top::before { transform: scaleX(1); } @media only screen and (max-width: 660px) { .slider-with-caption .slider-with-caption-wrap .caption-box{right: 65px;left:65px;} .slider-with-caption .slick-prev{left: 10px} .slider-with-caption .slick-next{right: 10px} .slider-with-caption .slick-slide img{height: 400px; width: auto; object-fit: cover;} } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgba(0,0,0,.9); opacity: 1.9; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button.mfp-close { overflow: visible; cursor: pointer; background: #001e61; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; opacity: 1; font-size: 40px; text-indent: -9999px; width: 40px; height: 40px; } button.mfp-close::after { content: ""; font-family: 'mimiconfont'; position: absolute; width: 40px; height: 40px; text-align: center; line-height: 40px; left: 0; top: 0; text-indent: 0; display: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } button.mfp-close:hover, button.mfp-close:focus { background-color: #001e61; } .mfp-close-btn-in .mfp-close { color: #5c677e; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: 0; text-align: center; padding-right: 0; /* width: 100%; */ text-indent: 0; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Styles for dialog window */ .zoom-anim-dialog { background: #ffffff; padding: 40px 0 0; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } .popup-header h2 {font-size: 22px;} .popup-text { font-size: 20px; } .popup-text3.box2 { padding: 5px 0 0; } #virtual-tout .iframe-data { line-height: 0; } .virtual-dropdown { position: absolute; right: 20px; top: 89px; width: 240px; overflow: hidden; border: 1px solid #d2d3d3; } .virtual-dropdown .icon-downArrow3 { position: absolute; right: 5px; top: 9px; pointer-events: none; } .virtual-dropdown .virtual-tour-select { width: 120%; border:0; } /*--- Offline css--- */ .offlinebtn { width: 170px; } /*.donotallowbtn a, .allowbtn a { background: #512a44; color: #fff !important; transition: .8s; font-size: 16px; display: inline-block; padding-top: 12px; padding-bottom: 12px; text-align: center; text-transform: uppercase; width: 100%; min-width: inherit; padding-left: 10px; padding-right: 10px; }*/ .offlinebtn { width: 170px; margin: 0 ; } /*--- Offline css--- */ /*---Pop Up css--- */ .allow-direction-box{ display: none; } .allow-direction-box.active-box { background-color: rgba(238, 238, 238, 0.9); display: block; position: fixed; width: 100%; height: 100%; z-index: 11; } .allow-direction-box.active-box > img { display: block; margin: 80px auto 0; text-align: center; } .notification-popup { border-bottom: 0; background: #1a253f; color: #ffffff; opacity: 0; position: fixed; right: -100%; bottom: 192px; overflow: hidden; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; visibility: hidden; z-index: 999; width: auto; } .notification-popup.newuser-active-it{ opacity: 1; background: #1a253f; visibility: visible; right:32px; width:auto; height: 220px; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; } .notification-inner { color: #fff; width: 465px; height: 110px; padding: 15px 70px 10px; box-sizing: border-box; margin-top: 20px; } span.icon-cancel.prompt-close { color: #fff; position: absolute; right: 10px; top: 10px; } .notification-popup .mim-icon-close.prompt-close { position: absolute; right: 7px; top: 7px; cursor: pointer; color: #242f2c; } .notification-popup .mim-icon-close.prompt-close:hover, .notification-popup .mim-icon-close.prompt-close:focus{ color: #bf3d16; } .alert-msg { max-width: 300px; line-height: normal; position: relative; line-height: 18px; } .alert-msg::before { /*background: url('/images/pwa/pushlogo.png') no-repeat scroll 0 0;*/ content: ""; cursor: default; height: 50px; left: -61px; position: absolute; top: 3px; width: 50px; } .allow-disallow-btn > div { width: 47%; float: left; margin: 0 5px; } .allow-disallow-btn .allowbtn{ float: right; text-align: center; } .allow-disallow-btn > div a.button:link, .allow-disallow-btn > div a.button:visited { border-radius: 0; width: 100%; } .allow-disallow-btn > div.donotallowbtn a.button:link, .allow-disallow-btn > div.donotallowbtn a.button:visited { border-radius: 0; width: 100%; padding: 0px 10px; height: 42px; line-height: 45px; } .allow-disallow-btn { display: block; margin: 10px auto 0; width: 77%; } .allow-disallow-btn::after { clear: both; content: " "; position: relative; } .icon-close.prompt-close { position: absolute; right: 10px; top: 10px; left: auto; background: url(/images_noindex/close-icon2.png); } .notification-checkbox { line-height: 17px; margin-top: 15px; } /* --- Pop Up css END --- */ /* Start: For notification popup Tablet */ .pwa-tablet .notification-popup { position: fixed; right: 0; top: 20%; z-index:11; left: 0; margin: 0 auto; width: 425px !important; } /* End: For notification popup */ /* --- mobile-css --- */ .pwa-mobile .notification-popup { top: 120px; width: 90%!important; left: 5%; } .pwa-mobile .notification-inner { width: 100%; height: auto; } .pwa-mobile .notification-popup.newuser-active-it { height: 195px; } .pwa-mobile .allow-disallow-btn>div { width: 46%; text-align: center; } .pwa-mobile .locator-checkbox{ margin-top: 8px; } .pwa-mobile .alert-msg{ font-size: 14px; } .donotallowbtn a.button-link{ padding-left: 25px; padding-right: 24px; background-position: 116% center; background-repeat: no-repeat; } .donotallowbtn a.button-link, .allowbtn a.button-link { color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; font-size: 13px; letter-spacing: 2px; background-image: url(/images_noindex/button-arrow-white.png); } .donotallowbtn a.button-link:after, .allowbtn a.button-link:after { background: #fff; } .donotallowbtn a.button-link:before, .allowbtn a.button-link:before { color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; } .donotallowbtn a.button-link:hover, .allowbtn a.button-link:hover { color: #001e61; background-image: url(/images_noindex/button-arrow.png); } .donotallowbtn a.button-link:hover:after, .allowbtn a.button-link:hover:after { background: #001e61; } /*ends here*/ @media only screen and (max-width: 767px){ .pwa-mobile .notification-inner { padding: 15px 25px 10px; } .allow-disallow-btn { width: 100%; } a.button-link span:after { display:none; } a.button-link span:before { display:none; } .donotallowbtn a.button-link { padding-left: 20px; } .donotallowbtn a.button-link, .allowbtn a.button-link { font-size: 12px; letter-spacing: 1px; } } /*========================== Header Start ===================*/ body { line-height: 24px; font-family: 'Work Sans', sans-serif; font-weight: 400; background-color: #ffffff; color: #5c677e; } #wrapper { margin: 0 auto; width: auto; background-color: #ffffff; padding: 0; } #main { position: fixed; top: 0; height: 91px; width: 100%; background: transparent; background-color: rgba(0,0,0,0); z-index: 10; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; left: 0; } #logo { width: 80px; z-index: 2; position: absolute; left: 90px; top: 15px; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; } #logo a:link, #logo a:visited { display: block; } #logo img { width: 100%; height: auto; position: relative; left: 0; top: 0; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; } #logo img.scroll-logo { opacity: 0; } .header-button { position: absolute; top: 18px; right: 81px; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; color:#000; } .header-button a:link, .header-button a:visited { width: 163px; height: 55px; line-height: 51px; display: block; text-align: center; box-sizing: border-box; color: rgba(0,0,0,0); text-shadow: 0 0 0 #fff; text-transform: uppercase; border: 2px solid #fff; font-size: 12px; font-family: 'Work Sans', sans-serif; font-weight: 700; letter-spacing: 1px; } .header-button a:hover, .header-button a:focus { background-color: #ffffff; color: #fff; } #nav { box-sizing: border-box; position: absolute; top: 0; right: 271px; line-height: 91px; } #nav #topnav { position: relative; } #nav ul::after { clear: both; content: " "; display: block; } #nav ul { list-style: none; } #nav ul li { float: left; font-size: 13px; font-family: 'Work Sans', safns-serif; margin: 0 0 0 18px; position: relative; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } #nav ul li:first-child { margin-left: 0; } #nav ul li a:link, #nav ul li a:visited { color: #fff; text-shadow: 0 0 0 #fff; display: block; position: relative; overflow: hidden; padding: 0 10px; letter-spacing: 1.5px; } #nav ul li a::after { content: " "; position: absolute; width: 100%; height: 4px; bottom: 20px; left: 0; background-color: #ffffff; opacity: 0; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } #nav ul li a.navON::after, #nav ul li a:hover::after, #nav ul li a:focus::after, #nav ul li.navhover a::after, #nav ul li.navhover a.navON::after { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } #nav ul li ul.dropnav { position: absolute; background-color: #f4f7fc; width:280px; margin-left: -142px; left: 50%; top: 80px; padding: 22px 36px !important; box-sizing: border-box; height: auto !important } #nav ul li ul.companydropdown.dropnav{ width:375px; margin-left: -170px; } #nav ul li ul.dropnav li { margin: 0; line-height: 35px; float: none; font-size: 14px; letter-spacing: 1.5px; } #nav ul li.wedings ul.dropnav { width: 220px; margin-left: -110px; } #nav ul li ul.dropnav li a:link, #nav ul li ul.dropnav li a:visited { color: #001e61; padding: 0; position: relative; } #nav ul li ul.dropnav li a::after { display: none; } #nav ul li ul.dropnav li a:hover, #nav ul li ul.dropnav li a:focus { /*padding-left: 15px;*/ text-decoration: underline; } #nav ul li ul.dropnav li a.navON:link, #nav ul li ul.dropnav li a.navON:visited { text-decoration: underline; } #main.headerfix { height: 70px; background-color: #1A253F; } #main.headerfix #logo { width: 73px; left: 93px; top: 8px; } #main.headerfix #nav { line-height: 70px; } #main.headerfix #logo img.main-logo { opacity:1; } #main.headerfix #logo img.scroll-logo { opacity: 1; } #main.headerfix #nav ul li a:link, #main.headerfix #nav ul li a:visited { /*color: #001e61;*/ text-shadow: 0 0 0 #001e61; } #main.headerfix #nav ul li a::after { background-color: #001e61; } #main.headerfix #nav ul li ul.dropnav { top: 59px; } #main.headerfix .header-button { top: 0; right: 0; color: #000; } #main.headerfix .header-button a:link, #main.headerfix .header-button a:visited { width: 184px; height: 70px; line-height: 66px; border: 2px solid transparent; background-color: #1a253f; color: #ffffff; text-shadow: 0 0 0 #fff; } #main.headerfix .header-button a:hover, #main.headerfix .header-button a:focus { background-color: #ffffff; color:rgba(0,0,0,0); text-shadow:0 0 0 #fff; } /*========================== Header End ===================*/ /*--------------New header ---------*/ .newheader .header-button a:link, .newheader .header-button a:visited{ border-color:#0097a2; background-color: #0097a2; /*text-shadow: 0 0 0 #fff; color:transparent;*/ color:#fff;filter: opacity(1); } .home-middle-image div#main.headerfix.newheader { background: #1A253F; } #main.headerfix.newheader #nav ul li a:link, #main.headerfix #main.headerfix.newheader #nav ul li a:visited { color: #fff; text-shadow: 0 0 0 #fff; } .newheader .header-button a:hover, .newheader .header-button a:focus { opacity: 0.8; border-color: #0097a2; background-color: #0097a2; text-shadow: 0 0 0 #fff; color: transparent; } #main.headerfix.newheader .header-button a:link, #main.headerfix.newheader .header-button a:visited { border-color:#0097a2; background-color: #0097a2; /* text-shadow: 0 0 0 #fff; color: transparent;*/ color: #fff; filter: opacity(1); opacity: 1; } #main.headerfix.newheader .header-button a:hover, #main.headerfix.newheader .header-button a:focus { border-color:#0097a2; background-color: #0097a2; text-shadow: 0 0 0 #fff; opacity: .8; } #main.headerfix #nav ul li.submenulist ul li a:link, #main.headerfix #main.headerfix #nav ul li.submenulist ul li a:visited { color: #001e61; text-shadow: 0 0 0 #001e61; } #main.headerfix.newheader #nav ul li a::after { background-color: #fff; } @media(max-width: 1024px){ #nav ul li ul.dropnav{ padding: 10px 0 0 20px !important; } } /*========================== Footer Start ===================*/ div#contentinfo:After { clear: both; display: block; content: ""; } #note footer { max-width: 1170px; margin: 0 auto; width: 100%; box-sizing: border-box; padding-bottom:60px; padding-top: 25px; } .footer-logo { width: 33.34%; float: left; box-sizing: border-box; margin-right: 107px; position: relative; top: 10px; } div#bredcumb-section { margin-bottom: 50px; font-size: 14px; margin-left:56px; } .footer-address-wrap { float: left; width: 41%; box-sizing: border-box; margin-right: 130px; font-weight: 400; } .footer-copy-right-wrap { float: left; color:#fff; font-size: 14px; font-weight: 400; } #note { border-top: none; position: relative; background-color: #1a253f; } .footer-warp { max-width: 1170px; margin: 0 auto; padding: 90px 20px; position: relative; } .googleaddress.footer-box.googleaddress2 { margin: 0; } .footer-copy-right-link { width: 38%; float: left; } .information.footer-box ul li a:hover, .information.footer-box ul li a:focus, .information.footer-box ul li a.navON:link, .information.footer-box ul li a.navON:visited { border-bottom: 1px solid #fff; } .subscribe-box.footer-box { float: right; } footer a.nav:link, footer a.nav:visited, footer a:link, footer a:visited { color: #fff; border-bottom: 1px solid transparent; } footer a.navON:link, footer a.navON:visited, footer a.navON:hover, footer a.navON:focus, footer a.nav:hover, footer a.nav:focus, footer a:hover, footer a:focus { border-bottom: 1px solid #7c9ac0; } footer .social-media a:link, footer .social-media a:visited, footer .social-media a:hover, footer .social-media a:focus { border-bottom: 0 dashed #ffffff !important; } footer .social-media a:hover, footer .social-media a:focus { color: #000; } .htl-addr .mim-icon-placeholder { position: absolute; font-size: 16px; color: #4d4425; left: 0; top: 4px; } .htl-addr { width: 222px; position: relative; padding-left: 30px; padding-bottom: 23px; } .phone-wrap { position: relative; padding-left: 30px; } .phone-wrap .mim-icon-phone-call { position: absolute; left: 0; top: 4px; } .footer-info-title-reserv { font-family: 'WorkSans-Bold'; } .social-media { display: inline-block; vertical-align: middle; } .sub-social { padding-left: 30px; font-family: 'WorkSans-Bold'; padding-top: 23px; } .social-media ul li { display: inline-block; font-size: 20px; line-height: normal; margin: 0 9px 0 0; border: 0; padding: 0 } .social-media ul, .popular-links ul { text-align: center; } .subscribe-btn a:link, .subscribe-btn a:visited { color: #fff; font-size: 18px; font-family: 'Ubuntu-Italic'; border-bottom: 1px solid transparent; position: relative; margin-right: 57px; } .subscribe-btn a:hover, .subscribe-btn a:focus { border-bottom: 1px solid #ffffff; } .subscribe-btn a::after { content: ""; font-family: 'mimiconfont'; font-size: 42px; vertical-align: middle; margin-left: 15px; position: absolute; right: -57px; } .footer-information { float: left; } .footer-warp::after { clear: both; content: " "; display: block; } .footer-link { /*float: right; width: 50%; padding-top: 0; position: relative; top: -22px;*/ } #note footer:after { clear: both; display: block; content: ""; } .footer-link ul { /*width: 365px; float: right;*/ } .popular-links ul li { display: inline-block; padding: 0 7px 0 6px; font-size: 14px; position: relative; } .popular-links ul li::after { content: " "; width: 1px; height: 14px; background-color: #868171; position: absolute; right: 0; top: 7px; } .popular-links ul li:last-child { padding-right: 0; } .popular-links ul li:last-child::after { display: none; } footer .popular-links ul li a:link, footer .popular-links ul li a:visited { border-bottom: 1px solid #4d4425; } footer .popular-links ul li a.navON:link, footer .popular-links ul li a.navON:visited, footer .popular-links ul li a:hover, footer .popular-links ul li a:focus { border-bottom: 1px solid transparent; } .popular-links.footer-box { padding-top: 47px; text-align: right; padding-bottom: 6px; } .copy-statement { text-align: right; font-size: 14px; } .google-address { line-height: 28px; color: #ffffff; } .google-link { line-height: 30.5px; } .footer-contact-links ul li { display: inline-block; padding-right:11.5px; padding-left: 0; } .footer-contact-links ul li a{ position:relative; } .footer-contact-links ul li a:before { position: absolute; content: ""; width: 1px; height: 14px; right: -13px; background: #fff; top: 2px; } .footer-contact-links ul li:nth-child(2) { padding-left: 13px; padding-right: 0; } .footer-contact-links ul li:nth-child(2) a:before { display: none; } .footer-contact-links { padding-bottom: 33px; } .footer-link ul li:first-child { padding-left: 0; } .footer-link ul li { display: inline-block; padding-left: 12px; padding-right: 12px; } .footer-link ul li a { padding-left: 0; padding-right: 0; } .footer-link ul li:last-child { padding-right: 0; } .footer-link ul li a { font-size: 14px; font-weight: 400; position: relative; } .footer-link ul li a:after { background: #fff; position: absolute; content: ""; width: 1px; height: 13px; top: 3px; right: -12px; } .footer-link ul li:last-child a:after { opacity: 0; } .footer-copy-right-reserv { line-height: 34px; } a.b { position: relative; bottom: 46px; left: 101px; } /*========================== Footer End ===================*/ #note footer:before { content: ""; background-color: #0097A2; width: 103px; height: 100%; position: absolute; left: 6%; top: 0; } .footer-rcol { float: right; width: 56%; box-sizing: border-box; } .social-media-wrap li { display: inline-block; } .social-media-wrap { padding: 20px 0; } .footer-logo-wrap { margin-left: 50px; } @media only screen and (max-width:1024px) { .footer-logo-wrap img { width: 99%; } .footer-address-wrap { margin-right: 0; }} @media only screen and (max-width:1800px) { #middle{ padding:0 } .inner-temp #middle{ padding:0 30px; } } @media only screen and (max-width:1650px) { .home-latest-news.home-latest-news-info-main .home-latest-news-info{ padding: 0 20px 0 0; } div#mainimageslideshow img { width: 100%; height: auto; vertical-align: top; } .home-latest-news-info{ padding-right: 0; padding-left: 60px; } .home-latest-news-btn.home-latest-news-btn-two { margin-right: 0; float:right; } .home-latest-news-btn { margin-right: 0; } .home-latest-news.home-latest-news-right .home-latest-news-title h2 { font-size: 36px; line-height:40px; } .home-case-study-box-title h2 { font-size: 19px; line-height: 25px; } } @media only screen and (max-width:1550px) { .history-year-list .slick-prev::after { left: 14px; } .history-year-list .slick-next::after{ right: 14px; } .careers-page-section #container-wrap2:after { width: 100%; } .home-latest-news.home-latest-news-info-main .home-latest-news-info, .home-latest-news.home-latest-news-info-main .home-latest-news-img{ width:50%; } .history-slider:before { width: 990px; } .history-inner-section-data:before { width: 100%; } .all-service-left { width: 35%; } .common-animation-snippets .common-snippet.format1:before { width: 990px; } .home-latest-news.home-latest-news-info-main .home-latest-news-info{ padding:0 90px; } .inner-temp h1 { font-size: 35px; line-height: 40px; } h2{ font-size: 25px; line-height: 30px; } #nav ul li { margin: 0 0 0 5px; } .overview-content a.button-link { /* float: left; position: absolute; bottom: 13%; left: 14px;*/ margin-left:0; } .home-latest-news.home-latest-news-right .home-latest-news-wrap,#note footer,.home-our-portfolio-wrap,.contentinfo-home #container{ padding-left: 15px; padding-right: 15px; } .home-case-study-box-wrap{ box-sizing:border-box; padding-left: 15px; padding-right: 15px; } #breadcrumb{ line-height:20px; } } @media only screen and (max-width:1300px) { div#bredcumb-section { margin-left: 13%; } #note footer:before { left: 0; } .footer-logo { margin-right: 0; margin-left: 60px; } .home-latest-news-date-link a.button-link { font-size: 13px; } } @media only screen and (max-width:1280px) { .culture-snippet-section .right-snippet-section { float: left; width: 100%; } #backtotop { margin-top: -100px; } .right-details { margin-top: -20px; } .left-details { padding-right: 10px; } body.withoutimage #container { padding: 97px 20px 30px 20px; max-width: 100%; width: 100%; } .right-snippet-section { float: left; width: 63%; } .right-snippet-section .culture-content-snippet { width: 45%; float: left; padding: 0 15px 48.66px 15px; } .culture-content-snippet h2 { font-size: 23px; line-height: 30px; } .more-culture-content { width: 44%; display: inline-block; padding-left: 30px; vertical-align: middle; } .culture-image-section .left-side-image { float: left; width: 50%; padding-right: 29px; padding-left: 32px; } .career-page .home-careers-box { padding-bottom: 25px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .home-careers-snippet { width: 31.52%; } .all-service-left-wrap { width: 300px; float: right; } .all-service-left { width: 41%; } #header { text-align: center; font-size: 40px; width: 100%; } .all-menu-right-section { padding-left: 40px; } .snippet-box { max-width: 100%; margin: 0 auto; position: relative; z-index: 2; padding: 0 30px; box-sizing: border-box; } .common-animation-snippets .common-snippet.format1 .snippet-box { padding: 60px 30px 0 30px; } .common-animation-snippets .common-snippet.format1:before { width: 800px; } .common-one-line-snippets .common-snippet .snippet-content { width: 500px; padding: 0 0 0 40px; } .common-one-line-snippets .snippet-btns { margin-top: 20px; } .team-pop-content { width: 44%; padding-left: 30px; max-height: 450px; padding-right: 1%; } .case-studies-page-snippets .home-case-study-box-slide { width: 31.60%; } .filter-block select#brandselector { width: 74%; } .filter-block select#stateselector { width: 54%; } .filter-block { width: 36%; } .filter-block.last-blck { width: 29%; } } @media only screen and (max-width:1170px) { .inner-temp #middle{ padding:0; } #logo { left: 35px; } #backtotop{ margin-top:0; } .home-reviews-content:before{ /* left:0;*/ } .home-reviews-content:after{ /*right:14%;*/ } #nav{ right: 261px; } .innerpage #main.headerfix #logo{ top:13px; } #container, footer, header { width: 100%; min-width: 100%; box-sizing: border-box; } .image-caption{ bottom: 54%; font-size: 65px; line-height: 63px; } .overview-content a.button-link{ bottom: 5%; } #nav ul li a:link, #nav ul li a:visited{ padding:0 3px; font-size: 11px; } #logo img{ width:79%; } .home-our-portfolio-numbers { right: 10%; } .home-sm-title { font-size: 130px; } #nav ul li{ /*margin: 0 0 0 9px;*/ } .footer-contact-links ul li a { font-size: 14px; } .innerpage .sm-slideshow-holder{ margin: 0 0 20px 20px; } } @media only screen and (max-width: 1024px) and (min-width: 1020px) { #nav { right: 242px; } .header-button { right: 40px; } #main.headerfix #logo { left: 35px; top: 11px; } .home-latest-news.home-latest-news-info-main .home-latest-news-info { padding: 0 40px; } .home-careers-img img { width: 110%; object-fit: cover; object-position: center; position: relative; } .contactusfrm.contact-info-box { display: inline-block; vertical-align: middle; width: 365px; padding-right: 20px; } .development-page-main-section .common-snippet .snippet-img-inner-animation img { object-fit: contain; background: #fff; } } @media only screen and (max-width: 768px) and (min-width: 710px){ #msCookieBanner { bottom: 20px !important; font-size: 15px !important; max-width: 80% !important; width: 100% !important; } .home-careers-img img{ width: 112%; } .contentinfo-home h1{ color: #ffffff; } } @media only screen and (max-width: 709px) and (min-width: 320px){ .home-careers-img img{ width: 112%; } } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; /*cursor: hand;*/ } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; } .spbxslider{ margin:0; } .bx-wrapper img { display: block; } /** THEME ===================================*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; top: 0; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 0px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: #fff; border: 1px solid #fff; border-radius: 100px; display: block; height: 11px; margin: 0 6px 0 0; outline: 0 none; text-indent: -9999px; width: 11px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #7f7f7e; border:#7f7f7e solid 1px; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { background-image: url("/images_noindex/sprite.png"); background-position: 5px -229px; background-repeat: no-repeat; left: -30px; } .bx-wrapper .bx-next { background-image: url("/images_noindex/sprite.png"); background-position: -24px -229px; background-repeat: no-repeat; right: -30px; } .bx-wrapper .bx-prev:hover { opacity: 0.9; } .bx-wrapper .bx-next:hover { opacity: 0.9; } .bx-wrapper .bx-controls-direction a { height: 34px; margin-top: 0; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; width: 28px; z-index: 9999; margin-top:-17px; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /*---Common Form Css---*/ .formbox{ padding:15px 0px; } .formboxmain { margin: 0 auto; position: relative; width: 884px; } .frmbdrmid { background-image: url("/images_noindex/bdrmidbg.png"); background-repeat: repeat-y; background-size: 100% auto; color: #ffffff; margin: 0 auto; padding: 0; } .frminnercon { padding: 0 60px 20px; } .frmbdrtop, .frmbdrbot { background-image: url("/images_noindex/bdrtbbg.png"); background-repeat: repeat-x; height: 15px; margin: 0 auto; width: 850px; } .frmbdrmid .asterisk { color: #fff; } .frminnercon a:link, .frminnercon a:visited { color: #ffffff; } .frminnercon a:hover{color:#000;} .commentinput { margin-bottom: 8px; } .continputbox{ width: 92.6%; } .commentcoderow { text-align: center; } .commentwrap { display: table; margin: 0 auto; } .commentcodecol1, .commentcodecol2, .commentcodecol3, .commentcodecol4, .commentcodecol5, .commentcodecol6 { float: left; height: auto; line-height: normal; margin-right: 10px; width: 58%; } .commentcodecol3 { width: 141px; } .commentcodecol3 input { width: 88%; } .commentcodecol6 {margin-right: 0;} .commentcodecol5 .button { width: 120px; } .commentcodecol4 img { margin-top: 4px; } .imgrefresh { display: inline-block; height: 32px; padding-left: 5px; vertical-align: top; } .ratereviewstarsholder { padding-bottom: 10px; padding-top: 6px; } /*---Common Form Css---*/ /*---Freshness Css---*/ .commentcol1 { float: left; width: 68%; } .commentcol2 { float: right; width: 32%; } .frmfieldset { float: left; width: 48%; margin-right: 2%; } .frmfieldset-right { float: right; margin-right: 0; width: 100%; } .frmfieldset.frmfieldset-fullwidth { width: 100%; } .commentinput textarea { background-position: 98% 5%; height: 50px; width: 97%; } /*---Freshness form Css---*/ /*---Email form Css---*/ #email1{ width:504px; margin: 0 auto; } .email-frmfieldset { float: left; margin-right: 2%; width: 32%; } .email-frmfieldset-right { float: right; margin-right: 0; width: 32%; } .emailforminputbox { width: 92.6%; } .emailformdropdown { width: 120%; } .emailformtextarea { height: 70px; margin-bottom: 20px; width: 97.6%; } /*---Email form Css---*/ /*---Quick RFP form Css---*/ .quickrfpbox { margin: 0 auto; } .quickrfp-frmfieldset { float: left; margin-right: 2%; width: 32%; } .quickrfp-frmfieldset .quickrfp-frmfieldset { float: left; width: 48%; } .quickrfp-frmfieldset .quickrfp-frmfieldset-right { float: right; width: 48%; margin-right:0px; } .quickrfp-frmfieldset-right { float: right; width: 32%; margin-right: 0%; } .quickrfpforminputbox { width: 97%; } .rfpformsdate, .rfpforminputbox.hasDatepicker { background-image: url("/images_noindex/sprite.png"); background-position: right -208px; background-repeat: no-repeat; } .quickrfp-frmfieldset #imgcode { width: 30%; } .quickrfp-frmfieldset.quicksubmit { padding-top: 17px; width: 48%; } .quickrfp-frmfieldset-right.quickasterisk { padding-top: 26px; width: 46%; } .quickrfp-frmfieldset .rfpformsdate { width: 85%;} /*---Quick RFP form Css---*/ /*---RFP form Css---*/ .rfp-frmfieldset { float: left; width: 32%; margin-right:2%; } .rfp-frmfieldset-right { float: right; width: 32%; margin-right:0px; } .rfpforminputbox { width: 97%; } .rfpformdropdown { width: 120%; } .rfpformtextarea { height: 60px; margin-bottom: 20px; width: 97.6%; } .rfp-frmfieldset-inner-left { float: left; width: 48%; } .rfp-frmfieldset-inner-right { float: right; width: 48%; } .rfp-frmfieldset-inner-left .rfpforminputbox, .rfp-frmfieldset-inner-right .rfpforminputbox { width: 85%; } /*---RFP form Css---*/ /*---Common Snippet Class---*/ .email-offer-title, .quick-rfp-title, .rfp-title, .guest-review-title, .section_reviews .common-title, .write-comment-title, .direction-title { color: #1f1f1f; font-family: 'cinzelregular'; font-size: 25px; line-height: normal; margin: 0; padding: 10px 0 20px; text-align: left; text-transform: uppercase; } /*---Common Snippet Class---*/ /*---Contact us page Class---*/ .contactusfrm { margin-top: 0px; padding-left: 0; } .box-container-left { text-align: left; width: 100%; } .pipe1 { display:none; } .box-container-right { padding: 21px 0 0; width: 100%; } .contact-frm-block { float: left; margin-right: 10px; } .contact-frm-block.lastblock { margin: 0; } .contactus-number, .contactus-id { padding-left: 10px; } .contact-frm-btn { display: table; margin: 0 auto; padding: 30px 0 0; } .contact-frm-btn .button { width: 130px; } .contactus-phone, .contactus-fax, .contactus-email { display: block; } .contactus-number, .contactus-id { display: inline-block; } /*---Contact us page Class End---*/ /*---Review Cmt box---*/ .write-review-button-block { float: right; } #reviews-box { display: none; } #review-wite-btn { display: inline-block; } .reviewcontent.reviewbor { text-align: center; } .page-reviews { background-image: url("/images_noindex/headerbdr.png"); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 25px; padding-bottom: 25px; } .reviewBody{ padding: 19px 0 18px;} .rviewpagestar .classification1 { height: 17px; } .reviewtitle_name { display: block; font-size: 20px; padding-bottom: 12px; } .rviewpagestardate{ display: table; margin: 0 auto; } .rviewpagestar { float: left; padding: 0 5px 0 0; } .rviewpagedate { float: right; } .reviewauthor { font-family: 'open_sanssemibold'; color: #000; } /*---Review Cmt box End---*/ /*-------------- Services page snippet---------------*/ .services-format { margin: 0 2% 2% 0; position: relative; width: 32%; float:left; } .services-format3, .services-format6, .services-format9, .services-format12{ margin-right:0px; } .servicessnippetimg { float: left; height: auto; width: 100%; } .servicessnippetimg img { height: auto; width: 100%; } .servicessnippetimg a:hover img{ opacity:.85; } .servicessnippetcontent { width: 100%; float:left; } .servicessnippetcontentinner { margin: 0px auto 0; padding: 20px 0px 0; width: 100%; } .servicessnippetcontentinner h2 { font-size: 19px; line-height: 22px; padding-bottom: 15px; text-transform: inherit; } .servicessnippetdesc { padding: 0 0 20px; } .roomsrate { color: #000000; font-size: 16px; } .rbnbtn { margin: 20px 0 0; } .snippet-holder { margin-top: 0px; } .rbnbtn .button { width: 175px; } /*-------------- Guiding Principles Format -----------------*/ .guiding-principles-format { margin: 0 2% 2% 0; position: relative; width: 18.4%; float:left; } .guiding-principles-format5, guiding-principles-format10{ margin-right:0px; } .guiding-principles-snippetimg { float: left; height: auto; width: 100%; } .guiding-principles-snippetimg img { height: auto; width: 100%; } .guiding-principles-snippetcontent { width: 100%; float:left; } .guiding-principles-snippetcontentinner { margin: 0px auto 0; padding: 20px 0px 0; width: 100%; } .guiding-principles-snippetcontentinner h2 { font-size: 19px; line-height: 22px; padding-bottom: 15px; text-transform: capitalize; } .guiding-principles-snippetdesc { padding: 0 0 20px; } /*#topnav li.properties { border-bottom: 1px solid; }*/ /*-------------- Company Driver Snippet--------------*/ .company-driver-format { margin: 0 2% 2% 0; position: relative; width: 32%; float:left; } .company-driver-format3, .company-driver-format6, .company-driver-format9, .company-driver-format12{ margin-right:0px; } .company-driver-snippetimg { float: left; height: auto; width: 100%; } .company-driver-format4{margin-left:16%;} .company-driver-snippetimg img { height: auto; width: 100%; } .company-driver-snippetcontent { width: 100%; float:left; } .company-driver-snippetcontentinner { margin: 0px auto 0; padding: 15px 0px 0; width: 100%; } .company-driver-snippetcontentinner h2 { font-size: 19px; line-height: 22px; padding-bottom: 10px; text-transform: capitalize; } .company-driver-snippetdesc { padding: 0 0 20px; } /*--------------------- Smallimage Slide show ----------------------*/ .sm-slideshow-holder { float: right; height: 370px; width: 472px; margin:0 0 20px 20px; } .smallimageslideshow { height: 309px; overflow: hidden; position: relative; width: 472px; } .smallimageslideshow ul{padding-top:0px;} .smallimageslideshow #smallimage1 > img { height: 309px; width: 472px; } .smallimageslideshow .smallimage.carouselitems { background: none; height: 309px !important; padding: 0; } .smallimageslideshow .bx-controls.bx-has-pager { position: relative; top: -30px; z-index: 99; } #property-management-sm-holder { height: 330px; } /*-------------------- Management Team ------------------*/ .management-team-format { margin-bottom: 40px; position: relative; width: 100%; } .management-team-snippetimg { float: left; margin: 0 20px 20px 0; } .management-team-snippetcontent { margin-left: 380px; } .management-team-snippetcontentinner h2 { font-size: 28px; font-weight: normal; line-height: 28px; } .management-team-role{ color: #002c67; display: block; font-size: 18px; font-weight: normal; margin-bottom: 15px; } #project-management-sm-holder .bx-pager-link.active { color: #000 !important; } @media only screen and (max-width:958px) { .thingstododetail-left { width: 53%;} .snippet-img img { height: auto; width: 100%; } #photogallery-thumbs .thumb {float: left; padding: 0 2% 2% 0; width: 23.5%;} .thumb img {width: 100%; height:auto;} .four-thumb {padding-right: 0 !important;} .rfpformdropdown { width: 100%; } #milestone_poll{width:94%;} } @media only screen and (max-width:768px) { .btn-row .msftd_rating {display: block;} .column31, .column32, .column33, .column41, .column42, .column43, .column44, .column51, .column52, .column53, .column54, .column55 {width:31%; padding-right: 0;} .imgrefresh {padding-left: 6px;} } @media only screen and (max-width:700px){ .poll-option li { width: 48%;} } @media only screen and (max-width:600px) { .snippetbox-leftimg, ul.anchor, .social-like, .socialmediabuttons_wrap {display:none !important;} .snippetbox-rightcontent{width:100%} .snippetbox-rightcontent-inner{padding:0px;} .btn-row .msftd_rating {display: block; width:100%;} .column22 ul, .column32 ul, .column33 ul, .column42 ul, .column43 ul, .column44 ul, .column52 ul, .column53 ul, .column54 ul, .column55 ul{ padding-top:0px; } .column21, .column22, .column31, .column32, .column33, .column41, .column42, .column43, .column44, .column51, .column52, .column53, .column54, .column55, .poll-option li {width:100%; padding-right: 0;} .box ul li, .box2 ul li, .hotelbox ul li {padding-bottom: 10px;} li.modulelinkON, li.modulelink:hover, li.modulelink a:hover, li.modulelink {margin-right: 1px;} #reviews-box { height: 109px;} } @media only screen and (max-width:568px) { #photogallery-thumbs .thumb {float: left; padding: 0 3% 2% 0; width: 30%;} } @media only screen and (max-width:320px) { #photogallery-thumbs .thumb {float: left; padding: 0 3% 2% 0; width: 46%;} .thingstododetail-left {width: 100%;} .thingstododetail-right { border-left: 0 none; border-top: 1px solid #ACACAC; margin: 10px 0 0; padding: 10px 0 0; width: 100%;} .number-row { border-bottom: 0 solid #ACACAC; margin-bottom: 0; padding-bottom: 0;} } @media only screen and (max-width:1200px) { /*#middle{min-height:350px; min-width:960px;}*/ #container, footer, header { width: 96%; min-width: 950px; } } @media only screen and (max-width:1170px) { #container, footer, header { width: 100%; min-width: 100%; box-sizing: border-box; } } /*------------------- for larger devices 1200px and larger----------------*/ @media only screen and (min-width:950px) { #container, footer, header {width:96%; min-width:950px;} } @media only screen and (min-width:1200px) { /*#topnav li a{margin:0 25px;}*/ .brand-logos{width:189px !important;} } @media only screen and (min-width:1300px) { /*#topnav li a{margin:0 25px;}*/ .brand-logos{width:177px !important;} #container, footer, header {width:94%;} } @media only screen and (min-width:1600px) { .property-holder-left{width:30%;} .property-holder-right{width:70%;} } a.button:link, a.button:visited, #goog-wm-sb, .viewlargermap { background-color: #002d68; color: #fff !important; cursor: pointer; display: block; font-size: 13px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; border-radius:5px; font-weight:bold; } a.button:hover, #goog-wm-sb:hover, .viewlargermap:hover , .pkg-all a:hover , #reservationtable a.button:hover { background-color: #7c797a; color: #fff; } .viewlargermapdiv .button:link { background-color: #002d68; color: #ffffff !important; } .viewlargermapdiv .button:hover { background-color: #7c797a; } .sm-slideshow-holder .button.photobtn { border-radius: 5px; margin: 0 auto 20px; padding: 10px; text-align: center; width: 248px; font-size:13px; } .sm-slideshow-holder .button.photobtn .icon-camera { margin-right: 10px; } #btnSubmit { width: 150px; } #backtotop {/*cursor: pointer; position: fixed; z-index: 9; width: 35px; height: 35px; line-height: 35px; bottom: 11.5%; right: 20.2%; background-color: transparent; color: #6d6036; text-align: center; border: 2px solid #fff; border-radius: 100%;*/ cursor: pointer; position: relative; z-index: 9; width: 35px; height: 35px; line-height: 35px; /* bottom: 24.5%; right: 29.7%;*/ background-color: transparent; color: #6d6036; text-align: center; border: 2px solid #fff; border-radius: 100%; float: right; margin-left: 0; margin-top: -55px; right: 0; clear: both; } #backtotop .icon-upArrow2 { color: #fff; font-size: 14px; position: relative; top: 1px; vertical-align: text-top; color: #fff; } /*------Copy in genral-new--------*/ /*------Copy in genral-new--------*/ .careers-page-section #contentinfo #container-wrap2 .careers-review-section .review-title{ position:relative; } .careers-page-section #contentinfo #container-wrap2 .careers-review-section .review-title:before { content: "\e913"; font-family: 'icomoon'; font-size: 18px; position: relative; top: -10px; left: 4px; } .careers-page-section #contentinfo #container-wrap2 .careers-review-section .review-title:after { content: "\e914"; font-family: 'icomoon'; font-size: 18px; position: relative; bottom: 10px; right: -4px; } @media only screen and (max-width:1280px) { #backtotop { margin-top: -100px; } } @media only screen and (max-width:1170px) { #backtotop{ margin-top:0; } } /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ * { margin: 0; padding: 0; } body { height: 100%; } img { border: none; } #supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; } #supersized { display: block; position: absolute; left: 0; top: 122px; overflow: hidden; z-index: 0; height: 100%; width: 100%; min-height: 553px; } #supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; } #supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ /*Quality*/ #supersized li { display: block; list-style: none; z-index: -30; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; } #supersized a { width: 100%; height: 100%; display: block; cursor: default; } #supersized li.prevslide { z-index: -20; } #supersized li.activeslide { z-index: -10; } #supersized li.image-loading { width: 100%; height: 100%; } #supersized li.image-loading img { visibility: hidden; } #supersized li.prevslide img, #supersized li.activeslide img { display: inline; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ #TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; opacity: 0.75; } /* ie6 hack * html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } */ #TB_window { position: fixed; z-index: 102; display: none; text-align: left; top: 40%; left: 50%; width: 61%; margin-top: -262px !important; margin-left: -33%; } /* ie6 hack * html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }*/ #TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; } #TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; } #TB_closeAjaxWindow { position: absolute; right: 40px; text-align: right; top: 16px; } #TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; } #TB_title { height: 27px; } #TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent.TB_modal { padding: 15px; } #TB_ajaxContent p { padding: 5px 0px 5px 0px; } #TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } /* ie6 hack * html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } */ #TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; /*filter:alpha(opacity=0);*/ opacity: 0; height: 100%; width: 100%; } /* ie6 hack * html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } */ #TB_iframeContent { background-color: transparent; clear: both; height: 574px !important; margin-bottom: 0; width: 739px !important; } #divMenu_Left1_txtSearch { z-index: 255; margin: 0px; padding: 0px; } #RequiredFieldValidator1 { color: #B4481A !important; } @media only screen and (max-height:600px) { #TB_window{top: 45% !important;} } /* Slider http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html */ /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container{ width:100%; margin:auto; clear:both; padding:30px 0 0 0;} .flex-caption{ position: absolute; right:11px; bottom:20px;} .caption_title_line{ width:450px; height:75px; padding:5px 15px 10px 15px; color: #303030;} .flex-caption h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding:0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width:100%; display: block; border:0px #ededed solid;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} /*.flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;margin-left: -1px !important;} .flex-container {zoom: 1; position: relative;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} */ .flexslider .slides > li {position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} /* */ /* Control Nav */ .flex-control-nav { bottom: 6px; left: 20px; position: absolute; text-align: center; } .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a { cursor: pointer; display: block; height: 24px; text-indent: -9999px; width: 24px; } .flex-control-nav li a:hover { } .flex-control-nav li a.active { cursor: default; } /* Media Queries /*-----------------------------------------------------------------------------------*/ @media screen and (max-width: 1000px) { .slider_container{ width:90%; margin:0 0 0 2%; clear:both;} .flexslider {width: 100%; margin: 0; padding:0 0 0 0;background:none;} .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;} /*.flex-direction-nav li a.next {} .flex-direction-nav li a.prev {}*/ .flex-caption { display:none;} } /* CSS reset */ /* General Demo Style */ .clr{ clear: both; } /* Header Style */ .freshdesignweb-top{ line-height: 24px; font-size: 11px; background: rgba(0, 0, 0, 0.05); text-transform: uppercase; z-index: 9999; position: relative; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); } .freshdesignweb-top a{ padding: 0px 10px; letter-spacing: 1px; color: #333; text-shadow: 0px 1px 1px #fff; display: block; float: left; } .freshdesignweb-top a:hover{ background: #fff; } .freshdesignweb-top span.right{ float: right; } .freshdesignweb-top span.right a{ float: left; display: block; } .freshdesignweb-demos{ text-align:center; display: block; line-height: 30px; padding: 20px 0px; } .freshdesignweb-demos a{ display: inline-block; margin: 0px 4px; padding: 0px 4px; color: #fff; line-height: 20px; font-style: italic; font-size: 13px; border-radius: 3px; background: rgba(41,77,95,0.1); /*-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; */ transition: all 0.2s linear; } .freshdesignweb-demos a:hover{ background: rgba(41,77,95,0.3); } .freshdesignweb-demos a.current, .freshdesignweb-demos a.current:hover{ background: rgba(41,77,95,0.3); } .flex-direction-nav {display:none;} /*h1, h2,ul { clear: both; }*/ ul.searchpaging li:hover { background-color: #F4F5F8; } ul.searchpaging li { padding: 10px; font-family: georgia; background-color: #ffffff; font-size: 18px; line-height: 1; width: 600px; margin-bottom: 1px; list-style:none; } ul.red { outline:10px solid red; } ul.simplePagerNav li{ display:block; float: left; padding: 10px; margin-bottom: 10px; font-family: georgia; font-size:12px; } ul.simplePagerNav li a{ color: #333; text-decoration: none; } li.currentPage { background: red; background: #FF9500; } ul.simplePagerNav li.currentPage a { color: #fff; } table.pageme { border-collapse: collapse; border: 1px solid #ccc; } table.pageme td { border-collapse: collapse; border: 1px solid #ccc; } #cke_editor1 {width:auto} .cke_skin_kama .cke_wrapper {background-color:transparent; background-image:none; padding:0px; margin:0px; } html{ background: transparent!important; } body.cke_show_borders{background:none !important} body.cke_show_borders a {text-decoration:none !important; list-style:none;} .cke_skin_kama .cke_wrapper {} #cke_editor1 {border:1px dashed !important; padding-left:2px;padding-right:2px;} #cke_top_editor1, #cke_bottom_editor1 {background-color:#FCFCFC} .cke_skin_kama .cke_wrapper {} #middle.cms6, #mainimage.cms6, #supersized.cms6, #supersized.cms6 img.cms6{max-height:820px !important;} #readmorelessbtn{display:none !important;} #mainimage.cms6{height:100%;display:block;width:100%;} #middle.cms6{z-index: 19;} .inner-temp #middle.cms6:after { content: ''; height: inherit; content: ""; background-size: inherit;} .cke_editable .read-more-content.right_content{width:100%!important} .cke_editable h1.fadeinbottomslow {opacity:1!important; padding-bottom :30px!important; top:0px!important; } .home-middle-image #mainimage > .ms_cms_editbar { /*display: none;*/ } .inner-temp.cms6 .home-middle-image div#main { background: #1a253f; box-shadow: none; /* background: none; */ } .item .ms_cms_editbar { left: 50% !important; top: 50% !important; } .fadeinbottom.cms6 { opacity: 1 !important; top: 0 !important; } .overview-content[milestoneparentelementindex="0"] { width: auto !important; float: none !important; } #cke_editor1 .cke_top{width:100%!important; box-sizing:border-box!important;}