/* Skin: RSPCA_02 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Tabs 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ html body { font-family: 'opensansregular', arial, sans-serif; line-height: 1.8; font-size: 16px; } h1 { font-size: 24px; } h1.strapline { font-size: 42px; color: #0059a5; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: 'opensansbold', arial, sans-serif; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; } .menu-control { text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-control:hover { cursor: pointer; } #nav-mobile, .menu-control { display: none; } /* for 1048px or less */ @media screen and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body ul.closed, #topnav { display: none; } } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { padding-top: 1em; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } /* #WelcomeInfoBlock_MyDetails_formRow .iconImage img, #ProfileIcon img { border-radius: 50%; } */ #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* Div radius */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer div.listContainer *, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem { /*border-radius: 0.25em;*/ } /* Inputs, buttons, images radius */ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea, #login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink, #eaContainer div, .posdescriptionPropertyBox, .posrating, .possharing, .posAlerts, #eaContainer .posBrowserMapBlock .gridTop, html body .tooltip2_Outer, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, .pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { /*border-radius: 0.25em;*/ } /* No radius */ body.Home #eaContainer div, #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /* No border */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li, #eaContainer .fileContainer, #eaContainer .uploadedFilesContainer, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .pageBlockInner_GridBlock div.gridContent, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .posBrowserMapBlock .addressContainer, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: 0; } /* Rounded corners */ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: 0; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { /* background-color: #eee; color: #444; */ background-color: inherit; cursor: pointer; /* padding: 18px; */ padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } button.accordion-button.active, button.accordion-button:hover { /* background-color: #ddd; */ } div.accordion-content { /* padding: 0 18px; */ /* background-color: white; */ padding: 0 6px 22px; display: none; } div.accordion-content.show { display: block; } button.accordion-button:after { font-family: 'Font Awesome 5 Free'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'Font Awesome 5 Free'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ .hero-bg, .srt-menu li li:hover > a, #topnav, #nav-mobile, a.buttonlink, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/ /*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/ #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, div.FilterRowsContainer .AvailableContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, .ui-dialog-titlebar-close, body .dialog_noTitle div.ui-dialog-titlebar, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #slider-latest-jobs ol li a.flex-active, #FindJobHeroBlock, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: #0059a5; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:visited, a:active, body .ui-widget-content a, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, body .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer div.pageBlockTitle, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer a, body .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, body #FindJobHeroBlock input.buttonSubmit, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { color: #0059a5; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #0059a5; } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #0059a5; } .tabs-style-shape nav li a:hover svg { fill: #0059a5; } /* body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { border-color: #0059a5; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #MyDetails_pageView .editblocklink a:hover, #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover, #eaContainer .actionMessageContainer div.actionMessageOk, #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer, .logo-tag, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, .Pos_Description_Review #eaContainer .reviewposlink a, .Application_Home #eaContainer .myapplink a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, a#JobsNearMe:hover { color: #0059a5; } #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, #breadcrumb a:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, #eaContainer .pageBlockInner_GridBlock .gridTop a:hover, footer #footer .copy-right p a:hover, #eaContainer .footer a:hover, #eaContainer #latest-jobs a:hover h3, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover { color: #0059a5 !important; } /* Buttons */ body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .Pos_Description_Review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, #eaContainer a.buttonAnchor:hover { background: #0059a5; border-color: #0059a5; color: #ffffff; } /* Whites */ .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content, .tabs-style-shape .content-wrap, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #fff; } .hero-bg h2, .hero-bg p, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a, .srt-menu li li:hover > a, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a, #eaContainer #Application_Home_pageView .ulListItem:hover a, #eaContainer #Application_Home_pageView .Completed:hover a, html body .tooltip2_FormError, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a, #eaContainer div.listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer, .listItemAnchorContainer *, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .menu-control, #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, /*#Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text,*/ #quicksearch_pageBlockContainer div.pageBlockTitle h1, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a, #eaContainer div.FilterRowsContainer .AvailableContainer a, #eaContainer .posBrowserMapBlock .alternateViewsCurrent a, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .posBrowserMapBlock .markerStatsContainer, body .dialog_noTitle div.ui-dialog-titlebar, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer a.buttonAnchor, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover, #eaContainer .pageBlockContainer .rowHeader .rowlink a, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, html body .tooltip2_Outer { color: #fff; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover, #eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover, html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover, .tabs-style-shape nav .tab-current a, .tabs-style-shape nav li a:hover { color: #fff !important; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #fff; } #eaContainer .actionMessageContainer div.actionMessageWarning { background-image: url("../images/sprites/red-cross.png"); } #eaContainer .actionMessageContainer div.actionMessageOk { background-image: url("../images/sprites/green-tick.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext { background-image: url("../images/sprites/white-arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/white-arrow-left.png"); } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /*#eaContainer .ulListItemLabel,*/ /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, .PosMyAppSummaryValues, .tabs-style-shape nav li a span, #eaContainer .posBrowserMapBlock .addressContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { background: #fff; } .tabs-style-shape nav li a svg { fill: #fff; } .tabs-style-shape nav li a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a, #eaContainer .posBrowserMapBlock .addressContainer .addressLabel, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, #eaContainer .label { color: #313131; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { color: #848484 !important; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect { border: 1px solid #9B9C9E; } /*--------------------------------------- 2.2 General -----------------------------------------*/ /* Parallax */ .parallax-window { min-height: 330px; background: transparent; margin-top: 70px; width: 100%; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 480px; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; /*font-family: 'opensansregular', Helvetica Neue, Sans-serif;*/ } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a, #eaContainer .alternateViews a, #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContent { overflow: hidden; padding: 5px 0; } #breadcrumb { margin-top: 2em; text-align: left; color: #9a9b9c; } h1#EarcuIntroTextBlockTitle, h1#EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { margin-top: 6em; } .banner-main { margin-top: 70px; width: 100%; } #eaContainer { margin-bottom: 2em; } .MyWelcomePacks_OfferInformation_Section #TitleBlock_pageBlockContainer { display: none; } .ui-widget-overlay { z-index: 100 !important; } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a { /* box-shadow: 0 0.25em 0 0 #A51223, 0 4px 9px rgba(0, 0, 0, 0.75); */ /* margin: 1em !important; */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ /* padding: 6.5px 25px; */ /*padding: 5px 15px;*/ padding: 7px 15px; text-align: center; font-size: inherit; font-family: inherit; font-weight: normal; /* text-transform: uppercase; */ } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 7px 25px; } body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #0059a5; } body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { float: right; } .pageBlockInner_FormBlock div.controlError { padding-top: 5px; } /*--------------------------------------- 2.5 Dialogues -----------------------------------------*/ body .pageBlockInner_GridBlock div.pagingControls input.pagenumber { text-shadow: none; } body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current { color: #000000; } .ui-dialog-titlebar-close { background-image: url("../images/sprites/white-cross.png"); background-repeat: no-repeat; } body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit { margin-top: 0; } body button.ui-dialog-titlebar-close { outline: 0; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #0059a5; } body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #0059a5; } body .tooltip2_Outer { padding-left: 1em; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; width: 76.5% !important; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: #0059a5; } .count-block .counter, .count-block .counter-icon { color: #0059a5; font-size: 32px; } .count-block .counter-icon { margin-left: 0; } .no-of p { text-transform: uppercase; color: #0059a5; } .count-block * { margin: 10px; text-align: center; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 30%; display: inline-block; } .Home #eaContainer { margin-bottom: 0; } .bottom-parallax { margin: 0; } #home-img-2 { position: relative; } #home-img-2 p { position: absolute; bottom: 40%; text-align: center; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: url("../images/headers/1b-home-quote.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 20%; padding-right: 20%; opacity: 0.85; } .hero-text .section-content .blockquote { color: #0059a5; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #0059a5; font-size: 34px; } .blockquote-author { font-size: 20px; } /* Full width */ /* body.Home .wrapper { width: 100%; max-width: 100%; margin: 0; } body.Home #banner, body.Home #topnav, body.Home #nav-mobile, body.Home .srt-menu, body.Home .srt-menu li { border-radius: 0; } */ .Home #eaContainer .container, .Home .template-home .container { padding: 0; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 60%; margin-right: 5%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 34%; background: #fff; border-top-right-radius: 15px; padding: 2em; } /* .Home #eaContainer { margin-top: 60px; margin-bottom: 60px; } */ /* #eaContainer #latestjobs_pageBlock { padding-left: 0; } #eaContainer .col-right #latest-jobs-container .rowContainer { margin-left: 0 !important; margin-bottom: 0; border-radius: 0; background: none; padding: 0; } #eaContainer .col-right #latest-jobs-container .rowHeader { padding: 0; } */ #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: inline-block; vertical-align: top; width: 90% } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: 'opensansbold', Helvetica Neue, Sans-serif; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 0; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ #FindJobContainer { left: 0; margin-left: auto; margin-right: auto; padding-left: 27px; position: absolute; right: 0; top: 9.1em; width: 1170px; } #FindJobHeroBlock { /*max-width: 566px;*/ background: #0059a5; padding-bottom: 25px; position: absolute; /*top: 9.1em;*/ /* left: 3em; */ z-index: 1000; border-radius: 10px; } #FindJobHeroBlock h1 { color: #fff; margin-bottom: 15px; } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { display: none; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; } body #FindJobHeroBlock input.buttonSubmit { background: #fff; font-weight: bold; text-shadow: 0 !important; border: 1px solid #fff; } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; } body #FindJobHeroBlock .formRowTextInputRow { width: 40%; display: inline-block; float: none; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock div.pageBlockContent { padding-top: 25px; padding-left: 25px; padding-right: 25px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: auto; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } a#JobsNearMe { background: none; padding-left: 25px; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 1em; } #FindJobHeroBlock h1 { margin-top: 0; font-family: "opensansbold",Arial,serif; text-transform: none; } /*--------------------------------------- 3.3 No vacancies -----------------------------------------*/ #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content { padding: 10px; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ /* Blocks */ .category-container { min-height: 100%; min-width: 100%; position: relative; vertical-align: middle; margin: 0 auto; text-align: center; background: #000000; } .category-container { cursor: pointer; } .category-container img { opacity: 0.8; } .category-container:hover { background: #FFFFFF; } .category-info { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .category-info h1 { color: #FFFFFF; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7); } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: uppercase; background: #9b9c9e; } .category-container:hover img, .category-container:hover .category-extras { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .category-container:hover img { opacity: 0.1; } .category-extras { display: none; } .category-container:hover .category-extras { display: block; } .category-container:hover .category-info h1 { color: rgb(85, 55, 155); text-shadow: none; } .category-info h1 { margin-top: 0; } .category-info p { margin: 0 auto; width: 85%; max-height: 80px; margin-bottom: 20px; overflow: hidden; } .col-third { width: 33.1%; display: inline-block; } /* Image zoom on hover + Overlay colour */ .cat-container { width: 101%; height: 300px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; margin-top: -10px; } .cat-content { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Several different images */ .bg-one { background-image: url("../images/categories/category-6.jpg"); } .bg-two { background-image: url("../images/categories/category-2.jpg"); } .bg-three { background-image: url("../images/categories/category-3.jpg"); } .bg-four { background-image: url("../images/categories/category-4.jpg"); } .bg-five { background-image: url("../images/categories/category-5.jpg"); } .bg-six { background-image: url("../images/categories/category-1.jpg"); } .cat-inner { display: none; } .cat-container:hover .cat-inner, .cat-container:focus .cat-inner { display: block; } .categories .cat-inner { font-size: 28px; color: #ffffff !important; font-family: sans-serif; text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 110px; cursor: pointer; /*text-decoration: none;*/ } .cat-container:hover .cat-content, .cat-container:focus .cat-content { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before { display: block; } .cat-container:hover a, .cat-container:focus a { display: block; } .cat-content:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } /*Roles Page Styling*/ #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; margin: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { /*width: 33%;*/ width: 33.33%; position: relative; /*border-radius: 5px;*/ margin: 10px; height: 275px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; background-repeat: no-repeat; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-size: cover; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); /*height: 35px;*/ height: 45px; text-align: center; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 4px 0 2px 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-size: 20px; font-weight: 400; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: rgb(31, 37, 38); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 17px; font-weight: 400; text-align: center; opacity: 0; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { /*height: 100px;*/ height: 85px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: rgba(85, 55, 155, 0.7); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: rgba(0, 0, 0, 0.7); } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } /* Category images */ /* .listItemContainer_Value1 .listItemImageContainer, .listItemContainer_Value65 .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2 .listItemImageContainer, .listItemContainer_Value66 .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3 .listItemImageContainer, .listItemContainer_Value67 .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4 .listItemImageContainer, .listItemContainer_Value68 .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5 .listItemImageContainer, .listItemContainer_Value69 .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6 .listItemImageContainer, .listItemContainer_Value70 .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7 .listItemImageContainer, .listItemContainer_Value71 .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8 .listItemImageContainer, .listItemContainer_Value72 .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9 .listItemImageContainer, .listItemContainer_Value73 .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /* Category images on hover */ /* .listItemContainer_Value1:hover .listItemImageContainer, .listItemContainer_Value65:hover .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2:hover .listItemImageContainer, .listItemContainer_Value66:hover .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3:hover .listItemImageContainer, .listItemContainer_Value67:hover .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4:hover .listItemImageContainer, .listItemContainer_Value68:hover .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5:hover .listItemImageContainer, .listItemContainer_Value69:hover .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6:hover .listItemImageContainer, .listItemContainer_Value70:hover .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7:hover .listItemImageContainer, .listItemContainer_Value71:hover .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8:hover .listItemImageContainer, .listItemContainer_Value72:hover .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9:hover .listItemImageContainer, .listItemContainer_Value73:hover .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /*Roles Page Styling End*/ /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .hero-bg { margin: 0; text-align: center; } .hero-bg { width: 100%; clear: both; background: url(../images/custom/alerts-bg.jpg) no-repeat center center; background-size: cover; min-height: 300px; } .hero-content { padding: 60px 15px; } .hero-bg h2 { font-size: 3em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); margin: 0 0 20px; } .hero-bg a.buttonAnchor { float: none; padding: 15px 27px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { margin-left: 0 !important; } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; font-family: "opensansregular",Arial,serif; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; padding-left: 25px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; /* padding-left: 25px; */ } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { /* display: none; */ background: #fff; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; margin-top: 10px; min-height: 180px; /*min-height: 150px;*/ height: auto; width: 32%; padding: 10px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: inherit; font-family: 'opensansregular', Helvetica Neue, Sans-serif; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 2em; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { margin-right: 0; margin-bottom: 10px; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; margin-bottom: 1em; } .PosMyAppSummaryValues dd { margin: 0 } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: right; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 20px; } #eaContainer span.miniMapButton { margin-bottom: 10px; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 0; padding: 2em; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 190px; } #eaContainer .RightJobBox .posAlerts { text-align: center; } .jdBottomBanner { margin-top: 5px; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; width: 100% !important; } #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li { padding-left: 5px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { text-align: left; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl { width: 30%; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { width: 360px; } #eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage, #eaContainer .formRowSelectMultiCodelistRow label { padding: 6px 7px; } #eaContainer #MyJobFeedForm_form div.formRow { margin-top: 1em; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { /* width: 98%; */ width: 100%; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ #login_SaveButtonRow_formRow input, #login_buttons2_formRow a { min-width: 285px; } /* Center apply social icons */ #eaContainer #login_pageBlock .ssoIcon, #eaContainer #newregister_pageBlock .ssoIcon { display: inline-block; float: none; } #eaContainer #login_pageBlock .ssoIconsInnerContainer, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer { text-align: center; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 5px; } #eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer { border: 0; background: #fff; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit { background: #0078B5; color: #ffffff; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover { background: #9b9c9e; } /* Tabs */ body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer, body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer { border: 0; margin-left: 0; } #pageTitleSignInHeaderContainer h2, #pageTitleRegisterHeaderContainer h2 { background: #fff; color: #9a9b9c; padding: 10px; } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { /* width: 49%; display: inline-block; */ /* display: inline-block; margin-left: 5%; width: 44%; */ } /* #WelcomeInfoBlock_pageBlock { margin: 0 auto; position: relative; max-width: 500px; } */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { float: none; position: relative; margin: 0 auto; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } /* #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer { border-bottom: 0; } */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { display: block; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { padding: 2em; } #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background-position: 30px 15px; } #Welcome_pageView .iconLabel a { font-family: 'opensansbold', Helvetica Neue, Sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 20px; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } /* Add Email */ #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 250px; } #eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer { width: 100%; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; } /* Connected */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: 'opensansbold', Helvetica Neue, Sans-serif; padding-left: 0; text-decoration: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 3px 3px 3px 10px; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a { text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent { padding: 10px 0; } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer { background: #fff; padding: 1em; /* border-bottom: 1px solid #d0d0d0; */ margin-bottom: 1em; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { border-bottom: 0; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: 'opensansbold', Helvetica Neue, Sans-serif; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 30px; width: 100%; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: right; font-weight: bold; } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl { margin: 1em 0 3px; } */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; font-weight: bold; width: 120px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { width: 10%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 80%; margin-left: 0; margin-top: 10px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 5px; height: 50px !important; width: 50px !important; } .iconContainer .iconImage img { height: 100% !important; width: 100% !important; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #fff; } body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar { background: none; } #eaContainer #posSummaryBlock_pageBlock div.greenbox { padding-left: 0; padding-right: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList, #eaContainer #Application_Home_pageView .ulList { margin: 0; } body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { height: auto; padding: 0; min-height: 0; width: 100%; margin: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: left; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { /* display: none !important; */ } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 1em 0; } */ /* #eaContainer .PosMyAppSummaryLinks { margin-left: 2%; } */ #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } /* #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover { background-color: #ffc407; } */ #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a { color: #ffffff; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem { background-color: #9b9c9e; background-image: url("../images/sprites/unselected-progress-hover.png"); background-position: 99% 50%; border-color: #e3e3e3; float: none; height: auto; margin: 0 0 15px; padding: 0; width: auto; font-weight: normal; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #0059a5; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #0059a5; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #0059a5; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ /* Login / Register block */ .banner-main-container { position: relative; } #login-register-block { background: #9b9c9e; display: block; width: 300px; position: absolute; text-align: center; bottom: 50px; margin-left: 50px; padding: 1em; border-radius: 5px; } #login-register-block .buttonAnchor { background: #fff; color: #313131; margin-right: 1em; } .block-right { float: right; } #login-register-block .buttonAnchor.no-margin { margin: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer { margin-left: 0; } #Grid_REFEREES_pageBlock .gridContent * { float: none !important; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; /*margin-top: 1em;*/ } #eaContainer .PosMyAppSummaryLinks a { /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/ padding-left: 20px; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue { padding-left: 1em; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader { font-weight: bold; } #eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer { padding-top: 0px; } #eaContainer .pageBlockInner_FormBlock .fakecheck { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; border-style: solid; border-width: 1px; padding: 3px; width: 250px; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; min-width: auto; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: bold; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .pageBlockContainerMiddle .buttonsContainer { margin-top: 1em; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } #eaContainer .mainearcublock .rowContainer { background: #fff; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues { background: #fff; margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } #eaContainer .PosMyAppSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: 'opensansregular', Helvetica Neue, Sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } .fileContainer .deletefile { background: url("../images/sprites/black-cross.png") no-repeat right; } .fileContainer .deletefile:hover { background: url("../images/sprites/red-cross.png") no-repeat right; } .filename.rcFileMenu { height: 65px; overflow: auto; position: absolute; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); padding: 8px 25px 8px 50px; background-position: 10% center; background-repeat: no-repeat; } /* #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); } */ #eaContainer .fileContainer { background-image: none !important; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 10px; text-align: right; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 4px 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer { float: right; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: right; width: 100%; margin-bottom: 10px; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #fff; border: 0; font-family: 'opensansbold', Helvetica Neue, Sans-serif; color: #313131; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } /*--------------------------------------- 5.5 Equal opportunities -----------------------------------------*/ body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, #Edit_EQUALOPS_form .textLiteral { text-align: left; } body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer { width: 40%; } /*--------------------------------------- 5.6 Interviews -----------------------------------------*/ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { margin-left: 0; width: auto; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 30%; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media only screen and (max-width: 1224px) { /* Summary box */ .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { width: 95%; float: none; display: block; margin: 0; } .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } /* Search */ #FindJobHeroBlock, #FindJobContainer { display: block; position: relative; top: 0; left: 0; padding: 0; width: 100%; padding-bottom: 0; border-radius: 0; } #FindJobHeroBlock { padding-bottom: 15px; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body #FindJobHeroBlock input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 980px) { /* Set label and input widths to 100% */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, body .pageBlockInner_FormBlock label.formLabel, body .pageBlockInner_FormBlock input.inputText, #eaContainer html body #lookupResults_gridTable, #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock label.formLabel, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer { width: 100%; text-align: left; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } /* Set button widths to 100% */ #eaContainer a.button, html body .buttonsRight, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; margin: 1em 0em 1em 0em !important; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner .buttonsLeft, #eaContainer .pageBlockInner .buttonsRight, #eaContainer .pageBlockInner .buttonsLeft li, #eaContainer .pageBlockInner .buttonsRight li { float: none; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { margin: 1em 0em; } /* Align search labels left */ body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } /* No vacancies */ #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer { width: 100%; float: none; } body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login { margin-left: 0; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register { margin-right: 0; } html body .tooltip2_Outer, html body .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 50%; /* height: auto; */ } .col-third { display: block; width: 100%; } .cat-container, .count-block .no-of { display: inline-block; width: 49.5%; } .count-block .no-of { display: block; width: 100%; } /* Category pages */ #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer { display: block; width: 100%; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 48%; } #eaContainer .category-blocks .category-block { min-height: 210px; } /* Alerts */ #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow { overflow: visible; } #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter { float: none !important; } /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; display: inline-block; } /* Email address */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { float: none; margin-top: 1em; } /* Questions and answers */ #eaContainer .questionsAnswerBlock div.appSummaryGridHeader { width: 100%; } #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue { margin-left: 0; width: 100%; } /* File upload */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button { background-position: 5% center; background-repeat: no-repeat; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #FindJobBlock #quicksearch_filter_text_formRow, #FindJobBlock #quicksearch_filter_locationradius_formRow { width: 100%; display: block; } #FindJobBlock #quicksearch_form { width: 50%; margin-left: 25%; padding-left: 0; } /* Job Description */ #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox, .RightBackBox { width: 100%; display: block; } .RightBackBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 0; margin-top: 1em; } /* Main Banner */ #login-register-block { background: #9b9c9e; display: block; width: 100%; bottom: 0; margin-left: 0; position: relative; min-height: 75px; } #login-register-block .buttonAnchor { margin-bottom: 16px; width: auto; } .block-right { float: right; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media screen and (max-width: 600px) { /* Main headings */ #eaContainer h1 { font-size: 35px; word-wrap: break-word; } /* Align buttons */ #eaContainer a.button, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { float: none; margin: 0; } /* Align labels left */ #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } /* Job search */ #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 98%; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 1.6em; } .hero-text .section-content .blockquote { font-size: 28px; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 100%; } .col-third, .cat-container { display: block; width: 100%; } #eaContainer .category-blocks .category-block { min-height: 0; } /* Search result blocks */ #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 98%; } /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 350px !important; } body .ui-dialog { width: 380px !important; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 100%; } /* Job Description */ #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 250px !important; } body .ui-dialog { width: 280px !important; } /* Search */ #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } /*-----------*/ #pageContent { width: 100% !important; float: left; clear: left; } #FindJobContainerR { width: 100% !important; display: block !important; float: left !important; } #FindJobContainerR { width: 100% !important; display: block !important; float: left !important; } .Home #eaContainer div.pageBlockInner_FormBlock div.formRow { float: left; clear: none; margin-right: 20px; } body #FindJobHeroBlock1 .formRowTextInputRow { width: 45%; } .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_text_formRow, .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_locationradius_formRow { width: 43% !important; } .Home #eaContainer div.pageBlockInner_FormBlock div.formRow { float: left; clear: none; margin-right: 15px; width: auto !important; } #FindJobContainerR .controlContainer.controlContainer_Editable, #eaContainer #FindJobContainerR .pageBlockInner_FormBlock input.inputText { width: 100% !important; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #94969e; } #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 7px; } #JobsNearMe { background: rgba(0, 173, 238, 0.7) !important; padding: 20px !important; color: white !important; float: none; margin-right: 0; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; display: block !important; width: 14% !important; margin-top: 30px !important; margin-bottom: 15px !important; text-transform: uppercase !important; font-weight: bold !important; } #quicksearch_pageBlock { margin-bottom: 30px !important; } .page-content p { text-align: center; margin-bottom: 40px !important; } .pagingButtons img { display: none !important; } .filtersExpander .filtersExpanderButton { margin-right: 15px !important; width: 300px !important; justify-content: space-between !important; box-sizing: border-box !important; height: 54px !important; background-color: white !important; padding: 15px 20px 15px 50px !important; margin-bottom: 15px !important; background-image: url(../images/Filter.png) !important; background-repeat: no-repeat !important; background-position: 5% center !important; border: 2px solid #dee2e6 !important; border-radius: 6px; font-size: 16px; margin: 0 !important; line-height: normal !important; background-size: 40px; color: #0059a5 !important; cursor: pointer; font-size: 20px; font-weight: 700; line-height: 30px; transition: all ease 0s; } #posBrowser_Filter_pageBlock .filtersExpander { line-height: 85px; padding: 0 !important; padding-top: 0px; padding-top: 0px; padding-top: 0px; border-top: 4px solid rgb(154, 163, 179) !important; padding-top: 10px !important; margin-top: 8px !important; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel, .noEntries, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { color: #0059a5 !important; } #posBrowser_Filter_pageBlock .FilterContainer, #browserBlock_pageBlock .AvailableList, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { overflow: auto; background: rgb(237, 237, 237) !important; color: white !important; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.jpg") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { padding: 0px 0px 0px 5px !important; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { padding: 10px 0 0 17px; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList { margin: 0; padding: 0 0 20px 5px; } .FilterRowsContainer { padding-bottom: 15px; background: rgb(237, 237, 237) !important; } .alternateViewsButton_Selected { color: silver !important; } .alternateViews a:nth-child(2n) { border-left: 1px solid rgb(154, 163, 179) !important; margin-left: 10px; padding-left: 10px; } div.alternateViews a.alternateViewsButton_List { margin-right: 5px; } .FilterRowsContainer { padding-bottom: 15px; background: white !important; } #posBrowser_Filter_pageBlock .FilterContainer, #browserBlock_pageBlock .AvailableList, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { background: white !important; } #posBrowser_Filter_pageBlock, #posBrowser_ResultsGrid_pageBlock { padding: 0 !important; } .gridTop { padding: 15px !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 0; margin-top: 10px; min-height: 0 !important; min-height: 0 !important; height: auto; width: 100% !important; padding: 20px !important; background: white !important; margin: 0 !important; border-radius: 0 !important; border-bottom: 2px solid #e1e3e8 !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover { background: rgba(30, 79, 103, 0.2) !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; font-size: 25px; color: #0059a5 !important; } .rowItemsInnerContainer2 { color: rgb(154, 163, 179) !important; font-size: 20px !important } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover .rowItemsInnerContainer2 { color: #0059a5 !important; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, .recruiterContainer.hide, .recruiterContainer, .benefitsContainer { margin-bottom: 20px; padding: 20px !important; border: 1px solid #e1e3e8; background-color: #fff; } #JobsButton { display: block !important; float: left !important; width: 100% !important; padding: 40px 0; text-align: center !important; } #JobsNearMe { float: none; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 33%; width: 31%; position: relative; margin: 10px; height: 400px; margin: 1% !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { height: 155px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: white !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: #aec0c9 !important; } .listItemCountContainer { width: 60% !important; margin: 0 auto !important; float: none !important; padding: 5px 10px !important; color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; background-color: #0059a5; transition: background-color 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; padding: 0.625rem 3.3125rem; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #0059a5 !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: white !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 0; margin-top: 20px !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 0; margin-top: 20px !important; margin-bottom: 20px !important; } h1.strapline { font-size: 42px; padding-bottom: 0; margin-top: 60px; margin-bottom: 40px; } .sticky-navigation { background: #0059a5; min-height: 87px; } .navbar-brand img { margin-top: 10px; } #menu-primary { float: left; clear: left; width: 100% !important; background-color: #0059a5; } #top2 { background-color: #0059a5; } .header.header-style-one.site-header .container { width: 100% !important; padding: 0 !important; } #top, #top2 { width: 100% !important; float: left; display: block; } #top .navbar-header, #top2 #menu-primary { width: 100%; max-width: 990px; margin: 0 auto; padding: 0; float: none; } .navbar-fixed-top, .navbar-fixed-bottom { position: relative; } .banner-main { margin-top: 0; } .navbar-brand { padding: 0 !important; } .navbar-brand img { margin: 20px 0; } .sticky-navigation .main-navigation li a { font-size: 15px; color: white !important; line-height: 24px; padding: 11px 10px !important; font-weight: normal !important; font-family: openSansBold !important; } #Ul1 { padding-left: 10px !important; } #Ul1 li:hover { background: white !important; } #Ul1 li:hover a { color: #043473 !important; } .hero-text .section-content { width: 75%; margin: 0; padding-left: 0; padding-right: 0; opacity: 1; float: right; } .section-header.hero-text { display: block !important; float: left; width: 100% !important; height: 500px; } .section-header.hero-text h3 { font-size: 38px !important; line-height: 46px !important; color: white !important; text-align: left !important; } .hero-text .section-content { width: 30%; margin: 0; padding-left: 0; padding-right: 0; opacity: 1; float: right; position: relative; top: 50px; right: 16%; } .section-header.hero-text .button.button--block.button--black.button--bold { float: left; background: white !important; padding: 12px 30px !important; font-size: 19px !important; color: #343434 !important; box-shadow: 0 3px 6px #00000029; font-family: Open Sans,sans-serif !important; } .section-header.hero-text p { text-align: left; color: white !important; } #quicksearch_pageBlock { padding: 0 !important; } #quicksearch_pageBlock { margin-bottom: 20px !important; } #FindJobHeroBlock1 { margin-bottom: 20px !important; } .Home #content-main { margin-bottom: 50px !important; padding: 30px 0; } body { background-color: rgb(236, 239, 241); } #new_intro { background: white !important; } #new_intro { background: white !important; padding: 20px 0 60px; } .main-navigation li { border: 0; float: left; padding: 0 5px; } .headerButtons { margin: 27px 0 23px 0; float: right; } .yourLocalButton, #wrapper a.yourLocalButton, a.yourLocalButton:visited { color: #fff !important; font-family: openSansBold,Arial; font-weight: normal; padding: 8px 13px 11px 13px; font-size: 15px; line-height: 24px; border-radius: 5px; } .yourLocalButton img { display: none !important; } .crueltyButton img { display: none !important; } .crueltyButton, a.crueltyButton, a.crueltyButton:visited, a.crueltyButton:hover, a.crueltyButton:focus { background-color: #fff; color: #000; font-family: openSansBold !important; font-weight: normal !important; padding: 8px 13px 11px 13px !important; font-size: 15px !important; line-height: 24px !important; border-radius: 4px !important; } .themeDonationButton, a.themeDonationButton, a.themeDonationButton:visited, a.themeDonationButton:hover, a.themeDonationButton:focus { background-color: #f69220; color: #000; font-family: openSansBold !important; font-weight: normal !important; padding: 8px 13px 11px 13px; font-size: 15px !important; line-height: 24px !important; border-radius: 4px !important; } .fe-sponsors-button { background-color: rgb(24, 156, 161) !important; } .headerButtons .themeDonationButton, .headerButtons .crueltyButton { margin-left: 16px !important; } .headerButtons a { border-radius: 4px !important; } .fe-sponsors-button { color: rgb(255, 255, 255) !important; } .yourLocalButton { float: left; } .headerButtons { line-height: 35px; } #footer { width: 100%; clear: both; position: relative; z-index: 1000 } #footer a.backToTop { display: block; width: 120px; margin: 0 auto; color: #fff; background-color: #0059a5; text-align: center; border-radius: 5px 5px 0 0; position: absolute; left: calc(50% - 70px); top: -50px; font-weight: bold } #footer section { width: 100%; background-color: #e4e1ca; overflow: hidden } .education #footer section { background-color: #e9d6e9 } .science #footer section { background-color: #dae4db } .severe-suffering #footer section { background-color: #dae4db } #wrapper .footerColumnArea { width: 100%; max-width: 990px; margin: 0 auto; overflow: hidden } #footer .footerColumn { width: 25%; float: left; margin: 55px 0 } #footer hr { width: 43px; float: left; border-top: 1px solid #1f252c; margin: 8px 0 11px 0 } #footer section p { clear: both; width: 169px; margin: 16px 0 } #footer section a, #footer section a:hover, #footer section div.ask-question, #footer section div.ask-question:hover { color: #1f252c; cursor: pointer } #footer ul { clear: both; width: 166px; margin: 0 } #footer li { padding-bottom: 5px } #footer .follow { clear: both; margin-bottom: 20px } #footer input#footer-emailsignup { width: 157px; clear: both; float: left; margin-right: 2px; height: 24px } #footer input[type=submit] { width: 80px; height: 35px; border-radius: 5px; color: #fff; background-color: #0059a5; float: left; margin: 0; border: 1px solid #0059a5; padding: 0 0 3px 0 } #footer section #footerSignUp p { width: 186px } #footer #reg-charity { clear: both; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden; background-color: #0059a5; color: #fff } #footer #footerBottom { background-color: #0059a5 } #footer #footerFlex { display: flex; flex-wrap: wrap; max-width: 990px; margin: auto } #footer #footerContact { flex: 0 0 80% } #footer #footerImage { flex: 0 0 20% } #footer .FundraisingRImage { width: 100%; margin-top: 15px } #footer #reg-charity p { width: 100%; max-width: 990px; margin-left: auto; margin-right: auto } #footer #footerNav { clear: both; padding: 10px 0 55px 0; background-color: #0059a5; margin: 0; color: #fff; width: 100%; overflow: hidden } #footer #footerNav ul { width: 100%; max-width: 990px; margin: 0 auto } #footer #footerNav li { float: left; padding: 0 10px; border-right: 1px solid #fff } #footer #footerNav li:first-child { padding-left: 0; border-left: 0 } #footer #footerNav li:last-child { padding-right: 0; border-right: 0 } @media all and (max-width:1006px) and (min-width:768px) { #footer #footerNav { padding: 10px 0 65px 0 } #footer .footerColumnArea { width: 622px; margin: 0 auto } #footer .footerColumn:nth-child(odd) { width: 407px } #footer .footerColumn:nth-child(even) { width: 213px } #footer .footerColumn:nth-child(-n+2) { margin-bottom: 20px } #footer .footerColumn:nth-child(n+3) { margin-top: 0 } #footer #reg-charity p { width: 622px; margin: 0 auto } #footer #footerNav ul { width: 622px; margin: 0 auto } } @media all and (max-width:767px) { #footer .footerColumnArea { padding: 20px } #Ul1 { padding-left: 0 !important; } #footer .footerColumn:first-child { padding-top: 30px } #footer .footerColumn { padding-top: 15px; width: 300px; margin: 0 auto; float: none; overflow: hidden } #footer #footerNav ul { width: 302px; margin: 0 auto } #footer hr { display: none } #footer .follow { width: 205px; margin: 10px auto 18px auto; overflow: hidden } .follow a { display: block; float: left; width: 25%; text-align: center } #footer input#footer-emailsignup { width: 246px } #footer input[type=submit] { margin: auto; float: none; display: block } #footer #footerNav li:nth-child(odd) { clear: both } #footer #footerNav li { border: 0; padding: 0; width: 50%; margin: 5px 0 } #footer #reg-charity p { width: 80%; margin: 0 auto } #footer #footerFlex { display: flex; flex-wrap: wrap; max-width: 990px; margin: auto; flex-direction: column; align-items: start } #footer #footerImage { flex: 0 0 30%; margin-top: 0; line-height: 0; text-align: center } #footer .FundraisingRImage { width: 100%; margin-left: 10px } } .footerColumnArea { width: 100%; max-width: 990px; margin: 0 auto; overflow: hidden; } #footer ul { clear: both; width: 166px; margin: 0; list-style: none !important; padding-left: 0; } #footer h3 { font-family: openSansBold,Arial; font-weight: normal; font-size: 19px; line-height: 26px; padding: 20px 0 20px 0; margin: 0; color: #1f2526; } #footer section p { clear: both; width: 169px; margin: 16px 0; } .themeTxtSm { font-family: openSansRegular; font-size: 14px; line-height: 20px; padding: 0; font-weight: normal; text-decoration: none; } #footer section p.themeTotalNum, #wrapper .themeTotalNum { font-size: 38px; line-height: 40px; padding: 0; font-weight: bold; } #footer section p { clear: both; width: 169px; margin: 16px 0; } body .themeTotalNum { padding: 0; font-size: 28px; line-height: 30px; font-family: openSansBold,Arial; } #footer section a { font-family: openSansRegular; font-size: 14px; line-height: 20px; padding: 0; font-weight: normal; text-decoration: none; } .listItemTitleAnchor_Label { color: #1F252C !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: #e4e1ca !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; font-size: 25px; color: #1F252C !important; } #footer #footerNav a:visited, #footer #footerNav a { font-family: openSansRegular; font-size: 14px; line-height: 20px; padding: 0; color: #fff; font-weight: normal; text-decoration: none; } #footer #footerNav li:first-child { padding-left: 0; border-left: 0; } #footer #footerNav li { float: left; padding: 0 10px; padding-left: 10px; border-right: 1px solid #fff; } .themeTxtSm { margin-bottom: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, .recruiterContainer.hide, .recruiterContainer, .benefitsContainer { margin-bottom: 10px; padding: 20px !important; border: 1px solid #e1e3e8; background-color: #fff; } .benefitsContainer { display: none; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li { list-style: none; display: inline-block; margin: 0 10px; padding: 2px 8px; border-radius: 5px; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { display: inline; font-weight: bold; margin-right: 5px; color: #0059a5 !important; } .RightJobBox .ApplyNowContainer.ApplyViaFormContainer .buttonsLeft, .RightJobBox .ApplyNowContainer.ApplyViaFormContainer .buttonsLeft ul, .RightJobBox .ApplyNowContainer.ApplyViaFormContainer .buttonsLeft ul li, .RightJobBox .ApplyNowContainer.ApplyViaFormContainer .buttonsLeft ul li a { width: 100% !important; float: left !important; display: block !important; } div.posDescriptionContainer317 .LeftJobBox { display: block; float: left; overflow: hidden; position: relative; border: 1px solid #e1e3e8; background: #fff; padding: 30px; } .recruiterContainer { background: transparent; border: none !important; padding: 0 !important; } #footer { margin-top: 50px !important; } .mapContainer .ButtonHolder .miniMapButton { background: #0059a5; display: block; padding: 7px 15px; text-align: center; margin-top: 10px !important; } .mapContainer .ButtonHolder .miniMapButton a { color: white !important; } /*-----------CV Aligment--------------*/ .charCounterValue { float: left; } #newProfileImageContainer img { display: none; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: 10px; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: 10px !important; } #eaContainer #fileupload_Files_formRow .controlContainer { margin-bottom: 10px; width: 100% !important; margin: 0 auto !important; } #fileupload_pageBlock .buttonsLeft { float: left; width: 100% !important; display: block !important; text-align: center; } #fileupload_pageBlock .buttonsLeft ul { list-style: none; margin: 0px; padding: 0px; width: 100% !important; float: left; text-align: center !important; } #fileupload_pageBlock .pageBlockInner .buttonsLeft li { float: left; list-style: none; list-style-type: none; list-style-type: none; text-align: center; width: 100% !important; display: block !important; } #eaContainer .fileuploadbutton { margin: 0 auto; float: none; } /*decleration aligment radio button alignment*/ #SubmitForm_contactconsent_formRow .labelContainer { text-align: left !important; width: auto !important; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer { margin-top: 13px; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { text-align: center; } #MyDetails_pageView .editblocklink a:hover, #Application_Section_PersonalDetails_pageView .editblocklink a:hover { text-decoration: none; } /*-----------CV Aligment--------------*/ #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { float: left; width: 100% !important; } #newProfileImageContainer img { display: none; } .content-warp.no-banner { margin-top: 0em; } #newcategories, #subCategories { display: block; float: left; width: 100%; overflow: hidden; } #newcategories .listContainer, #subCategories .listContainer { display: flex; flex-wrap: wrap; justify-content: center; } .CategoryBlock { width: 100%; max-width: 31%; margin: 1%; display: flex; flex-direction: column; flex: 1 0 auto; background: white; } .CategoryBlock a { display: flex; flex-direction: column; flex: 1 0 auto; position: relative; } .CategoryBlock img { height: 264px; width: 100%; object-fit: cover; object-position: 50% 50%; flex: 1 0 auto; } .CategoryBlock .summaryContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 264px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(24, 156, 161, 0.7); color: #fff; opacity: 0; transition: all .4s ease; text-align: center; padding: 5px; } .CategoryBlock .summaryContainer p:last-child { margin-bottom: 0; } .CategoryBlock:hover .summaryContainer { opacity: 1; } .CategoryBlock .listItemContainer { padding: 20px; background: white; display: flex; flex-direction: column; flex: 1 0 auto; width: 100%; position: relative; } .CategoryBlock .listItemContainer .listItemContainerBorder, .CategoryBlock .listItemContainer .listItemContainerBorder .codeListBlockLower { display: flex; flex-direction: column; flex: 1 0 auto; } .CategoryBlock .listItemContainer .listItemContainerBorder .codeListBlockLower { text-align: center; } .CategoryBlock .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { flex: 1 0 auto; } .listItemTitleAnchor_Label { color: #1F252C !important; font-size: 20px; font-weight: 400; } .listItemSeeJobs { display: none; } .listItemCountContainer { margin-top: 20px !important; } .Home #pageContent { display: none; } #subCategories { padding: 40px 0; } .listItemTitleAnchor_Label { color: #1F252C !important; font-size: 17px; } #quicksearch_pageBlock .blockSummaryText { display: none; } @media screen and (max-width: 1051px) { .hero-text .section-content { width: 50%; } } @media screen and (max-width: 1040px) { .CategoryBlock { max-width: 48%; } .CategoryBlock .listItemContainer { padding: 20px 10px; } #newcategories img, .CategoryBlock .summaryContainer { height: 200px; } } @media screen and (max-width: 1005px) { .navbar-brand { padding-left: 10px !important; } .headerButtons { line-height: 35px; padding-right: 10px; } } @media screen and (max-width: 767px) { #Ul1 { padding-left: 0; } .headerButtons { display: none !important; } #new_intro { padding-bottom: 0; } .Home #content-main { margin-bottom: 50px !important; padding: 0 20px !important; } .CategoryBlock { max-width: 100%; margin: 0; margin-bottom: 20px; } #new_intro { background: white !important; padding: 20px 0 10px; } .Home #content-main { margin-bottom: 50px !important; padding: 10px 20px; } } @media screen and (max-width: 664px) { h1.strapline { font-size: 28px; padding-bottom: 0; margin-top: 10px; margin-bottom: 30px; } } @media screen and (max-width: 600px) { .hero-text .section-content { width: 100%; top: 0 !important; right: 0; padding: 0 20px !important; } .section-header.hero-text { display: block !important; float: left; width: 100% !important; height: auto; } } .navbar-inverse .navbar-toggle .icon-bar { background-color: white !important; } #JobsNearMe { padding: 12px !important; } /*-------------*/ @media screen and (max-width: 1199px) { .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_text_formRow, .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_locationradius_formRow { width: 42% !important; } } @media screen and (max-width: 991px) { .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_text_formRow, .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_locationradius_formRow { width: 42% !important; } .Home #eaContainer div.pageBlockInner_FormBlock div.formRow { margin-right: 5px; } } @media screen and (max-width: 980px) { #eaContainer .buttonsRight input.buttonSubmit { margin: 0 !important; } html body #quicksearch_SaveButtonRow_formRow .buttonsRight { margin: 0 !important; } } @media screen and (max-width: 760px) { .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_text_formRow, .Home #eaContainer div.pageBlockInner_FormBlock #quicksearch_filter_locationradius_formRow { width: 100% !important; } #eaContainer h1 { font-size: 26px; } .section-header.hero-text h3 { font-size: 26px !important; } .Home #eaContainer div.pageBlockInner_FormBlock div.formRow { margin-right: 0; width: 100% !important; } #JobsNearMe { float: left; clear: left; width: 100% !important; margin: 10px 0 !important; text-align: center; padding: 6px !important; } #quicksearch_pageBlock { margin-bottom: 0 !important; width: 100% !important; float: left !important; } } @media screen and (max-width: 600px) { #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: inherit !important; } } #JobsNearMe { background: #0059a5 !important; } /*------------------*/ #posdesc_pageBlock .posrightbox_header { margin-bottom: 15px; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 153px; } #eaContainer .actionMessageContainer { background-color: #0059a5 !important; } #posSummaryBlockv2_pageBlock, #intro_pageBlock { padding: 0 !important; } @media screen and (max-width: 1224px) { #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { width: 100%; } } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 15px; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { background: white !important; padding: 7px !important; } @media screen and (max-width: 980px) { .iti.iti--allow-dropdown { width: 100% !important; } } .rowItemsInnerContainer2 { color: #313131 !important; } .verifContainer { margin: 0 0px 10px 0px; background: white !important; margin: 10px 0 !important; padding: 15px !important; } #SubmitForm_pageBlock { padding: 0 !important; } .DeclarationText { opacity: 1; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer { margin-top: 0; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: #f69220; border-color: #f69220; } .JobTitle h1 { margin-top: 0 !important; } #ToDoList_pageBlock .buttonsRight { float: left; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 15px; height: 80px !important; width: 100px !important; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin-left: 130px; } #WelcomeInfoBlock_Logout_formRow .iconImage { margin-top: 0 !important; } #WelcomeInfoBlock_Logout_formRow .iconValue { margin-top: 15px; } .rowItemsInnerContainer2 { font-size: inherit !important; } #Grid_PERSONALDETAILS_pageBlockContainer .rowHeader { display: none; } #eArcuContactConsent { border: none !important; border-top: 1px solid #0059a5 !important; border-bottom: 1px solid #0059a5 !important; padding-top: 40px !important; padding-bottom: 40px !important; } #MyDetailsStauts_pageBlock { margin-bottom: 0 !important; } #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent { margin-right: 0; margin-top: 25px; overflow: auto; } #ShowCurrentAppLink2_pageBlock { background: white !important; padding: 0 30px 40px !important; } #ShowCurrentAppLink2_info1_formRow { border-top: 1px solid #0059a5 !important; padding-top: 40px !important; padding-bottom: 40px !important; } #vacancyMap { background-size: cover !important; } /*------*/ .slider, .slider > div { /* Images default to Center Center. Maybe try 'center top'? */ background-position: center center; display: block; width: 100%; height: 500px; /* height: 100vh; */ /* If you want fullscreen */ position: relative; background-size: cover; background-repeat: no-repeat; background-color: #000; overflow: hidden; -moz-transition: transform .4s; -o-transition: transform .4s; -webkit-transition: transform .4s; transition: transform .4s; } .slider > div { position: absolute; } .slider > i { color: #5bbd72; position: absolute; font-size: 60px; margin: 20px; top: 40%; text-shadow: 0 10px 2px #223422; transition: .3s; width: 30px; padding: 10px 13px; background: #fff; background: rgba(255, 255, 255, .3); cursor: pointer; line-height: 0; box-sizing: content-box; border-radius: 3px; z-index: 4; } .slider > i svg { margin-top: 3px; } .slider > .left { left: -100px; } .slider > .right { right: -100px; } .slider:hover > .left { left: 0; } .slider:hover > .right { right: 0; } .slider > i:hover { background: #fff; background: rgba(255, 255, 255, .8); transform: translateX(-2px); } .slider > i.right:hover { transform: translateX(2px); } .slider > i.right:active, .slider > i.left:active { transform: translateY(1px); } .slider:hover > div { transform: scale(1.01); } .hoverZoomOff:hover > div { transform: scale(1); } .slider > ul { position: absolute; bottom: 10px; left: 50%; z-index: 4; padding: 0; margin: 0; transform: translateX(-50%); } .slider > ul > li { padding: 0; width: 20px; height: 20px; border-radius: 50%; list-style: none; float: left; margin: 10px 10px 0; cursor: pointer; border: 1px solid #fff; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; } .slider > ul > .showli { background-color: #7EC03D; -moz-animation: boing .5s forwards; -o-animation: boing .5s forwards; -webkit-animation: boing .5s forwards; animation: boing .5s forwards; } .slider > ul > li:hover { background-color: #7EC03D; } .slider > .show { z-index: 1; } .hideDots > ul { display: none; } .showArrows > .left { left: 0; } .showArrows > .right { right: 0; } .titleBar { z-index: 2; display: inline-block; background: rgba(0,0,0,.5); position: absolute; width: 100%; bottom: 0; transform: translateY(100%); padding: 20px 30px; transition: .3s; color: #fff; } .titleBar * { transform: translate(-20px, 30px); transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms; opacity: 0; } .titleBarTop .titleBar * { transform: translate(-20px, -30px); } .slider:hover .titleBar, .slider:hover .titleBar * { transform: translate(0); opacity: 1; } .titleBarTop .titleBar { top: 0; bottom: initial; transform: translateY(-100%); } .slider > div span { display: block; background: rgba(0,0,0,.5); position: absolute; bottom: 0; color: #fff; text-align: center; padding: 0; width: 100%; } @keyframes boing { 0% { transform: scale(1.2); } 40% { transform: scale(.6); } 60% { transform: scale(1.2); } 80% { transform: scale(.8); } 100% { transform: scale(1); } } /* -------------------------------------- */ #slider1 ul { display: none; } #slider1 img { width: 100% !important; } #new_intro { display: none; } /*----------*/ @media screen and (max-width: 1499px) { .slider, .slider > div { height: 450px !important; } } @media screen and (max-width: 1051px) { .slider, .slider > div { height: 250px !important; } } @media screen and (max-width: 749px) { .slider, .slider > div { height: 200px !important; } } @media screen and (max-width: 600px) { .slider, .slider > div { height: 140px !important; } } @media screen and (max-width: 427px) { .slider, .slider > div { height: 100px !important; } } #MapBlock_pageBlock .addressInput { border: 1px solid rgb(154, 163, 179) !important; } #JobsNearMe { float: left; width: auto !important; margin-top: 0 !important; } .possibleDistancesLabel { display: none !important; } .possibleDistances li a { padding-left: 5px !important; color: #0059a5 !important; } .locationValueLabel { color: #313131 !important; } .Intranet .Internal_Intor { display: block !important; } .Intranet #UsernameForm_ssoicons_formRow { display: none !important; } .Intranet .possharing { display: none !important; } .Intranet .ssoIcon.facebook_ssoIcon { display: none !important; } #posdesc_pageBlock .earcu_posdescriptionContainer { text-align: left; } @media screen and (max-width: 600px) { #posdesc_pageBlock .earcu_posdescriptionContainer { text-align: left; line-height: normal; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { padding: 0px 0px 0px 5px !important; font-size: 12px !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; font-size: 20px; color: #1F252C !important; line-height: normal; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin-left: 0; float: left; clear: left; } } @media screen and (max-width: 1030px) { #posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li { float: left; clear: left; } } .possibleDistances li a { padding-left: 5px !important; color: #0059a5 !important; } @media screen and (max-width: 980px) { .possibleDistances li a { padding-left: 35px !important; } } #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a { color: #0059a5 !important; } @media all and (max-width:767px) { #JobsNearMe { width: 100% !important; margin-top: 5px !important; } } .ui-widget.ui-widget-content { z-index: 5000 !important; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; z-index: 5000 !important; } .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td, .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td { background-color: #0059a5 !important; } @media all and (max-width:600px) { #lookupResults_pageBlock .gridTable { width: auto !important; } } @media all and (max-width:500px) { body .ui-dialog { width: 100% !important; } body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 100% !important; } #lookupResults_pageBlock .gridTable { width: 100% !important; } .kiketable-colsizable { table-layout: auto; } .CategoryBlock .summaryContainer { display: none; } } .buttonsSticky { position: fixed; top: 400px !important; right: 0; z-index: 5000; } .RemoveLink { display: none; } .LocationValue { display: none; } @media all and (max-width:600px) { .possibleDistances li a { padding-left: 29px !important; } .possibleDistances li a { font-size: 12px !important; } } #eaContainer a.buttonActionId_continue_to_welcome { display: none; } /*-----------------*/ #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem { width: 31% !important; float: left !important; margin: 1% !important; height: 330px !important; border-radius: 5px; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem .ulListItemLabel { border: none !important; text-align: center !important; background: #0059a5 !important; overflow: hidden; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover { color: #0059a5 !important; font-weight: bold !important; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a { color: #0059a5 !important; font-weight: bold !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem:hover .ulListItemLabel { background-color: #28cad0 !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Completed .ulListItemLabel { background-color: #28cad0 !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem { background-size: cover !important; background-position: center 40px; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Section_OfferInformation1 { background-image: url(../images/Image_Offerpack_3.jpg) !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Section_OfferInformation12 { background-image: url(../images/Image_Offerpack_1.jpg) !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Section_OfferInformation11 { background-image: url(../images/Image_Offerpack_4.jpg) !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Section_OfferInformation10 { background-image: url(../images/Image_Offerpack_2.jpg) !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Section_OfferInformation2 { background-image: url(../images/Image_Offerpack_6.jpg) !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem.Section_OfferInformation20 { background-image: url(../images/Image_Offerpack_7.jpg) !important; } @media screen and (max-width: 991px) { #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem { width: 47% !important; } } @media screen and (max-width: 650px) { #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem { width: 100% !important; margin: 0 !important; margin-bottom: 20px !important; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem .ulListItemLabel { position: relative; border: none !important; text-align: center !important; overflow: hidden; } } .MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem { height: auto !important; } .MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a { color: white !important; } .MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover { color: white !important; } #footer section { width: 100%; background-color: #d9e6f3; } .section-header.hero-text h3 { font-size: 38px !important; line-height: 46px !important; color: #0059a5 !important; text-align: left !important; font-weight: bold; } #Ul1 { padding-left: 10px !important; float: right; } .navbar-brand img { margin: 10px 0; } .headerButtons { margin: 60px 0 23px 0; float: right; } .c1-bg { background: #ffffff } .item.item_overlay .inner .image.c1-bg::before { background: #ffffff } .usn_cmp_banner .item.item_overlay.c1-bg .inner::before { background: #ffffff } .c1-bg h1:not(.heading), .c1-bg h2:not(.heading), .c1-bg h3:not(.heading), .c1-bg h4:not(.heading), .c1-bg h5:not(.heading), .c1-bg h6:not(.heading), .c1-heading, .c1-bg span.heading { color: #0059a5 } .c1-secondary-heading, .c1-bg .c1-secondary-heading { color: #0059a5 } .c1-bg, .c1-bg .c1-text, .c1-text { color: #0059a5 } .c1-borders { border-color: #d9e6f3 } .c1-link, .c1-bg a:not(.btn) { color: #1694ff } .c1-link:hover, .c1-link:focus, .c1-link:active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active { color: #f69220 } .c1-highlight-bg { background-color: #ffffff } .c1-bg blockquote::before, .component .component.c1-bg div > blockquote::before { color: #ffffff } .c1-highlight-text { color: #1f252c } .c1-heading { color: #0059a5 !important } .c1-secondary-heading { color: #0059a5 !important } .c1-bg .heading { color: #0059a5 } .c1-bg .secondary-heading { color: #0059a5 } .c1-bg .quote, .c1-bg blockquote { color: #0059a5 } .c1-bg .quote::before, .c1-bg blockquote::before { color: #ffffff } .c1-bg .label { background-color: #ffffff } .c1-bg .label { color: #1f252c } .c1-bg .repeatable .tab .nav-link { color: #1694ff; border-color: #d9e6f3 } .c1-bg .repeatable.tabbed .tab .nav-link:not(.active):hover, .c1-bg .repeatable.accordion .tab .nav-link.collapsed:hover { color: #f69220; border-color: #f69220 } .c1-bg .repeatable.tabbed .tab .nav-link.active, .c1-bg .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #0059a5; border-bottom-color: #0059a5 } .c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: #1694ff } html .c1-bg .slick-slider .slick-prev:hover, html .c1-bg .slick-slider .slick-next:hover { color: #f69220 } .c1-bg .slick-slider .slick-dots li > button { background-color: #0059a5 } html .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: #f69220 } .c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: #ffffff } .form .c1-bg .form-control { border-color: #d9e6f3 } .form .c1-bg .form-control:focus { border-color: #ffffff; box-shadow: 0 0 5px #d9e6f3 } .c1-bg .ajax-wrap .ajax-loading { background: #ffffff } .c1-bg.ajax-wrap .ajax-loading { background: #ffffff } .ajax-wrap .c1-bg .ajax-loading { background: #ffffff } .c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid #d9e6f3; border-top: 10px solid #ffffff } .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid #d9e6f3; border-top: 10px solid #ffffff } .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid #d9e6f3; border-top: 10px solid #ffffff } .c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #d9e6f3; border-top: 5px solid #ffffff } .c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #d9e6f3; border-top: 5px solid #ffffff } .item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid #d9e6f3; border-top: 5px solid #ffffff } .item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid #d9e6f3; border-top: 5px solid #ffffff } .c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: #d9e6f3 } .c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: #d9e6f3 } .c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: #1694ff } .c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: #f69220 } .c1-bg .listing.listing_data-list.data-list_boxed { border-color: #d9e6f3 } .c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: #d9e6f3 } .c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: #d9e6f3 } .c1-bg nav.sitemap ul li:hover::after { background-color: #c6d9ed } .c1-bg thead { color: #0059a5 } .c1-bg table, .c1-bg table th, .c1-bg table td { border-color: #d9e6f3 } .component.usn_cmp_anchornavigation.c1-bg ul.nav li.nav-item a.nav-link { color: #0059a5 } .component.usn_cmp_anchornavigation.c1-bg ul.nav li.nav-item a.nav-link:not(.active):hover::after { background-color: #0059a5 } .component.usn_cmp_anchornavigation.c1-bg ul.nav li.nav-item a.nav-link.active::after { background-color: #0059a5 } .component.usn_cmp_anchornavigation.c1-bg .expand { color: #0059a5 } .component.usn_cmp_anchornavigation.c1-bg .expand span, .component.usn_cmp_anchornavigation.c1-bg .expand span:before, .component.usn_cmp_anchornavigation.c1-bg .expand span:after { background-color: #0059a5 } .c1-bg .scroll-prompt a { color: #0059a5 } .c1-bg .scroll-prompt a i { color: #0059a5 } .c1-bg .scroll-prompt .mouse-scroll { border-color: #0059a5 } .c1-bg .scroll-prompt .mouse-scroll::before { background-color: #0059a5 } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store h1 { color: #0059a5 !important } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .ec-header-h1 { color: #0059a5 !important } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .product-details__product-title { color: #0059a5 !important } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .grid-product__title-inner { color: #0059a5 !important } .c2-bg { background: #0059a5 } .item.item_overlay .inner .image.c2-bg::before { background: #0059a5 } .usn_cmp_banner .item.item_overlay.c2-bg .inner::before { background: #0059a5 } .c2-bg h1:not(.heading), .c2-bg h2:not(.heading), .c2-bg h3:not(.heading), .c2-bg h4:not(.heading), .c2-bg h5:not(.heading), .c2-bg h6:not(.heading), .c2-heading, .c2-bg span.heading { color: #ffffff } .c2-secondary-heading, .c2-bg .c2-secondary-heading { color: #ffffff } .c2-bg, .c2-bg .c2-text, .c2-text { color: #ffffff } .c2-borders { border-color: #000000 } .c2-link, .c2-bg a:not(.btn) { color: #b4bbc1 } .c2-link:hover, .c2-link:focus, .c2-link:active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active { color: #000000 } .c2-highlight-bg { background-color: #ffffff } .c2-bg blockquote::before, .component .component.c2-bg div > blockquote::before { color: #ffffff } .c2-highlight-text { color: #3d71a5 } .c2-heading { color: #ffffff !important } .c2-secondary-heading { color: #ffffff !important } .c2-bg .heading { color: #ffffff } .c2-bg .secondary-heading { color: #ffffff } .c2-bg .quote, .c2-bg blockquote { color: #ffffff } .c2-bg .quote::before, .c2-bg blockquote::before { color: #ffffff } .c2-bg .label { background-color: #ffffff } .c2-bg .label { color: #3d71a5 } .c2-bg .repeatable .tab .nav-link { color: #b4bbc1; border-color: #000000 } .c2-bg .repeatable.tabbed .tab .nav-link:not(.active):hover, .c2-bg .repeatable.accordion .tab .nav-link.collapsed:hover { color: #000000; border-color: #000000 } .c2-bg .repeatable.tabbed .tab .nav-link.active, .c2-bg .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #ffffff; border-bottom-color: #ffffff } .c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: #b4bbc1 } html .c2-bg .slick-slider .slick-prev:hover, html .c2-bg .slick-slider .slick-next:hover { color: #000000 } .c2-bg .slick-slider .slick-dots li > button { background-color: #ffffff } html .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: #000000 } .c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: #ffffff } .form .c2-bg .form-control { border-color: #000000 } .form .c2-bg .form-control:focus { border-color: #ffffff; box-shadow: 0 0 5px #d9e6f3 } .c2-bg .ajax-wrap .ajax-loading { background: #0059a5 } .c2-bg.ajax-wrap .ajax-loading { background: #0059a5 } .ajax-wrap .c2-bg .ajax-loading { background: #0059a5 } .c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid #000000; border-top: 10px solid #ffffff } .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid #000000; border-top: 10px solid #ffffff } .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid #000000; border-top: 10px solid #ffffff } .c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: #000000 } .c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: #000000 } .c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: #b4bbc1 } .c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: #000000 } .c2-bg .listing.listing_data-list.data-list_boxed { border-color: #000000 } .c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: #000000 } .c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: #000000 } .c2-bg nav.sitemap ul li:hover::after { background-color: #000000 } .c2-bg thead { color: #ffffff } .c2-bg table, .c2-bg table th, .c2-bg table td { border-color: #000000 } .component.usn_cmp_anchornavigation.c2-bg ul.nav li.nav-item a.nav-link { color: #ffffff } .component.usn_cmp_anchornavigation.c2-bg ul.nav li.nav-item a.nav-link:not(.active):hover::after { background-color: #ffffff } .component.usn_cmp_anchornavigation.c2-bg ul.nav li.nav-item a.nav-link.active::after { background-color: #ffffff } .component.usn_cmp_anchornavigation.c2-bg .expand { color: #ffffff } .component.usn_cmp_anchornavigation.c2-bg .expand span, .component.usn_cmp_anchornavigation.c2-bg .expand span:before, .component.usn_cmp_anchornavigation.c2-bg .expand span:after { background-color: #ffffff } .c2-bg .scroll-prompt a { color: #ffffff } .c2-bg .scroll-prompt a i { color: #ffffff } .c2-bg .scroll-prompt .mouse-scroll { border-color: #ffffff } .c2-bg .scroll-prompt .mouse-scroll::before { background-color: #ffffff } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store h1 { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .ec-header-h1 { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .product-details__product-title { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .grid-product__title-inner { color: #ffffff !important } .c3-bg { background: #d9e6f3 } .item.item_overlay .inner .image.c3-bg::before { background: #d9e6f3 } .usn_cmp_banner .item.item_overlay.c3-bg .inner::before { background: #d9e6f3 } .c3-bg h1:not(.heading), .c3-bg h2:not(.heading), .c3-bg h3:not(.heading), .c3-bg h4:not(.heading), .c3-bg h5:not(.heading), .c3-bg h6:not(.heading), .c3-heading, .c3-bg span.heading { color: #0059a5 } .c3-secondary-heading, .c3-bg .c3-secondary-heading { color: #0059a5 } .c3-bg, .c3-bg .c3-text, .c3-text { color: #0059a5 } .c3-borders { border-color: #1f252c } .c3-link, .c3-bg a:not(.btn) { color: #008aff } .c3-link:hover, .c3-link:focus, .c3-link:active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active { color: #f69220 } .c3-highlight-bg { background-color: #0059a5 } .c3-bg blockquote::before, .component .component.c3-bg div > blockquote::before { color: #0059a5 } .c3-highlight-text { color: #ffffff } .c3-heading { color: #0059a5 !important } .c3-secondary-heading { color: #0059a5 !important } .c3-bg .heading { color: #0059a5 } .c3-bg .secondary-heading { color: #0059a5 } .c3-bg .quote, .c3-bg blockquote { color: #0059a5 } .c3-bg .quote::before, .c3-bg blockquote::before { color: #0059a5 } .c3-bg .label { background-color: #0059a5 } .c3-bg .label { color: #ffffff } .c3-bg .repeatable .tab .nav-link { color: #008aff; border-color: #1f252c } .c3-bg .repeatable.tabbed .tab .nav-link:not(.active):hover, .c3-bg .repeatable.accordion .tab .nav-link.collapsed:hover { color: #f69220; border-color: #f69220 } .c3-bg .repeatable.tabbed .tab .nav-link.active, .c3-bg .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #0059a5; border-bottom-color: #0059a5 } .c3-bg .slick-slider .slick-prev, .c3-bg .slick-slider .slick-next { color: #008aff } html .c3-bg .slick-slider .slick-prev:hover, html .c3-bg .slick-slider .slick-next:hover { color: #f69220 } .c3-bg .slick-slider .slick-dots li > button { background-color: #0059a5 } html .c3-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: #f69220 } .c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: #0059a5 } .form .c3-bg .form-control { border-color: #1f252c } .form .c3-bg .form-control:focus { border-color: #0059a5; box-shadow: 0 0 5px #d9e6f3 } .c3-bg .ajax-wrap .ajax-loading { background: #d9e6f3 } .c3-bg.ajax-wrap .ajax-loading { background: #d9e6f3 } .ajax-wrap .c3-bg .ajax-loading { background: #d9e6f3 } .c3-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid #1f252c; border-top: 10px solid #0059a5 } .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid #1f252c; border-top: 10px solid #0059a5 } .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 10px solid #1f252c; border-top: 10px solid #0059a5 } .c3-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #1f252c; border-top: 5px solid #0059a5 } .c3-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #1f252c; border-top: 5px solid #0059a5 } .item_form-single_field .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid #1f252c; border-top: 5px solid #0059a5 } .item_form-single_field .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 5px solid #1f252c; border-top: 5px solid #0059a5 } .c3-bg .listing.listing_links:not(.listing_links-mini), .c3-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: #1f252c } .c3-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: #1f252c } .c3-bg .listing.listing_links.listing_links-mini .item a::after { background-color: #008aff } .c3-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: #f69220 } .c3-bg .listing.listing_data-list.data-list_boxed { border-color: #1f252c } .c3-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: #1f252c } .c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after { background-color: #1f252c } .c3-bg nav.sitemap ul li:hover::after { background-color: #14181d } .c3-bg thead { color: #0059a5 } .c3-bg table, .c3-bg table th, .c3-bg table td { border-color: #1f252c } .component.usn_cmp_anchornavigation.c3-bg ul.nav li.nav-item a.nav-link { color: #0059a5 } .component.usn_cmp_anchornavigation.c3-bg ul.nav li.nav-item a.nav-link:not(.active):hover::after { background-color: #0059a5 } .component.usn_cmp_anchornavigation.c3-bg ul.nav li.nav-item a.nav-link.active::after { background-color: #0059a5 } .component.usn_cmp_anchornavigation.c3-bg .expand { color: #0059a5 } .component.usn_cmp_anchornavigation.c3-bg .expand span, .component.usn_cmp_anchornavigation.c3-bg .expand span:before, .component.usn_cmp_anchornavigation.c3-bg .expand span:after { background-color: #0059a5 } .c3-bg .scroll-prompt a { color: #0059a5 } .c3-bg .scroll-prompt a i { color: #0059a5 } .c3-bg .scroll-prompt .mouse-scroll { border-color: #0059a5 } .c3-bg .scroll-prompt .mouse-scroll::before { background-color: #0059a5 } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store h1 { color: #0059a5 !important } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .ec-header-h1 { color: #0059a5 !important } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .product-details__product-title { color: #0059a5 !important } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .grid-product__title-inner { color: #0059a5 !important } .c4-bg { background: #f69220 } .item.item_overlay .inner .image.c4-bg::before { background: #f69220 } .usn_cmp_banner .item.item_overlay.c4-bg .inner::before { background: #f69220 } .c4-bg h1:not(.heading), .c4-bg h2:not(.heading), .c4-bg h3:not(.heading), .c4-bg h4:not(.heading), .c4-bg h5:not(.heading), .c4-bg h6:not(.heading), .c4-heading, .c4-bg span.heading { color: #ffffff } .c4-secondary-heading, .c4-bg .c4-secondary-heading { color: #ffffff } .c4-bg, .c4-bg .c4-text, .c4-text { color: #ffffff } .c4-borders { border-color: #ffffff } .c4-link, .c4-bg a:not(.btn) { color: #000000 } .c4-link:hover, .c4-link:focus, .c4-link:active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active { color: #fdfdfd } .c4-highlight-bg { background-color: #ffffff } .c4-bg blockquote::before, .component .component.c4-bg div > blockquote::before { color: #ffffff } .c4-highlight-text { color: #f69220 } .c4-heading { color: #ffffff !important } .c4-secondary-heading { color: #ffffff !important } .c4-bg .heading { color: #ffffff } .c4-bg .secondary-heading { color: #ffffff } .c4-bg .quote, .c4-bg blockquote { color: #ffffff } .c4-bg .quote::before, .c4-bg blockquote::before { color: #ffffff } .c4-bg .label { background-color: #ffffff } .c4-bg .label { color: #f69220 } .c4-bg .repeatable .tab .nav-link { color: #000000; border-color: #ffffff } .c4-bg .repeatable.tabbed .tab .nav-link:not(.active):hover, .c4-bg .repeatable.accordion .tab .nav-link.collapsed:hover { color: #fdfdfd; border-color: #fdfdfd } .c4-bg .repeatable.tabbed .tab .nav-link.active, .c4-bg .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #ffffff; border-bottom-color: #ffffff } .c4-bg .slick-slider .slick-prev, .c4-bg .slick-slider .slick-next { color: #000000 } html .c4-bg .slick-slider .slick-prev:hover, html .c4-bg .slick-slider .slick-next:hover { color: #fdfdfd } .c4-bg .slick-slider .slick-dots li > button { background-color: #ffffff } html .c4-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: #fdfdfd } .c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: #ffffff } .form .c4-bg .form-control { border-color: #ffffff } .form .c4-bg .form-control:focus { border-color: #ffffff; box-shadow: 0 0 5px #d9e6f3 } .c4-bg .ajax-wrap .ajax-loading { background: #f69220 } .c4-bg.ajax-wrap .ajax-loading { background: #f69220 } .ajax-wrap .c4-bg .ajax-loading { background: #f69220 } .c4-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid #ffffff; border-top: 10px solid #ffffff } .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid #ffffff; border-top: 10px solid #ffffff } .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 10px solid #ffffff; border-top: 10px solid #ffffff } .c4-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #ffffff; border-top: 5px solid #ffffff } .c4-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #ffffff; border-top: 5px solid #ffffff } .item_form-single_field .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid #ffffff; border-top: 5px solid #ffffff } .item_form-single_field .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 5px solid #ffffff; border-top: 5px solid #ffffff } .c4-bg .listing.listing_links:not(.listing_links-mini), .c4-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: #ffffff } .c4-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: #ffffff } .c4-bg .listing.listing_links.listing_links-mini .item a::after { background-color: #000000 } .c4-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: #fdfdfd } .c4-bg .listing.listing_data-list.data-list_boxed { border-color: #ffffff } .c4-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: #ffffff } .c4-bg nav.sitemap ul li::before, .c4-bg nav.sitemap ul li::after { background-color: #ffffff } .c4-bg nav.sitemap ul li:hover::after { background-color: #f2f2f2 } .c4-bg thead { color: #ffffff } .c4-bg table, .c4-bg table th, .c4-bg table td { border-color: #ffffff } .component.usn_cmp_anchornavigation.c4-bg ul.nav li.nav-item a.nav-link { color: #ffffff } .component.usn_cmp_anchornavigation.c4-bg ul.nav li.nav-item a.nav-link:not(.active):hover::after { background-color: #ffffff } .component.usn_cmp_anchornavigation.c4-bg ul.nav li.nav-item a.nav-link.active::after { background-color: #ffffff } .component.usn_cmp_anchornavigation.c4-bg .expand { color: #ffffff } .component.usn_cmp_anchornavigation.c4-bg .expand span, .component.usn_cmp_anchornavigation.c4-bg .expand span:before, .component.usn_cmp_anchornavigation.c4-bg .expand span:after { background-color: #ffffff } .c4-bg .scroll-prompt a { color: #ffffff } .c4-bg .scroll-prompt a i { color: #ffffff } .c4-bg .scroll-prompt .mouse-scroll { border-color: #ffffff } .c4-bg .scroll-prompt .mouse-scroll::before { background-color: #ffffff } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store h1 { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .ec-header-h1 { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .product-details__product-title { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .grid-product__title-inner { color: #ffffff !important } .c5-bg { background: #d31c5b } .item.item_overlay .inner .image.c5-bg::before { background: #d31c5b } .usn_cmp_banner .item.item_overlay.c5-bg .inner::before { background: #d31c5b } .c5-bg h1:not(.heading), .c5-bg h2:not(.heading), .c5-bg h3:not(.heading), .c5-bg h4:not(.heading), .c5-bg h5:not(.heading), .c5-bg h6:not(.heading), .c5-heading, .c5-bg span.heading { color: #ffffff } .c5-secondary-heading, .c5-bg .c5-secondary-heading { color: #000000 } .c5-bg, .c5-bg .c5-text, .c5-text { color: #ffffff } .c5-borders { border-color: #000000 } .c5-link, .c5-bg a:not(.btn) { color: #000000 } .c5-link:hover, .c5-link:focus, .c5-link:active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active { color: #fbf6f6 } .c5-highlight-bg { background-color: #ffffff } .c5-bg blockquote::before, .component .component.c5-bg div > blockquote::before { color: #ffffff } .c5-highlight-text { color: #d31c5b } .c5-heading { color: #ffffff !important } .c5-secondary-heading { color: #000000 !important } .c5-bg .heading { color: #ffffff } .c5-bg .secondary-heading { color: #000000 } .c5-bg .quote, .c5-bg blockquote { color: #ffffff } .c5-bg .quote::before, .c5-bg blockquote::before { color: #ffffff } .c5-bg .label { background-color: #ffffff } .c5-bg .label { color: #d31c5b } .c5-bg .repeatable .tab .nav-link { color: #000000; border-color: #000000 } .c5-bg .repeatable.tabbed .tab .nav-link:not(.active):hover, .c5-bg .repeatable.accordion .tab .nav-link.collapsed:hover { color: #fbf6f6; border-color: #fbf6f6 } .c5-bg .repeatable.tabbed .tab .nav-link.active, .c5-bg .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #ffffff; border-bottom-color: #ffffff } .c5-bg .slick-slider .slick-prev, .c5-bg .slick-slider .slick-next { color: #000000 } html .c5-bg .slick-slider .slick-prev:hover, html .c5-bg .slick-slider .slick-next:hover { color: #fbf6f6 } .c5-bg .slick-slider .slick-dots li > button { background-color: #ffffff } html .c5-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: #fbf6f6 } .c5-bg .slick-slider .slick-dots li.slick-active > button { background-color: #ffffff } .form .c5-bg .form-control { border-color: #000000 } .form .c5-bg .form-control:focus { border-color: #ffffff; box-shadow: 0 0 5px #d9e6f3 } .c5-bg .ajax-wrap .ajax-loading { background: #d31c5b } .c5-bg.ajax-wrap .ajax-loading { background: #d31c5b } .ajax-wrap .c5-bg .ajax-loading { background: #d31c5b } .c5-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid #000000; border-top: 10px solid #ffffff } .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid #000000; border-top: 10px solid #ffffff } .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 10px solid #000000; border-top: 10px solid #ffffff } .c5-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .c5-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .item_form-single_field .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .item_form-single_field .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 5px solid #000000; border-top: 5px solid #ffffff } .c5-bg .listing.listing_links:not(.listing_links-mini), .c5-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: #000000 } .c5-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: #000000 } .c5-bg .listing.listing_links.listing_links-mini .item a::after { background-color: #000000 } .c5-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: #fbf6f6 } .c5-bg .listing.listing_data-list.data-list_boxed { border-color: #000000 } .c5-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: #000000 } .c5-bg nav.sitemap ul li::before, .c5-bg nav.sitemap ul li::after { background-color: #000000 } .c5-bg nav.sitemap ul li:hover::after { background-color: #000000 } .c5-bg thead { color: #ffffff } .c5-bg table, .c5-bg table th, .c5-bg table td { border-color: #000000 } .component.usn_cmp_anchornavigation.c5-bg ul.nav li.nav-item a.nav-link { color: #ffffff } .component.usn_cmp_anchornavigation.c5-bg ul.nav li.nav-item a.nav-link:not(.active):hover::after { background-color: #ffffff } .component.usn_cmp_anchornavigation.c5-bg ul.nav li.nav-item a.nav-link.active::after { background-color: #ffffff } .component.usn_cmp_anchornavigation.c5-bg .expand { color: #ffffff } .component.usn_cmp_anchornavigation.c5-bg .expand span, .component.usn_cmp_anchornavigation.c5-bg .expand span:before, .component.usn_cmp_anchornavigation.c5-bg .expand span:after { background-color: #ffffff } .c5-bg .scroll-prompt a { color: #ffffff } .c5-bg .scroll-prompt a i { color: #ffffff } .c5-bg .scroll-prompt .mouse-scroll { border-color: #ffffff } .c5-bg .scroll-prompt .mouse-scroll::before { background-color: #ffffff } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store h1 { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .ec-header-h1 { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .product-details__product-title { color: #ffffff !important } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .grid-product__title-inner { color: #ffffff !important } .btn.c1-btn-bg, .btn-bg_c1-btn-bg .btn { background: #0058a5 } .btn.c1-btn-bg:hover, .btn.c1-btn-bg:focus, .btn.c1-btn-bg:active, .btn-bg_c1-btn-bg .btn:hover, .btn-bg_c1-btn-bg .btn:focus, .btn-bg_c1-btn-bg .btn:active { background: #0058a5 } .btn.c1-btn-borders, .btn-borders_c1-btn-borders .btn { border-color: #ffffff } .btn.c1-btn-borders:hover, .btn.c1-btn-borders:focus, .btn.c1-btn-borders:active, .btn-borders_c1-btn-borders .btn:hover, .btn-borders_c1-btn-borders .btn:focus, .btn-borders_c1-btn-borders .btn:active { border-color: #0058a5 } .btn.c1-btn-text, .btn-text_c1-btn-text .btn { color: #ffffff } .btn.c1-btn-text:hover, .btn.c1-btn-text:focus, .btn.c1-btn-text:active, .btn-text_c1-btn-text .btn:hover, .btn-text_c1-btn-text .btn:focus, .btn-text_c1-btn-text .btn:active { color: #0058a5 } .btn.c1-btn-bg:hover > span, .btn.c1-btn-bg:focus > span, .btn.c1-btn-bg:active > span { background: #fffdfd } .btn-bg_c1-btn-bg .btn:hover > span, .btn-bg_c1-btn-bg .btn:focus > span, .btn-bg_c1-btn-bg .btn:active > span { background: #fffdfd } a:hover .btn.c1-btn-bg > span, a:focus .btn.c1-btn-bg > span, a:active .btn.c1-btn-bg > span { background: #fffdfd } a:hover .btn.c1-btn-borders, a:focus .btn.c1-btn-borders, a:active .btn.c1-btn-borders { border-color: #0058a5 } a:hover .btn.c1-btn-text, a:focus .btn.c1-btn-text, a:active .btn.c1-btn-text { color: #0058a5 } .btn.btn-xs.c1-btn-text, .btn-text_c1-btn-text .btn.btn-xs { color: #0058a5 } .btn.btn-sm.c1-btn-text, .btn-text_c1-btn-text .btn.btn-sm { color: #0058a5 } .btn.btn-xs.c1-btn-text:hover, .btn.btn-xs.c1-btn-text:focus, .btn.btn-xs.c1-btn-text:active, .btn-text_c1-btn-text .btn.btn-xs:hover, .btn-text_c1-btn-text .btn.btn-xs:focus, .btn-text_c1-btn-text .btn.btn-xs:active { color: #fffdfd } .btn.btn-sm.c1-btn-text:hover, .btn.btn-sm.c1-btn-text:focus, .btn.btn-sm.c1-btn-text:active, .btn-text_c1-btn-text .btn.btn-sm:hover, .btn-text_c1-btn-text .btn.btn-sm:focus, .btn-text_c1-btn-text .btn.btn-sm:active { color: #fffdfd } .basic-buttons .btn.c1-btn-text, .basic-buttons .btn-text_c1-btn-text .btn { color: #0058a5 } .basic-buttons .btn.c1-btn-text:hover, .basic-buttons .btn.c1-btn-text:focus, .btn.c1-btn-text:active, .basic-buttons .btn-text_c1-btn-text .btn:hover, .basic-buttons .btn-text_c1-btn-text .btn:focus, .basic-buttons .btn-text_c1-btn-text .btn:active { color: #fffdfd } .btn.c2-btn-bg, .btn-bg_c2-btn-bg .btn { background: #ffffff } .btn.c2-btn-bg:hover, .btn.c2-btn-bg:focus, .btn.c2-btn-bg:active, .btn-bg_c2-btn-bg .btn:hover, .btn-bg_c2-btn-bg .btn:focus, .btn-bg_c2-btn-bg .btn:active { background: #ffffff } .btn.c2-btn-borders, .btn-borders_c2-btn-borders .btn { border-color: #0058a5 } .btn.c2-btn-borders:hover, .btn.c2-btn-borders:focus, .btn.c2-btn-borders:active, .btn-borders_c2-btn-borders .btn:hover, .btn-borders_c2-btn-borders .btn:focus, .btn-borders_c2-btn-borders .btn:active { border-color: #ffffff } .btn.c2-btn-text, .btn-text_c2-btn-text .btn { color: #0058a5 } .btn.c2-btn-text:hover, .btn.c2-btn-text:focus, .btn.c2-btn-text:active, .btn-text_c2-btn-text .btn:hover, .btn-text_c2-btn-text .btn:focus, .btn-text_c2-btn-text .btn:active { color: #ffffff } .btn.c2-btn-bg:hover > span, .btn.c2-btn-bg:focus > span, .btn.c2-btn-bg:active > span { background: #0058a5 } .btn-bg_c2-btn-bg .btn:hover > span, .btn-bg_c2-btn-bg .btn:focus > span, .btn-bg_c2-btn-bg .btn:active > span { background: #0058a5 } a:hover .btn.c2-btn-bg > span, a:focus .btn.c2-btn-bg > span, a:active .btn.c2-btn-bg > span { background: #0058a5 } a:hover .btn.c2-btn-borders, a:focus .btn.c2-btn-borders, a:active .btn.c2-btn-borders { border-color: #ffffff } a:hover .btn.c2-btn-text, a:focus .btn.c2-btn-text, a:active .btn.c2-btn-text { color: #ffffff } .btn.btn-xs.c2-btn-text, .btn-text_c2-btn-text .btn.btn-xs { color: #ffffff } .btn.btn-sm.c2-btn-text, .btn-text_c2-btn-text .btn.btn-sm { color: #ffffff } .btn.btn-xs.c2-btn-text:hover, .btn.btn-xs.c2-btn-text:focus, .btn.btn-xs.c2-btn-text:active, .btn-text_c2-btn-text .btn.btn-xs:hover, .btn-text_c2-btn-text .btn.btn-xs:focus, .btn-text_c2-btn-text .btn.btn-xs:active { color: #0058a5 } .btn.btn-sm.c2-btn-text:hover, .btn.btn-sm.c2-btn-text:focus, .btn.btn-sm.c2-btn-text:active, .btn-text_c2-btn-text .btn.btn-sm:hover, .btn-text_c2-btn-text .btn.btn-sm:focus, .btn-text_c2-btn-text .btn.btn-sm:active { color: #0058a5 } .basic-buttons .btn.c2-btn-text, .basic-buttons .btn-text_c2-btn-text .btn { color: #ffffff } .basic-buttons .btn.c2-btn-text:hover, .basic-buttons .btn.c2-btn-text:focus, .btn.c2-btn-text:active, .basic-buttons .btn-text_c2-btn-text .btn:hover, .basic-buttons .btn-text_c2-btn-text .btn:focus, .basic-buttons .btn-text_c2-btn-text .btn:active { color: #0058a5 } .btn.c3-btn-bg, .btn-bg_c3-btn-bg .btn { background: #f69220 } .btn.c3-btn-bg:hover, .btn.c3-btn-bg:focus, .btn.c3-btn-bg:active, .btn-bg_c3-btn-bg .btn:hover, .btn-bg_c3-btn-bg .btn:focus, .btn-bg_c3-btn-bg .btn:active { background: #f69220 } .btn.c3-btn-borders, .btn-borders_c3-btn-borders .btn { border-color: #ffffff } .btn.c3-btn-borders:hover, .btn.c3-btn-borders:focus, .btn.c3-btn-borders:active, .btn-borders_c3-btn-borders .btn:hover, .btn-borders_c3-btn-borders .btn:focus, .btn-borders_c3-btn-borders .btn:active { border-color: #f69220 } .btn.c3-btn-text, .btn-text_c3-btn-text .btn { color: #ffffff } .btn.c3-btn-text:hover, .btn.c3-btn-text:focus, .btn.c3-btn-text:active, .btn-text_c3-btn-text .btn:hover, .btn-text_c3-btn-text .btn:focus, .btn-text_c3-btn-text .btn:active { color: #f69220 } .btn.c3-btn-bg:hover > span, .btn.c3-btn-bg:focus > span, .btn.c3-btn-bg:active > span { background: #ffffff } .btn-bg_c3-btn-bg .btn:hover > span, .btn-bg_c3-btn-bg .btn:focus > span, .btn-bg_c3-btn-bg .btn:active > span { background: #ffffff } a:hover .btn.c3-btn-bg > span, a:focus .btn.c3-btn-bg > span, a:active .btn.c3-btn-bg > span { background: #ffffff } a:hover .btn.c3-btn-borders, a:focus .btn.c3-btn-borders, a:active .btn.c3-btn-borders { border-color: #f69220 } a:hover .btn.c3-btn-text, a:focus .btn.c3-btn-text, a:active .btn.c3-btn-text { color: #f69220 } .btn.btn-xs.c3-btn-text, .btn-text_c3-btn-text .btn.btn-xs { color: #f69220 } .btn.btn-sm.c3-btn-text, .btn-text_c3-btn-text .btn.btn-sm { color: #f69220 } .btn.btn-xs.c3-btn-text:hover, .btn.btn-xs.c3-btn-text:focus, .btn.btn-xs.c3-btn-text:active, .btn-text_c3-btn-text .btn.btn-xs:hover, .btn-text_c3-btn-text .btn.btn-xs:focus, .btn-text_c3-btn-text .btn.btn-xs:active { color: #ffffff } .btn.btn-sm.c3-btn-text:hover, .btn.btn-sm.c3-btn-text:focus, .btn.btn-sm.c3-btn-text:active, .btn-text_c3-btn-text .btn.btn-sm:hover, .btn-text_c3-btn-text .btn.btn-sm:focus, .btn-text_c3-btn-text .btn.btn-sm:active { color: #ffffff } .basic-buttons .btn.c3-btn-text, .basic-buttons .btn-text_c3-btn-text .btn { color: #f69220 } .basic-buttons .btn.c3-btn-text:hover, .basic-buttons .btn.c3-btn-text:focus, .btn.c3-btn-text:active, .basic-buttons .btn-text_c3-btn-text .btn:hover, .basic-buttons .btn-text_c3-btn-text .btn:focus, .basic-buttons .btn-text_c3-btn-text .btn:active { color: #ffffff } .btn.c4-btn-bg, .btn-bg_c4-btn-bg .btn { background: #ffffff } .btn.c4-btn-bg:hover, .btn.c4-btn-bg:focus, .btn.c4-btn-bg:active, .btn-bg_c4-btn-bg .btn:hover, .btn-bg_c4-btn-bg .btn:focus, .btn-bg_c4-btn-bg .btn:active { background: #ffffff } .btn.c4-btn-borders, .btn-borders_c4-btn-borders .btn { border-color: #f69220 } .btn.c4-btn-borders:hover, .btn.c4-btn-borders:focus, .btn.c4-btn-borders:active, .btn-borders_c4-btn-borders .btn:hover, .btn-borders_c4-btn-borders .btn:focus, .btn-borders_c4-btn-borders .btn:active { border-color: #ffffff } .btn.c4-btn-text, .btn-text_c4-btn-text .btn { color: #f69220 } .btn.c4-btn-text:hover, .btn.c4-btn-text:focus, .btn.c4-btn-text:active, .btn-text_c4-btn-text .btn:hover, .btn-text_c4-btn-text .btn:focus, .btn-text_c4-btn-text .btn:active { color: #ffffff } .btn.c4-btn-bg:hover > span, .btn.c4-btn-bg:focus > span, .btn.c4-btn-bg:active > span { background: #f69220 } .btn-bg_c4-btn-bg .btn:hover > span, .btn-bg_c4-btn-bg .btn:focus > span, .btn-bg_c4-btn-bg .btn:active > span { background: #f69220 } a:hover .btn.c4-btn-bg > span, a:focus .btn.c4-btn-bg > span, a:active .btn.c4-btn-bg > span { background: #f69220 } a:hover .btn.c4-btn-borders, a:focus .btn.c4-btn-borders, a:active .btn.c4-btn-borders { border-color: #ffffff } a:hover .btn.c4-btn-text, a:focus .btn.c4-btn-text, a:active .btn.c4-btn-text { color: #ffffff } .btn.btn-xs.c4-btn-text, .btn-text_c4-btn-text .btn.btn-xs { color: #ffffff } .btn.btn-sm.c4-btn-text, .btn-text_c4-btn-text .btn.btn-sm { color: #ffffff } .btn.btn-xs.c4-btn-text:hover, .btn.btn-xs.c4-btn-text:focus, .btn.btn-xs.c4-btn-text:active, .btn-text_c4-btn-text .btn.btn-xs:hover, .btn-text_c4-btn-text .btn.btn-xs:focus, .btn-text_c4-btn-text .btn.btn-xs:active { color: #f69220 } .btn.btn-sm.c4-btn-text:hover, .btn.btn-sm.c4-btn-text:focus, .btn.btn-sm.c4-btn-text:active, .btn-text_c4-btn-text .btn.btn-sm:hover, .btn-text_c4-btn-text .btn.btn-sm:focus, .btn-text_c4-btn-text .btn.btn-sm:active { color: #f69220 } .basic-buttons .btn.c4-btn-text, .basic-buttons .btn-text_c4-btn-text .btn { color: #ffffff } .basic-buttons .btn.c4-btn-text:hover, .basic-buttons .btn.c4-btn-text:focus, .btn.c4-btn-text:active, .basic-buttons .btn-text_c4-btn-text .btn:hover, .basic-buttons .btn-text_c4-btn-text .btn:focus, .basic-buttons .btn-text_c4-btn-text .btn:active { color: #f69220 } .btn.c5-btn-bg, .btn-bg_c5-btn-bg .btn { background: #d31c5b } .btn.c5-btn-bg:hover, .btn.c5-btn-bg:focus, .btn.c5-btn-bg:active, .btn-bg_c5-btn-bg .btn:hover, .btn-bg_c5-btn-bg .btn:focus, .btn-bg_c5-btn-bg .btn:active { background: #d31c5b } .btn.c5-btn-borders, .btn-borders_c5-btn-borders .btn { border-color: #ffffff } .btn.c5-btn-borders:hover, .btn.c5-btn-borders:focus, .btn.c5-btn-borders:active, .btn-borders_c5-btn-borders .btn:hover, .btn-borders_c5-btn-borders .btn:focus, .btn-borders_c5-btn-borders .btn:active { border-color: #d31c5b } .btn.c5-btn-text, .btn-text_c5-btn-text .btn { color: #ffffff } .btn.c5-btn-text:hover, .btn.c5-btn-text:focus, .btn.c5-btn-text:active, .btn-text_c5-btn-text .btn:hover, .btn-text_c5-btn-text .btn:focus, .btn-text_c5-btn-text .btn:active { color: #d31c5b } .btn.c5-btn-bg:hover > span, .btn.c5-btn-bg:focus > span, .btn.c5-btn-bg:active > span { background: #ffffff } .btn-bg_c5-btn-bg .btn:hover > span, .btn-bg_c5-btn-bg .btn:focus > span, .btn-bg_c5-btn-bg .btn:active > span { background: #ffffff } a:hover .btn.c5-btn-bg > span, a:focus .btn.c5-btn-bg > span, a:active .btn.c5-btn-bg > span { background: #ffffff } a:hover .btn.c5-btn-borders, a:focus .btn.c5-btn-borders, a:active .btn.c5-btn-borders { border-color: #d31c5b } a:hover .btn.c5-btn-text, a:focus .btn.c5-btn-text, a:active .btn.c5-btn-text { color: #d31c5b } .btn.btn-xs.c5-btn-text, .btn-text_c5-btn-text .btn.btn-xs { color: #d31c5b } .btn.btn-sm.c5-btn-text, .btn-text_c5-btn-text .btn.btn-sm { color: #d31c5b } .btn.btn-xs.c5-btn-text:hover, .btn.btn-xs.c5-btn-text:focus, .btn.btn-xs.c5-btn-text:active, .btn-text_c5-btn-text .btn.btn-xs:hover, .btn-text_c5-btn-text .btn.btn-xs:focus, .btn-text_c5-btn-text .btn.btn-xs:active { color: #ffffff } .btn.btn-sm.c5-btn-text:hover, .btn.btn-sm.c5-btn-text:focus, .btn.btn-sm.c5-btn-text:active, .btn-text_c5-btn-text .btn.btn-sm:hover, .btn-text_c5-btn-text .btn.btn-sm:focus, .btn-text_c5-btn-text .btn.btn-sm:active { color: #ffffff } .basic-buttons .btn.c5-btn-text, .basic-buttons .btn-text_c5-btn-text .btn { color: #d31c5b } .basic-buttons .btn.c5-btn-text:hover, .basic-buttons .btn.c5-btn-text:focus, .btn.c5-btn-text:active, .basic-buttons .btn-text_c5-btn-text .btn:hover, .basic-buttons .btn-text_c5-btn-text .btn:focus, .basic-buttons .btn-text_c5-btn-text .btn:active { color: #ffffff } .btn.c6-btn-bg, .btn-bg_c6-btn-bg .btn { background: #ffffff } .btn.c6-btn-bg:hover, .btn.c6-btn-bg:focus, .btn.c6-btn-bg:active, .btn-bg_c6-btn-bg .btn:hover, .btn-bg_c6-btn-bg .btn:focus, .btn-bg_c6-btn-bg .btn:active { background: #ffffff } .btn.c6-btn-borders, .btn-borders_c6-btn-borders .btn { border-color: #d31c5b } .btn.c6-btn-borders:hover, .btn.c6-btn-borders:focus, .btn.c6-btn-borders:active, .btn-borders_c6-btn-borders .btn:hover, .btn-borders_c6-btn-borders .btn:focus, .btn-borders_c6-btn-borders .btn:active { border-color: #ffffff } .btn.c6-btn-text, .btn-text_c6-btn-text .btn { color: #d31c5b } .btn.c6-btn-text:hover, .btn.c6-btn-text:focus, .btn.c6-btn-text:active, .btn-text_c6-btn-text .btn:hover, .btn-text_c6-btn-text .btn:focus, .btn-text_c6-btn-text .btn:active { color: #ffffff } .btn.c6-btn-bg:hover > span, .btn.c6-btn-bg:focus > span, .btn.c6-btn-bg:active > span { background: #d31c5b } .btn-bg_c6-btn-bg .btn:hover > span, .btn-bg_c6-btn-bg .btn:focus > span, .btn-bg_c6-btn-bg .btn:active > span { background: #d31c5b } a:hover .btn.c6-btn-bg > span, a:focus .btn.c6-btn-bg > span, a:active .btn.c6-btn-bg > span { background: #d31c5b } a:hover .btn.c6-btn-borders, a:focus .btn.c6-btn-borders, a:active .btn.c6-btn-borders { border-color: #ffffff } a:hover .btn.c6-btn-text, a:focus .btn.c6-btn-text, a:active .btn.c6-btn-text { color: #ffffff } .btn.btn-xs.c6-btn-text, .btn-text_c6-btn-text .btn.btn-xs { color: #ffffff } .btn.btn-sm.c6-btn-text, .btn-text_c6-btn-text .btn.btn-sm { color: #ffffff } .btn.btn-xs.c6-btn-text:hover, .btn.btn-xs.c6-btn-text:focus, .btn.btn-xs.c6-btn-text:active, .btn-text_c6-btn-text .btn.btn-xs:hover, .btn-text_c6-btn-text .btn.btn-xs:focus, .btn-text_c6-btn-text .btn.btn-xs:active { color: #d31c5b } .btn.btn-sm.c6-btn-text:hover, .btn.btn-sm.c6-btn-text:focus, .btn.btn-sm.c6-btn-text:active, .btn-text_c6-btn-text .btn.btn-sm:hover, .btn-text_c6-btn-text .btn.btn-sm:focus, .btn-text_c6-btn-text .btn.btn-sm:active { color: #d31c5b } .basic-buttons .btn.c6-btn-text, .basic-buttons .btn-text_c6-btn-text .btn { color: #ffffff } .basic-buttons .btn.c6-btn-text:hover, .basic-buttons .btn.c6-btn-text:focus, .btn.c6-btn-text:active, .basic-buttons .btn-text_c6-btn-text .btn:hover, .basic-buttons .btn-text_c6-btn-text .btn:focus, .basic-buttons .btn-text_c6-btn-text .btn:active { color: #d31c5b } body { background: #ffffff } header#site-header { color: #000000; background: #ffffff } footer#site-footer { color: #ffffff; background: #0059a5 } footer#site-footer .site-search .form-control, footer#site-footer .site-search .form-control::placeholder { background-color: #738bc3; color: #ffffff } .white-bg { background: #ffffff } .white-text { color: #ffffff } .black-bg { background: #000000 } .black-text { color: #000000 } .base-bg, .item.item_overlay .inner .image.base-bg::before, .usn_cmp_banner .item.item_overlay.base-bg .inner::before { background: #ffffff } table, table tr:nth-of-type(even) td, .tables table tr:nth-of-type(even) td { background: transparent } h1:not(.heading), h2:not(.heading), h3:not(.heading), h4:not(.heading), h5:not(.heading), h6:not(.heading), .base-bg h1:not(.heading), .base-bg h2:not(.heading), .base-bg h3:not(.heading), .base-bg h4:not(.heading), .base-bg h5:not(.heading), .base-bg h6:not(.heading), thead { color: #0059a5 } .base-heading { color: #0059a5 !important } .base-secondary-heading { color: #0059a5 !important } body, .base-text { color: #1f252c } .base-borders, table, table th, table td { border-color: #e3e3e3 } thead, .quick-links ul li a::after { background-color: #e3e3e3 } a, .base-link { color: #0059a5 } a:hover, a:focus, a:active, .base-link:hover, .base-link:focus, .base-link:active { color: #000000 } .base-highlight-bg { background-color: #d9e6f3 } blockquote::before, .base-bg blockquote::before, .component .component.base-bg div > blockquote::before { color: #d9e6f3 } .heading { color: #0059a5 } .secondary-heading { color: #0059a5 } blockquote, .quote { color: #0059a5 } blockquote::before, .quote::before { color: #d9e6f3 } .base-highlight-text { color: #0059a5 } .base-bg .label { background-color: #d9e6f3; color: #0059a5 } .repeatable .tab .nav-link { color: #0059a5; border-color: #e3e3e3; background: transparent } .repeatable.tabbed .tab .nav-link:not(.active):hover, .repeatable.accordion .tab .nav-link.collapsed:hover { color: #000000; border-color: #000000 } .repeatable.tabbed .tab .nav-link.active, .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #0059a5; border-bottom-color: #0059a5 } footer#site-footer .repeatable .tab .nav-link { color: #ffffff; border-color: #ffffff; background: transparent } footer#site-footer .repeatable.tabbed .tab .nav-link:not(.active):hover, footer#site-footer .repeatable.accordion .tab .nav-link.collapsed:hover { color: #828282; border-color: #828282 } footer#site-footer .repeatable.tabbed .tab .nav-link.active, footer#site-footer .repeatable.accordion .tab .nav-link:not(.collapsed) { color: #ffffff; border-bottom-color: #ffffff } .btn.base-btn-bg, .btn-bg_base-btn-bg .btn { background: #0059a5 } .base-btn-bg:hover, .btn-bg_base-btn-bg .btn:hover, .btn.base-btn-bg:focus, .btn-bg_base-btn-bg .btn:focus, .btn.base-btn-bg:active, .btn-bg_base-btn-bg .btn:active { background: #0059a5 } .btn.base-btn-bg:hover > span, .btn.base-btn-bg:focus > span, .btn.base-btn-bg:active > span, .btn-bg_base-btn-bg .btn:hover > span, .btn-bg_base-btn-bg .btn:focus > span, .btn-bg_base-btn-bg .btn:active > span, a:hover .btn.base-btn-bg > span, a:focus .btn.base-btn-bg > span, a:active .btn.base-btn-bg > span { background: #ffffff } .btn.base-btn-borders, .btn-borders_base-btn-borders .btn { border-color: #0059a5 } .btn.base-btn-borders:hover, .btn-borders_base-btn-borders .btn:hover, .btn.base-btn-borders:focus, .btn-borders_base-btn-borders .btn:focus, .btn.base-btn-borders:active, .btn-borders_base-btn-borders .btn:active, a:hover .btn.base-btn-borders, a:focus .btn.base-btn-borders, a:active .btn.base-btn-borders { border-color: #0059a5 } .btn.base-btn-text, .btn-text_base-btn-text .btn { color: #ffffff } .btn.base-btn-text:hover, .btn-text_base-btn-text .btn:hover, .btn.base-btn-text:focus, .btn-text_base-btn-text .btn:focus, .btn.base-btn-text:active, .btn-text_base-btn-text .btn:active, a:hover .btn.base-btn-text, a:focus .btn.base-btn-text, a:active .btn.base-btn-text { color: #0059a5 } .slick-slider .slick-prev, .slick-slider .slick-next { position: absolute; top: 50%; z-index: 101; width: 50px; height: 50px; text-align: center; color: #0059a5; cursor: pointer; transform: translateY(-50%); transition: all 0.4s ease-in-out 0s } html .slick-slider .slick-prev:hover, html .slick-slider .slick-next:hover { color: #000000 } .slick-slider .slick-prev { left: 0 } .slick-slider .slick-next { right: 0 } .row.slides.slick-slider .slick-prev { top: calc(50% + 15px); left: 15px } .row.slides.slick-slider .slick-next { top: calc(50% + 15px); right: 15px } .row.slides.slick-slider.listing_gallery .slick-prev, .row.slides.slick-slider.listing_gallery .slick-next { top: calc(50% + 7.5px) } .slick-slider .slick-prev i.icon, .slick-slider .slick-next i.icon { font-size: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .usn_cmp_banner .slick-slider .slick-prev, .usn_cmp_banner .slick-slider .slick-next { color: #ffffff } html .usn_cmp_banner .slick-slider .slick-prev:hover, html .usn_cmp_banner .slick-slider .slick-next:hover { color: #ffffff; opacity: 0.7 } @media (min-width:1200px) { .usn_cmp_banner .slick-slider .slick-prev, .usn_cmp_banner .slick-slider .slick-next { width: 60px; height: 60px } .usn_cmp_banner .slick-slider .slick-prev i.icon, .usn_cmp_banner .slick-slider .slick-next i.icon { font-size: 40px } } .slick-slider ul.slick-dots { padding: 0; margin: 30px 0 0; text-align: center; height: 12px } .item_slideshow-block .slick-slider ul.slick-dots, .usn_cmp_banner .slick-slider ul.slick-dots { margin: 0; padding: 0; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%) } .slick-slider .slick-dots li { display: inline-block; margin: 0 4px; height: 12px } .slick-slider .slick-dots li:only-child { display: none !important } .slick-slider .slick-dots li > button { width: 12px; height: 12px; padding: 0; border: 0 none; text-indent: -9999px; border-radius: 50%; opacity: 0.5; outline: none; background-color: #1f252c; transition: all 0.4s ease-in-out 0s } .slick-slider .slick-dots li:not(.slick-active) > button:hover { opacity: 1; background-color: #000000 } .slick-slider .slick-dots li.slick-active > button { opacity: 1; background-color: #d9e6f3 } .usn_cmp_banner .slick-slider ul.slick-dots li > button { background-color: #ffffff } footer#site-footer .slick-slider .slick-dots li > button { background-color: #ffffff } .usn_cmp_banner .slick-slider .slick-dots li.slick-active > button { background-color: #d9e6f3 } footer#site-footer .slick-slider .slick-dots li.slick-active > button { background-color: #828282 } @-webkit-keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } @keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1) } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1) } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1) } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1) } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate(-3deg); transform: scale3d(0.9,0.9,0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate(-3deg); transform: scale3d(0.9,0.9,0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1 turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1 turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95,0.95,0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1 turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1 turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95,0.95,0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .fast .animated, .animated.fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s } .faster .animated, .animated.faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s } .slow .animated, .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .slower .animated, .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion:reduce),(print) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important } } .os-animation { opacity: 0 } .os-animation.animated { opacity: 1 !important } .d-none { display: none !important } @media (min-width:0) and (max-width:575px) { .d-xs-none_only { display: none !important } } @media (min-width:576px) and (max-width:767px) { .d-sm-none_only { display: none !important } } @media (min-width:768px) and (max-width:991px) { .d-md-none_only { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .d-lg-none_only { display: none !important } } @media (min-width:1200px) { .d-xl-none_only { display: none !important } } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v27-latin-regular.woff') format('woff'); font-display: swap } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'), url('../fonts/open-sans-v27-latin-600.woff') format('woff'); font-display: swap } /*---------*/ @font-face { font-family: 'Agenda Lt'; src: url('../fonts/agenda-lt.woff2') format('woff2'), url('../fonts/agenda-lt.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Agenda Med'; src: url('../fonts/agenda-med.woff2') format('woff2'), url('../fonts/agenda-med.woff') format('woff'); font-weight: normal; font-style: normal; } body, input, textarea, label, .control-label, .form-control { font-family: 'Agenda Lt',sans-serif; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 11pt } @media (min-width:576px) and (max-width:767px) { body, input, textarea, label, .control-label, .form-control { font-size: 11pt } } @media (min-width:768px) and (max-width:991px) { body, input, textarea, label, .control-label, .form-control { font-size: 11pt } } @media (min-width:992px) and (max-width:1199px) { body, input, textarea, label, .control-label, .form-control { font-size: 11pt } } @media (min-width:1200px) { body, input, textarea, label, .control-label, .form-control { font-size: 11pt } } h1 { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 36.5pt } @media (min-width:576px) and (max-width:767px) { h1 { font-size: 36.5pt } } @media (min-width:768px) and (max-width:991px) { h1 { font-size: 36.5pt } } @media (min-width:992px) and (max-width:1199px) { h1 { font-size: 36.5pt } } @media (min-width:1200px) { h1 { font-size: 36.5pt } } h2 { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 34pt } @media (min-width:576px) and (max-width:767px) { h2 { font-size: 34pt } } @media (min-width:768px) and (max-width:991px) { h2 { font-size: 34pt } } @media (min-width:992px) and (max-width:1199px) { h2 { font-size: 34pt } } @media (min-width:1200px) { h2 { font-size: 34pt } } h3 { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 30pt } @media (min-width:576px) and (max-width:767px) { h3 { font-size: 30pt } } @media (min-width:768px) and (max-width:991px) { h3 { font-size: 30pt } } @media (min-width:992px) and (max-width:1199px) { h3 { font-size: 30pt } } @media (min-width:1200px) { h3 { font-size: 30pt } } h4 { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 24pt } @media (min-width:576px) and (max-width:767px) { h4 { font-size: 24pt } } @media (min-width:768px) and (max-width:991px) { h4 { font-size: 24pt } } @media (min-width:992px) and (max-width:1199px) { h4 { font-size: 24pt } } @media (min-width:1200px) { h4 { font-size: 24pt } } h5 { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 21pt } @media (min-width:576px) and (max-width:767px) { h5 { font-size: 21pt } } @media (min-width:768px) and (max-width:991px) { h5 { font-size: 21pt } } @media (min-width:992px) and (max-width:1199px) { h5 { font-size: 21pt } } @media (min-width:1200px) { h5 { font-size: 21pt } } h6 { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 19.5pt } @media (min-width:576px) and (max-width:767px) { h6 { font-size: 19.5pt } } @media (min-width:768px) and (max-width:991px) { h6 { font-size: 19.5pt } } @media (min-width:992px) and (max-width:1199px) { h6 { font-size: 19.5pt } } @media (min-width:1200px) { h6 { font-size: 19.5pt } } p.heading, span.heading { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 16.5pt } @media (min-width:576px) and (max-width:767px) { p.heading, span.heading { font-size: 16.5pt } } @media (min-width:768px) and (max-width:991px) { p.heading, span.heading { font-size: 16.5pt } } @media (min-width:992px) and (max-width:1199px) { p.heading, span.heading { font-size: 16.5pt } } @media (min-width:1200px) { p.heading, span.heading { font-size: 16.5pt } } p.heading.sm, span.heading.sm { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 12pt } @media (min-width:576px) and (max-width:767px) { p.heading.sm, span.heading.sm { font-size: 12pt } } @media (min-width:768px) and (max-width:991px) { p.heading.sm, span.heading.sm { font-size: 12pt } } @media (min-width:992px) and (max-width:1199px) { p.heading.sm, span.heading.sm { font-size: 12pt } } @media (min-width:1200px) { p.heading.sm, span.heading.sm { font-size: 12pt } } p.heading.lg, span.heading.lg { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 26.5pt } @media (min-width:576px) and (max-width:767px) { p.heading.lg, span.heading.lg { font-size: 26.5pt } } @media (min-width:768px) and (max-width:991px) { p.heading.lg, span.heading.lg { font-size: 26.5pt } } @media (min-width:992px) and (max-width:1199px) { p.heading.lg, span.heading.lg { font-size: 26.5pt } } @media (min-width:1200px) { p.heading.lg, span.heading.lg { font-size: 26.5pt } } .intro { font-family: 'Agenda Lt',sans-serif; font-weight: 400; font-style: normal; line-height: 130%; letter-spacing: -0.25px; text-transform: none; font-size: 18px } @media (min-width:576px) and (max-width:767px) { .intro { font-size: 20px } } @media (min-width:768px) and (max-width:991px) { .intro { font-size: 22px } } @media (min-width:992px) and (max-width:1199px) { .intro { font-size: 22px } } @media (min-width:1200px) { .intro { font-size: 24px } } .intro.sm { font-family: 'Agenda Regular',sans-serif; font-weight: 400; font-style: normal; line-height: 140%; letter-spacing: -0.25px; text-transform: none; font-size: 11pt } @media (min-width:576px) and (max-width:767px) { .intro.sm { font-size: 11pt } } @media (min-width:768px) and (max-width:991px) { .intro.sm { font-size: 11pt } } @media (min-width:992px) and (max-width:1199px) { .intro.sm { font-size: 11pt } } @media (min-width:1200px) { .intro.sm { font-size: 11pt } } .intro.lg { font-family: 'Agenda Regular',sans-serif; font-weight: 400; font-style: normal; line-height: 130%; letter-spacing: -0.25px; text-transform: none; font-size: 11pt } @media (min-width:576px) and (max-width:767px) { .intro.lg { font-size: 11pt } } @media (min-width:768px) and (max-width:991px) { .intro.lg { font-size: 11pt } } @media (min-width:992px) and (max-width:1199px) { .intro.lg { font-size: 11pt } } @media (min-width:1200px) { .intro.lg { font-size: 11pt } } .secondary-heading { font-family: 'Agenda Med',sans-serif; font-weight: 600; font-style: normal; line-height: 140%; letter-spacing: -0.25px; text-transform: none; font-size: 16.5pt } @media (min-width:576px) and (max-width:767px) { .secondary-heading { font-size: 16.5pt } } @media (min-width:768px) and (max-width:991px) { .secondary-heading { font-size: 16.5pt } } @media (min-width:992px) and (max-width:1199px) { .secondary-heading { font-size: 16.5pt } } @media (min-width:1200px) { .secondary-heading { font-size: 16.5pt } } .secondary-heading.sm { font-family: 'Agenda Med',sans-serif; font-weight: 600; font-style: normal; line-height: 140%; letter-spacing: -0.25px; text-transform: none; font-size: 12pt } @media (min-width:576px) and (max-width:767px) { .secondary-heading.sm { font-size: 12pt } } @media (min-width:768px) and (max-width:991px) { .secondary-heading.sm { font-size: 12pt } } @media (min-width:992px) and (max-width:1199px) { .secondary-headin.small { font-size: 12pt } } @media (min-width:1200px) { .secondary-heading.sm { font-size: 12pt } } .secondary-heading.lg { font-family: 'Agenda Med',sans-serif; font-weight: 600; font-style: normal; line-height: 140%; letter-spacing: -0.25px; text-transform: none; font-size: 26.5pt } @media (min-width:576px) and (max-width:767px) { .secondary-heading.lg { font-size: 26.5pt } } @media (min-width:768px) and (max-width:991px) { .secondary-heading.lg { font-size: 26.5pt } } @media (min-width:992px) and (max-width:1199px) { .secondary-heading.lg { font-size: 26.5pt } } @media (min-width:1200px) { .secondary-heading.lg { font-size: 26.5pt } } blockquote, blockquote p.quote, .quote { font-family: 'Agenda Reg',sans-serif; font-weight: 700; font-style: italic; line-height: 110%; letter-spacing: -0.15px; text-transform: none; font-size: 11pt } @media (min-width:576px) and (max-width:767px) { blockquote, blockquote p.quote { font-size: 11pt } } @media (min-width:768px) and (max-width:991px) { blockquote, blockquote p.quote { font-size: 11pt } } @media (min-width:992px) and (max-width:1199px) { blockquote, blockquote p.quote { font-size: 11pt } } @media (min-width:1200px) { blockquote, blockquote p.quote { font-size: 11pt } } blockquote p.quote.sm, .quote.sm { font-family: 'Agenda Reg',sans-serif; font-weight: 700; font-style: italic; line-height: 110%; letter-spacing: -0.15px; text-transform: none; font-size: 11pt } @media (min-width:576px) and (max-width:767px) { blockquote p.quote.sm, .quote.sm { font-size: 11pt } } @media (min-width:768px) and (max-width:991px) { blockquote p.quote.sm, .quote.sm { font-size: 11pt } } @media (min-width:992px) and (max-width:1199px) { blockquote p.quote.sm, .quote.sm { font-size: 11pt } } @media (min-width:1200px) { blockquote p.quote.sm, .quote.sm { font-size: 11pt } } blockquote p.quote.lg, .quote.lg { font-family: 'Agenda Reg',sans-serif; font-weight: 700; font-style: italic; line-height: 110%; letter-spacing: -0.15px; text-transform: none; font-size: 12pt } @media (min-width:576px) and (max-width:767px) { blockquote p.quote.lg, .quote.lg { font-size: 12pt } } @media (min-width:768px) and (max-width:991px) { blockquote p.quote.lg, .quote.lg { font-size: 12pt } } @media (min-width:992px) and (max-width:1199px) { blockquote p.quote.lg, .quote.lg { font-size: 12pt } } @media (min-width:1200px) { blockquote p.quote.lg, .quote.lg { font-size: 12pt } } .btn { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { .btn { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { .btn { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { .btn { font-size: 16px } } @media (min-width:1200px) { .btn { font-size: 16px } } .btn.btn-sm { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 14px } @media (min-width:576px) and (max-width:767px) { .btn.btn-sm { font-size: 14px } } @media (min-width:768px) and (max-width:991px) { .btn.btn-sm { font-size: 14px } } @media (min-width:992px) and (max-width:1199px) { .btn.btn-sm { font-size: 14px } } @media (min-width:1200px) { .btn.btn-sm { font-size: 14px } } .btn.btn-lg { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 22px } @media (min-width:576px) and (max-width:767px) { .btn.btn-lg { font-size: 22px } } @media (min-width:768px) and (max-width:991px) { .btn.btn-lg { font-size: 22px } } @media (min-width:992px) and (max-width:1199px) { .btn.btn-lg { font-size: 22px } } @media (min-width:1200px) { .btn.btn-lg { font-size: 22px } } nav.main > ul, header#site-header #logo.no-image span { font-family: 'Open Sans',sans-serif; font-weight: 600; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { nav.main > ul, header#site-header #logo.no-image span { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { nav.main > ul, header#site-header #logo.no-image span { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { nav.main > ul, header#site-header #logo.no-image span { font-size: 16px } } @media (min-width:1200px) { nav.main > ul, header#site-header #logo.no-image span { font-size: 16px } } nav.main > ul ul { font-family: 'Open Sans',sans-serif; font-weight: 600; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { nav.main > ul ul { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { nav.main > ul ul { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { nav.main > ul ul { font-size: 16px } } @media (min-width:1200px) { nav.main > ul ul { font-size: 16px } } nav.secondary > ul, nav.secondary .dropdown-menu, nav.secondary .dropdown-menu a { font-family: 'Agenda Lt',sans-serif; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { nav.secondary > ul, nav.secondary .dropdown-menu, nav.secondary .dropdown-menu a { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { nav.secondary > ul, nav.secondary .dropdown-menu, nav.secondary .dropdown-menu a { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { nav.secondary > ul, nav.secondary .dropdown-menu, nav.secondary .dropdown-menu a { font-size: 16px } } @media (min-width:1200px) { nav.secondary > ul, nav.secondary .dropdown-menu, nav.secondary .dropdown-menu a { font-size: 16px } } nav.sub > ul { font-family: 'Open Sans',sans-serif; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: 0px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { nav.sub > ul { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { nav.sub > ul { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { nav.sub > ul { font-size: 16px } } @media (min-width:1200px) { nav.sub > ul { font-size: 16px } } nav.footer-navigation > ul { font-family: 'Agenda Med',sans-serif; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: 0px; text-transform: none; font-size: 13px } @media (min-width:576px) and (max-width:767px) { nav.footer-navigation > ul { font-size: 13px } } @media (min-width:768px) and (max-width:991px) { nav.footer-navigation > ul { font-size: 13px } } @media (min-width:992px) and (max-width:1199px) { nav.footer-navigation > ul { font-size: 13px } } @media (min-width:1200px) { nav.footer-navigation > ul { font-size: 13px } } .breadcrumb-trail ol.breadcrumb { font-family: 'Agenda Med',sans-serif; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: 0px; text-transform: none; font-size: 14px } @media (min-width:576px) and (max-width:767px) { .breadcrumb-trail ol.breadcrumb { font-size: 14px } } @media (min-width:768px) and (max-width:991px) { .breadcrumb-trail ol.breadcrumb { font-size: 14px } } @media (min-width:992px) and (max-width:1199px) { .breadcrumb-trail ol.breadcrumb { font-size: 14px } } @media (min-width:1200px) { .breadcrumb-trail ol.breadcrumb { font-size: 14px } } .component.usn_cmp_anchornavigation ul.nav { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 150%; letter-spacing: 0px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { .component.usn_cmp_anchornavigation ul.nav { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { .component.usn_cmp_anchornavigation ul.nav { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { .component.usn_cmp_anchornavigation ul.nav { font-size: 16px } } @media (min-width:1200px) { .component.usn_cmp_anchornavigation ul.nav { font-size: 16px } } .repeatable .tab { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 150%; letter-spacing: -0.15px; text-transform: none; font-size: 16px } @media (min-width:576px) and (max-width:767px) { .repeatable .tab { font-size: 16px } } @media (min-width:768px) and (max-width:991px) { .repeatable .tab { font-size: 16px } } @media (min-width:992px) and (max-width:1199px) { .repeatable .tab { font-size: 16px } } @media (min-width:1200px) { .repeatable .tab { font-size: 16px } } body { -webkit-font-smoothing: antialiased } h1, h2, h3 { margin: 20px 0 15px } h4, h5, h6, p.heading { margin: 10px 0 } p { margin: 8px 0 15px } .heading { margin: 0 !important; display: block } .secondary-heading { margin: 0 !important; display: block } p.caption { margin: 10px 0 0; font-size: 80%; font-style: italic; opacity: 0.6 } .secondary-heading + .heading { margin-top: 10px !important } .secondary-heading + .heading { margin: 5px 0 0 !important } .secondary-heading + .text, .heading + .text { margin: 10px 0 0 !important } .intro { display: block } .link { margin-top: 15px; margin-bottom: 0 } @media (min-width:992px) { .link { margin-top: 30px } } ul, ol { margin: 8px 20px 15px; padding: 0 } ul ul, ol ol { margin: 8px 18px } b, strong { font-weight: bold } i, em { font-style: italic } small { font-size: 90% } table { margin: 5px 0 30px } blockquote, .quote { position: relative; padding: 30px 0 15px; margin: 15px 0; border: 0 none; display: block } blockquote.sm, .quote.sm { padding-top: 20px } blockquote.lg, .quote.lg { padding-top: 40px } .item blockquote { padding-bottom: 0; margin-bottom: 0 } blockquote::before, .quote::before { content: "\f35f"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute } blockquote::before, .quote::before { top: -8px; left: 0; font-size: 100%; transform: scaleX(-1) scaleY(-1) } .text-center blockquote::before, .text-center .quote::before { left: 50%; transform: translateX(-50%) scaleX(-1) } .text-right blockquote::before, .text-right .quote::before { right: 0; left: auto } blockquote .quote { padding: 0; margin: 0 } blockquote .quote::before { display: none } a.skip-to-content { position: fixed; top: 10px; left: 50%; z-index: -1; width: auto; height: auto; transform: translateX(-50%) } a.skip-to-content:focus { z-index: 1001; clip: auto; padding: 0; margin: 0 } .info :first-child:not(li), .text :first-child:not(li), .alert :first-child:not(li) { margin-top: 0 !important } .info :last-child:not(li), .text :last-child:not(li), .alert :last-child:not(li) { margin-bottom: 0 !important } .label { display: inline-block; padding: 0 3px; font-weight: bold; border-radius: 3px } body { position: relative; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn } body.no-header { padding: 0 } #site { position: relative; z-index: 2; padding: 0 } @media (min-width:0) and (max-width:991px) { body:not(.no-header) #site { padding-top: 60px } .content-col { margin-bottom: 30px } .content-col:only-child { margin: 0 } } @media (min-width:992px) { body:not(.no-header) #site { padding-top: 90px } body.max-width #site { max-width: calc(100vw - 40px); margin: 0 auto } body.transparent-header #site { padding-top: 0 } body.transparent-header #site-content > .component:first-of-type:not(.usn_cmp_banner):not(.p-0) { padding-top: 150px } body.transparent-header #site-content > .component.p-0:first-of-type:not(.usn_cmp_banner) { margin-top: 90px } } @media (min-width:1200px) { body.transparent-header #site-content > .component:first-of-type:not(.usn_cmp_banner):not(.p-0) { padding-top: 170px } } @media (min-width:1350px) { .container { max-width: 1350px } } a, a::before, a::after { transition: all 0.3s ease-in-out 0s } @media (min-width:0) and (max-width:991px) { .heading-col { padding-bottom: 15px } } @media (min-width:992px) { .heading-col { padding-bottom: 30px } } header#site-header { position: fixed; top: 0; right: 0; left: 0; z-index: 1001; min-height: 60px; transition: all 0.4s ease-in-out 0s } html.nav-down:not(.reached-top) header#site-header, html.nav-up:not(.reached-top) header#site-header { background: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.05) } header#site-header > .container > .row { position: relative } header#site-header a { text-decoration: none } header#site-header #logo { position: relative; top: 0; padding: 5px 15px; height: 60px } header#site-header #logo a { display: block } header#site-header #logo picture, header#site-header #logo img { width: auto; height: auto; max-height: calc(90px - 10px); border-radius: 0 } header#site-header #logo:not(.no-image) span { display: none } header#site-header #logo.no-image span { display: table-cell; vertical-align: middle } @media (min-width:0) and (max-width:991px) { html.reveal-out header#site-header { height: 100%; max-height: 100%; overflow: auto; padding-bottom: 60px } header#site-header > .container-fluid > .row, header#site-header > .container > .row { display: block !important } header#site-header > .container { width: 100% !important; max-width: 100% !important } html.reveal-out header#site-header::after { display: none } } @media (min-width:992px) { header#site-header { min-height: 90px } header#site-header #logo { padding: 15px; height: 90px } header#site-header #logo picture, header#site-header #logo img { max-height: 135px } header#site-header #logo.no-image span { height: calc(90px - 30px) } body.max-width header#site-header { width: 100%; max-width: calc(100vw - 40px); margin: 0 auto; right: auto; left: auto } } @media (min-width:992px) { html.nav-up body:not(.browser-safari) header#site-header { top: -135px } body.transparent-header header#site-header { background: transparent } html.nav-down:not(.reached-top) body.transparent-header header#site-header, html.nav-up:not(.reached-top) body.transparent-header header#site-header { background: #ffffff } body.transparent-header header#site-header::after { opacity: 0; transition: opacity 0.4s ease-in-out 0s } html.nav-down:not(.reached-top) body.transparent-header header#site-header::after, html.nav-up:not(.reached-top) body.transparent-header header#site-header::after { opacity: 1 } } footer#site-footer { position: relative } footer#site-footer .footer-item { margin-bottom: 30px !important } footer#site-footer .heading { margin-top: 0 } footer#site-footer .footer-heading, footer#site-footer a:not(.btn):hover .footer-heading, footer#site-footer a:not(.btn):focus .footer-heading, footer#site-footer a:not(.btn):active .footer-heading { color: #ffffff } footer#site-footer .footer-secondary-heading, footer#site-footer a:not(.btn):hover .footer-secondary-heading, footer#site-footer a:not(.btn):focus .footer-secondary-heading, footer#site-footer a:not(.btn):active .footer-secondary-heading { color: #ffffff } footer#site-footer .footer-text, footer#site-footer a:not(.btn):hover .footer-text, footer#site-footer a:not(.btn):focus .footer-text, footer#site-footer a:not(.btn):active .footer-text { color: #ffffff } footer#site-footer a { text-decoration: none } footer#site-footer .footer-link, footer#site-footer a:not(.btn) { color: #ffffff } footer#site-footer a.footer-link:not(.btn):hover, footer#site-footer a.footer-link:not(.btn):focus, footer#site-footer a.footer-link:not(.btn):active, footer#site-footer a:not(.btn):hover, footer#site-footer a:not(.btn):focus, footer#site-footer a:not(.btn):active { color: #828282 } footer#site-footer .footer-highlight, footer#site-footer blockquote::before { color: #ffffff } blockquote::before, .base-bg blockquote::before, .component .component.base-bg div > blockquote::before { color: #d9e6f3 } footer#site-footer thead { color: #ffffff } footer#site-footer table, footer#site-footer table th, footer#site-footer table td { border-color: #ffffff } @media (min-width:0) and (max-width:575px) { footer#site-footer { padding: 30px 0 60px } } @media (min-width:576px) { footer#site-footer { padding: 45px 0 90px } } @media (min-width:768px) { footer#site-footer { padding: 50px 0 100px } } @media (min-width:992px) { footer#site-footer { padding: 60px 0 120px } footer#site-footer .footer-item { margin-bottom: 60px !important } footer#site-footer div[class^="offset-md-"]:not(.offset-lg-1):not(.offset-lg-2):not(.offset-lg-3):not(.offset-lg-4):not(.offset-lg-5):not(.offset-lg-6):not(.offset-lg-7):not(.offset-lg-8):not(.offset-lg-9):not(.offset-lg-10):not(.offset-lg-11):not(.offset-lg-12), footer#site-footer div[class*=" offset-md-"]:not(.offset-lg-1):not(.offset-lg-2):not(.offset-lg-3):not(.offset-lg-4):not(.offset-lg-5):not(.offset-lg-6):not(.offset-lg-7):not(.offset-lg-8):not(.offset-lg-9):not(.offset-lg-10):not(.offset-lg-11):not(.offset-lg-12) { margin-left: 0 !important } } @media (min-width:1200px) { footer#site-footer { padding: 80px 0 160px } } nav ul { list-style: none; margin: 0; padding: 0 } nav ul a { text-decoration: none !important } .breadcrumb-trail { overflow: hidden; height: auto; color: #ffffff; background: #0059a5 } .breadcrumb-trail ol.breadcrumb { margin: 0; padding: 5px 0; background: transparent; border-radius: 0 } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item { position: relative; display: block; padding-left: 0 !important } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item span { display: block } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item::before { display: none !important } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { display: block; color: #ffffff; text-decoration: none; padding: 5px 0 } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: #ffffff } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: #ffffff } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before { position: relative; top: 1px; margin-right: 8px } @media (min-width:0) and (max-width:599px) { .breadcrumb-trail ol.breadcrumb li.breadcrumb-item { display: block; flex: 0 0 100%; max-width: 100% } } @media (min-width:600px) { .breadcrumb-trail ol.breadcrumb { padding: 15px 0 } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item { position: relative; display: inline-block; margin-right: 15px } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(:first-child) { border-top: 0 none } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a span, .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { text-overflow: ellipsis; max-width: 200px; white-space: nowrap; overflow: hidden } } header#site-header a.expand { position: absolute; top: 0; right: 0; z-index: 300; text-indent: -9999px; width: 60px; height: 60px; display: block; text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out 0s } header#site-header a.expand em { position: absolute; top: 50%; right: 50px; color: #000000; transform: translateY(-50%) } header#site-header a.expand span:before, header#site-header a.expand span, header#site-header a.expand span:after { content: ""; display: block; width: 20px; height: 1px; position: absolute; left: 0; background-color: #000000; opacity: 1; transition: transform 0.2s ease-in-out 0s,left 0.2s ease-in-out 0s,top 0.2s ease-in-out 0s,width 0.2s ease-in-out 0s } header#site-header a.expand span { top: 50%; left: 50%; transform: translate(-50%,-50%) } header#site-header a.expand span:before { top: -3px; left: -10px } header#site-header a.expand span:after { top: 3px; left: -10px } header#site-header a.expand span { width: 0 } header#site-header a.expand.active span:before, header#site-header a.expand.active span:after { top: 0 } header#site-header a.expand.active span::before { transform: rotate(-45deg) } header#site-header a.expand.active span::after { transform: rotate(45deg) } @media (min-width:0) and (max-width:991px) { html.reveal-out { overflow: hidden } html.reveal-out #site { max-height: 100% } header#site-header .navigation { position: relative; z-index: 5 } html.reveal-out header#site-header .navigation { overflow: auto } header#site-header .navigation .reveal { display: none } html.reveal-out header#site-header .navigation .reveal { display: block } html.reveal-out, html.reveal-out body { overflow-y: hidden; height: 100%; max-height: 100% } html.reveal-out header#site-header { bottom: 0 } html.reveal-out header#site-header .navigation { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @media (min-width:992px) { header#site-header .navigation { -ms-flex: 1; flex: 1 } html.reveal-out { overflow: auto } html.reveal-out .navigation { overflow: visible } header#site-header a.expand { display: none } .navigation .reveal { display: block } } @media (min-width:0) and (max-width:991px) { header#site-header nav.cta-links { padding: 15px } header#site-header nav.cta-links .btn { display: block; margin: 5px 0 } } @media (min-width:992px) { header#site-header nav.cta-links { position: relative; top: 50%; padding-left: 15px; padding-right: 15px; z-index: 602; transform: translateY(-50%) } header#site-header nav.cta-links .btn + .btn { margin-left: 5px } } nav.main { position: relative; z-index: 2 } nav.main ul li { position: relative } nav.main ul li span { position: relative; display: flex; justify-content: space-between } nav.main ul li span::before { content: ""; position: absolute; transition: all 0.15s ease-in-out 0s } html nav.main ul li:not(.active):hover > span::before, nav.main ul li:not(.active):focus > span::before, nav.main ul li:not(.active):active > span::before, nav.main ul li:not(.active).open-child > span::before { background: #0059a5 } nav.main ul li:not(.active):focus-within > span::before { background: #0059a5 } nav.main ul li.active > span::before { background-color: #000000 } nav.main ul li.has-child > span::after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f280"; position: absolute; top: 0; right: 0; bottom: 0; width: 60px; padding-top: 20px; text-align: center; color: #000000; transition: all 0.3s ease-in-out 0s } html.touch nav.main ul li span::after { pointer-events: all; z-index: 10 } html nav.main ul li:not(.active):hover > span::after, nav.main ul li:not(.active):focus > span::after, nav.main ul li:not(.active):active > span::after, nav.main ul li:not(.active).open-child > span::after { color: #000000 } nav.main ul li:not(.active):focus-within > span::after { color: #000000 } nav.main ul li.active.has-child > span::after { color: #000000 } nav.main ul li span a { display: block; text-decoration: none; color: #000000; pointer-events: all; transition: all 0.3s ease-in-out 0s } nav.main ul > li > span > a:hover { color: #000000 } nav.main ul li.has-child span a { padding-right: 60px } nav.main ul > li.active > span > a { color: #000000 } @media (min-width:0) and (max-width:991px) { nav.main > ul { border-width: 0 0 1px; border-style: solid; border-color: #ffffff } nav.main ul li { border-width: 1px 0 0; border-style: solid; border-color: #ffffff; background: #ffffff } nav.main ul li span::before { top: 0; bottom: 0; left: 0; width: 0; height: 100% } html nav.main ul li:hover > span::before, nav.main ul li:focus > span::before, nav.main ul li:active > span::before, nav.main ul li.active > span::before, nav.main ul li.open-child_mobile > span::before { width: 3px } nav.main ul li:focus-within > span::before { width: 3px } nav.main ul li.has-child.open-child_mobile > span::after { content: "\f286"; background-color: #ffffff } nav.main ul li.has-child > span::after { font-size: 20px; border-width: 0 0 0 1px; border-style: solid; border-color: #ffffff } nav.main ul li span a { padding: 15px } nav.main ul ul { display: none } nav.main ul ul { padding-left: 3px; background-color: #0059a5 } nav.main ul > li.open-child_mobile > ul { display: block } nav.main ul ul li { background-color: #d9e6f3 } } @media (min-width:992px) { nav.main { height: 90px; position: relative; top: 0; z-index: 602 } nav.main > ul > li > span::before { right: 15px; bottom: 32px; left: 15px; height: 0 } nav.main > ul > li.has-child > span::before { right: 30px } html nav.main ul > li:hover > span::before, nav.main ul > li:focus > span::before, nav.main ul > li:active > span::before, nav.main ul > li.active > span::before, nav.main ul > li.open-child > span::before { height: 1px } nav.main ul > li.active > span::before { height: 1px } nav.main ul > li:focus-within > span::before { height: 1px } nav.main > ul { display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row } nav.main > ul > li { height: 90px; box-sizing: border-box } nav.main > ul > li > span > a { padding: 33px 15px 0; height: 90px } nav.main > ul ul > li > span > a { padding: 10px 15px } nav.main ul li.has-child > span::after { width: 30px; padding-top: 36px } html nav.main ul li.has-child > span::after { z-index: -1 } nav.main ul li.has-child span a { padding-right: 30px !important } } @media (min-width:992px) { nav.main ul > li > ul { position: absolute; top: 83px; left: -999em; z-index: 99; width: 240px; background: #0059a5; box-shadow: 2px 2px 4px rgba(0,0,0,0.1); opacity: 0; transition: opacity 0.3s ease-in-out 0s,top 0.3s ease-in-out 0s } html nav.main ul > li:hover > ul, html.touch nav.main ul > li.open-child > ul { top: 90px; left: 0; opacity: 1 } nav.main ul > li:focus-within > ul { top: 90px; left: 0; opacity: 1 } nav.main ul ul li span::before { top: 0; bottom: 0; left: 0; width: 0; height: 100% !important } html nav.main ul ul li:hover > span::before, nav.main ul ul li:focus > span::before, nav.main ul ul ul li:active > span::before, nav.main ul ul li.active > span::before, nav.main ul ul li.open-child > span::before { display: none; width: 3px } nav.main ul ul li:focus-within > span::before { width: 3px } nav.main ul ul li.has-child > span::after { content: "\f284"; padding-top: 12px; color: #ffffff } html nav.main ul ul li:not(.active):hover > span::after, nav.main ul ul li:not(.active):focus > span::after, nav.main ul ul li:not(.active):active > span::after, nav.main ul ul li:not(.active).open-child > span::after { color: #000000 } nav.main ul ul li:not(.active):focus-within > span::after { color: #000000 } nav.main ul ul li.active.has-child > span::after { color: #ffffff } nav.main ul ul li span a { color: #ffffff } html nav.main ul ul > li > span a:hover, nav.main ul ul > li > span a:focus, nav.main ul ul > li > span a:active { color: #000000 } nav.main ul ul > li.active > span a { color: #ffffff } nav.main ul ul > li > ul { top: -7px; z-index: 100; background: #0059a5 } html nav.main ul ul > li:hover > ul, html.touch nav.main ul ul > li.open-child > ul { top: 0; left: 240px; opacity: 1 } nav.main ul ul > li:focus-within > ul { top: 0; left: 240px; opacity: 1 } nav.main ul > li > ul.multi-col { width: 480px } nav.main ul > li > ul.multi-col > li { width: 240px; float: left } nav.main ul > li > ul.multi-col > li:nth-child(odd) { clear: both } } nav.secondary ul li span div, nav.secondary ul li span a, nav.secondary ul li a { display: block; text-decoration: none; color: #0059a5; transition: all 0.3s ease-in-out 0s } nav.secondary ul li span div { color: #000000 } html nav.secondary ul li span a:hover, nav.secondary ul li span a:focus, nav.secondary ul li span a:active, html nav.secondary ul li.dropdown > a:hover, nav.secondary ul li.dropdown a:focus, nav.secondary ul li.dropdown a:active, nav.secondary ul li.dropdown.show > a { color: #f69220 } nav.secondary ul li.dropdown, nav.secondary ul li.dropdown > a.dropdown-toggle { outline: 0 none !important; box-shadow: none } nav.secondary ul li.dropdown > a.dropdown-toggle::after { margin-left: 4px; border-top: 0.25em solid; border-right: 0.25em solid transparent; border-bottom: 0; border-left: 0.25em solid transparent } nav.secondary ul li.phone-number strong { color: #000000 } nav.secondary ul li.dropdown .dropdown-menu { background: #ffffff } nav.secondary ul li.dropdown .dropdown-menu { padding: 0; border-radius: 0; border-color: #ffffff } nav.secondary ul li.dropdown .dropdown-menu a { color: #0059a5 } html nav.secondary ul li.dropdown .dropdown-menu a:hover, nav.secondary ul li.dropdown .dropdown-menu a:focus, nav.secondary ul li.dropdown .dropdown-menu a:active { color: #f69220; background: none !important } @media (min-width:0) and (max-width:991px) { nav.secondary { padding: 30px 15px !important } .site-search + nav.secondary { padding-top: 0 !important } nav.secondary ul li { overflow: hidden; height: 100%; display: block } nav.secondary ul li span a, nav.secondary ul li span div, nav.secondary > ul > li > a { padding: 5px 0 } nav.secondary ul li.phone-number { padding-bottom: 10px } nav.secondary ul li.dropdown .dropdown-menu { width: 100%; border: 0 none; position: relative !important; top: auto !important; left: auto !important; transform: none !important; padding-bottom: 10px } nav.secondary ul li.dropdown .dropdown-menu > a { background: none; padding: 5px 0 } } @media (min-width:992px) { nav.secondary { position: relative; top: 0; z-index: 601 } nav.secondary > ul { display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row } nav.secondary > ul .dropdown > a > i.icon { position: relative; top: 0px; font-size: 1rem } nav.secondary > ul > li > span > div, nav.secondary > ul > li > span > a, nav.secondary > ul > li > a { display: block; padding: 33px 10px 0; height: 90px } nav.secondary ul li.dropdown .dropdown-menu { top: calc(90px - 2px) !important; left: auto !important; right: 0 !important; background: #0059a5; border: 0 none; box-shadow: 2px 2px 4px rgba(0,0,0,0.1); transform: none !important } nav.secondary ul li.dropdown .dropdown-menu > a { padding: 8px 15px; color: #ffffff } nav.secondary ul li.dropdown .dropdown-menu > a:hover { padding: 8px 15px; color: #000000 !important } } nav.secondary ul li.language-selector a > picture, nav.secondary ul li.language-selector a > img { position: relative; top: -2px; width: 16px; height: 16px; display: inline-block; margin: 0 } nav.secondary ul li.language-selector img, nav.secondary ul li.language-selector picture img { width: 16px; height: 16px } nav.secondary ul li.language-selector a { position: relative } @media (min-width:576px) and (max-width:991px) { nav.secondary ul { display: flex; flex-wrap: wrap } nav.secondary ul li { flex: 0 0 100% } nav.secondary ul li.dropdown { flex: 0 0 50% } } @media (min-width:992px) { nav.secondary ul li.language-selector a > picture, nav.secondary ul li.language-selector a > img { margin: 0 -2px } nav.secondary ul li.dropdown .dropdown-menu a > picture, nav.secondary ul li.dropdown .dropdown-menu a > img { margin-right: 2px } nav.secondary ul li.dropdown > a > span { display: none } nav.secondary ul li.dropdown > a > i { margin: 0 !important } } nav.sub { border-width: 1px 0 0; border-style: solid; border-color: #e3e3e3; padding-top: 20px; margin-bottom: 30px } nav.sub > p.heading { padding: 0 0 10px; color: #0059a5 } nav.sub > p.heading a { color: #0059a5; text-decoration: none } nav.sub ul li { position: relative; padding: 3px 0 } nav.sub ul li span { position: relative; display: block } nav.sub ul li span a { display: block; color: #0059a5; transition: all 0.2s ease-in-out 0s } nav.sub ul > li.active > span > a { color: #0059a5; opacity: 0.6 } html nav.sub ul li:not(.active) span a:hover { padding-left: 3px } html nav.sub ul li:not(.active) span a:hover, nav.sub ul li:not(.active) span a:focus, nav.sub ul li:not(.active) span a:active { color: #000000 } nav.sub ul ul { padding: 5px 0 2px } nav.sub ul ul ul { padding-left: 12px } nav.sub ul ul li { padding: 3px 0 } nav.sub ul ul li span a { padding-left: 12px } html nav.sub ul ul li:not(.active) span a:hover { padding-left: 15px } nav.sub ul ul li span a::before { content: ""; position: absolute; top: 11px; left: 0; width: 5px; height: 1px; background-color: #e3e3e3; transition: all 0.2s ease-in-out 0s } html nav.sub ul ul li:not(.active) span a:hover::before { width: 8px; background-color: #b0b0b0 } nav.sub ul ul li.active span a::before { background-color: #0059a5 } .in-this-section { position: relative; border: 1px solid #e3e3e3; margin-bottom: 30px } .in-this-section > p.expand-sub { position: relative; cursor: pointer; padding: 15px; margin: 0; color: #0059a5; font-weight: 600 } .in-this-section > p.expand-sub > i { position: relative; top: 2px; float: right; color: #d9e6f3; transition: all 0.25s ease-in-out 0s } .in-this-section > p.expand-sub.active > i { transform: rotate(45deg) } .in-this-section > nav.sub { margin: 0; padding: 15px } .in-this-section > nav.sub > .heading { margin-top: 0 } .in-this-section > nav.sub:not(.open) { display: none } nav#pagination { padding: 30px 0 } nav#pagination .pagination { position: relative; margin: 0 } nav#pagination .pagination, nav#pagination .pagination li a, nav#pagination .pagination li a span { border-radius: 0 } nav#pagination .pagination li { margin: 0 2.5px } nav#pagination .pagination li.prev, nav#pagination .pagination li.next { font-size: 18px } nav#pagination .pagination li.prev { margin-left: 0 } nav#pagination .pagination li.next { margin-right: 0 } nav#pagination .pagination li.prev, nav#pagination .pagination li.next { position: absolute } nav#pagination .pagination li.prev { left: 0 } nav#pagination .pagination li.next { right: 0 } nav#pagination .pagination li a { display: block; color: #0059a5; border-width: 1px; border-style: solid; border-color: #e3e3e3; padding: 9px 16px; height: 40px; min-width: 40px } nav#pagination .pagination li:not(.active) a:hover { background-color: #e3e3e3 } nav#pagination .pagination li.active a { color: #0059a5; background-color: #d9e6f3 } @media (min-width:576px) { nav#pagination .pagination li a { padding: 14px 21px; height: 50px; min-width: 50px } } .quick-links ul li { position: relative; margin-bottom: 5px; flex-basis: 100% } .quick-links ul li a { display: block; padding-left: 15px } .quick-links ul li a::after { content: ""; position: absolute; top: 11px; left: 0; display: block; width: 5px; height: 1px } html .quick-links ul li a:hover { padding-left: 18px } html .quick-links ul li a:hover::after { width: 8px } footer#site-footer .heading + .quick-links { margin-top: 15px } html footer#site-footer .quick-links ul li a:hover, footer#site-footer .quick-links ul li a:active, footer#site-footer .quick-links ul li a:focus { color: #828282 } footer#site-footer .quick-links ul li a::after { background-color: #ffffff; opacity: 0.3 } html footer#site-footer .quick-links ul li a:hover::after { opacity: 1 } footer#site-footer .quick-links ul { display: flex; flex-wrap: wrap } @media (min-width:0) and (max-width:767px) { footer#site-footer .quick-links ul li { flex-basis: 50%; flex: 0 0 50% } } @media (min-width:768px) and (max-width:991px) { footer#site-footer .footer-item:not(.col-md-1):not(.col-md-2):not(.col-md-3) .quick-links ul li { flex-basis: 50%; flex: 0 0 50% } } @media (min-width:992px) and (max-width:1199px) { footer#site-footer .footer-item:not(.col-lg-1):not(.col-lg-2):not(.col-lg-3) .quick-links ul li { flex-basis: 100%; flex: 0 0 100% } } @media (min-width:1200px) { footer#site-footer .footer-item:not(.col-lg-1):not(.col-lg-2):not(.col-lg-3) .quick-links ul li { flex-basis: 50%; flex: 0 0 50% } } nav.sitemap { position: relative } nav.sitemap ul.nav { display: block; margin: 0; padding: 0 0 8px } nav.sitemap ul.nav ul.nav { margin-left: 15px } nav.sitemap ul li { position: relative; display: block; padding: 0; margin: 0 } nav.sitemap ul li::before, nav.sitemap ul li::after { content: ""; position: absolute; left: 0; display: block; background-color: #e3e3e3; transition: all 0.2s ease-in-out 0s } nav.sitemap ul li::before { top: 0; bottom: 0; width: 1px; height: 100% } nav.sitemap ul li::after { top: 18px; width: 5px; height: 1px } nav.sitemap ul li a:hover { padding-left: 18px } nav.sitemap ul li:hover::after { width: 10px; background-color: #d6d6d6 } nav.sitemap ul ul { margin-left: 16px } nav.social { margin-bottom: 30px } .secondary-heading + nav.social, .heading + nav.social { margin: 15px 0 0 !important } .item .inner nav.social { margin-bottom: 0 } nav.social ul { line-height: 0 } nav.social ul li { display: inline-block; position: relative; margin: 0 2px 5px 0 !important } nav.social ul li a { position: relative; display: block; float: left; transition: opacity 0.3s ease-in-out 0s; p { line-height: 1.5; } } nav.social ul li a img { display: block; width: 40px; height: 40px } .author-bio nav.social ul li a img { width: 40px; height: 40px } html nav.social ul li a:hover { opacity: 0.7 } @media (min-width:992px) { nav.social ul li a img { display: block; width: 50px; height: 50px } } footer#site-footer .row:only-of-type > .col > nav.footer-navigation { padding-top: 0 !important } nav.footer-navigation { padding: 30px 0 0 } nav.footer-navigation ul li { display: block; padding: 10px 0 } nav.footer-navigation ul li a, nav.footer-navigation ul li div { display: inline; padding: 0 } footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn) { color: #ffffff } footer#site-footer nav.footer-navigation ul li.site-credit a:not(.btn) { font-weight: 700; color: #ffffff } @media (min-width:768px) { nav.footer-navigation ul li { margin: 0 8px 0 0; padding: 0; display: inline-block } nav.footer-navigation ul li.site-credit { clear: both; display: block; padding: 40px 0 0; margin-right: 0 } } @media (min-width:992px) { nav.footer-navigation { padding-top: calc(30px + 30px) } nav.footer-navigation ul li.site-credit { float: right; clear: none; padding: 0; margin: 0 } } section.content { position: relative; display: block; height: auto; overflow: hidden } .content-col section.content { overflow: visible } section.content.p-0 .component-inner > .container-fluid { padding: 0 } .content-col .component .component-inner > .container { padding: 0 } body:not(.full-page) section.content .content-col > section.content.component { padding: 0 } body:not(.full-page) section.content .content-col > section.content.component:not(:last-child):not(.p-0) { padding: 0 0 30px } body:not(.full-page) section.content .content-col > section.content.component.meta { padding-top: 15px } body:not(.full-page) section.content .content-coll > section.content.component:not(.usn_cmp_banner):not(.base-bg):not(.p-0):first-child, body:not(.full-page) section.content .content-coll > section.content.component:not(.usn_cmp_banner):not(.base-bg):not(.p-0) { padding: 30px !important } .content .component-introduction { padding-bottom: 30px } body:not(.full-page) section.content section.content.component .component-introduction { padding-bottom: 15px } section.content .component-outro { padding-top: 30px } body:not(.full-page) section.content section.content.component .component-outro { padding-top: 15px } @media (min-width:0) and (max-width:575px) { section.content:not(.usn_cmp_banner) { padding: 30px 0 } } @media (min-width:576px) { section.content:not(.usn_cmp_banner) { padding: 45px 0 } } @media (min-width:768px) { section.content:not(.usn_cmp_banner) { padding: 50px 0 } } @media (min-width:992px) { section.content:not(.usn_cmp_banner) { padding: 60px 0 } } @media (min-width:1200px) { section.content:not(.usn_cmp_banner) { padding: 80px 0 } } section.content.usn_cmpproducttypecomponents { padding: 0 } @media (min-width:0) and (max-width:575px) { section.content .component-introduction .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } section.content .component-outro .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:576px) { section.content .component-introduction .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } section.content .component-outro .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:768px) { section.content .component-introduction .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } section.content .component-outro .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:992px) { section.content .component-introduction .info.col { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } section.content .component-outro .info.col { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } } @media (min-width:1200px) { section.content .component-introduction .info.col { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } section.content .component-outro .info.col { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } } section.content.component .content-col.center-col.col .component-introduction .info.col, section.content.component .content-col.center-col.col .component-outro .info.col, body:not(.full-page) section.content .content-col .component-introduction .info.col, body:not(.full-page) section.content .content-col .component-outro .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } section.content.component.usn_cmp_splitcomponent .item_block .component-introduction .info.col, section.content.component.usn_cmp_splitcomponent .item_block .component-outro .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } @media (min-width:0) and (max-width:575px) { section.content.component .content-col.center-col.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:576px) { section.content.component .content-col.center-col.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:768px) { section.content.component .content-col.center-col.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:992px) { section.content.component .content-col.center-col.col { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } } @media (min-width:1200px) { section.content.component .content-col.center-col.col { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } } .row.slides { display: block; flex-wrap: nowrap } .row.slides .item { max-width: auto; padding: 0 15px; margin-bottom: 0 } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-1 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } @media (min-width:576px) { .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-2, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-3, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-4, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-5, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-6, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-7, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-8 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } } @media (min-width:768px) { .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-3, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-4, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-5, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-6, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-7, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-8 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } } @media (min-width:992px) { .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-4, .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-5 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-6 { flex: 0 0 20%; -ms-flex: 0 0 20%; max-width: 20% } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-7 { flex: 0 0 16.6666667%; -ms-flex: 0 0 16.6666667%; max-width: 16.6666667% } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-8 { flex: 0 0 14.2857143%; -ms-flex: 0 0 14.2857143%; max-width: 14.2857143% } } @media (min-width:1200px) { .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-5 { flex: 0 0 20%; -ms-flex: 0 0 20%; max-width: 20% } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-6 { flex: 0 0 16.6666667%; -ms-flex: 0 0 16.6666667%; max-width: 16.6666667% } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-7 { flex: 0 0 14.2857143%; -ms-flex: 0 0 14.2857143%; max-width: 14.2857143% } .row:not(.slides):not(.page-column-container):not(.listing_window-mosaic) .item.items-8 { flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; max-width: 12.5% } } .listing:not(.listing_window-mosaic) .item:last-child { margin-bottom: 0 !important } @media (min-width:576px) and (max-width:767px) { .listing:not(.listing_window-mosaic) .item:not(.items-1):nth-last-child(2), .listing:not(.listing_window-mosaic) .item:not(.items-1):nth-last-child(1) { margin-bottom: 0 !important } } @media (min-width:768px) and (max-width:991px) { .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(3), .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2), .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1) { margin-bottom: 0 !important } } @media (min-width:992px) and (max-width:1199px) { .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) { margin-bottom: 0 !important } } @media (min-width:1200px) { .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3), .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1), .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2), .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) { margin-bottom: 0 !important } } .alert { margin: 0; border-width: 1px; border-radius: 0 } .component.usn_cmp_anchornavigation { position: relative; top: 0; z-index: 101; padding: 15px 0 !important; width: 100%; transition: top 0.5s ease-in-out 0s } .component.usn_cmp_anchornavigation { position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0 } body:not(.no-header) .component.usn_cmp_anchornavigation { top: 60px } .component.usn_cmp_anchornavigation, .component.usn_cmp_anchornavigation ul.nav { margin: 0 } .component.usn_cmp_anchornavigation ul.nav.justify-content-center { text-align: center } .component.usn_cmp_anchornavigation ul.nav.justify-content-left { text-align: left } .component.usn_cmp_anchornavigation ul.nav.justify-content-right { text-align: right } .component.usn_cmp_anchornavigation ul.nav li.nav-item { position: relative } .component.usn_cmp_anchornavigation ul.nav li.nav-item span { position: relative; display: inline-block } .component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link { padding: 5px 10px; margin: 0; color: #0059a5 } .component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link::after { content: ''; position: absolute; right: 10px; bottom: -2px; left: 10px; height: 1px; opacity: 0; transition: all 0.3s ease-in-out 0s } .component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link:not(.active):hover::after { bottom: 4px; background-color: #000000; opacity: 1 } .component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link.active::after { bottom: 3px; background-color: #d9e6f3; opacity: 1 } @media (min-width:0) and (max-width:767px) { .component.usn_cmp_anchornavigation nav:not(.open-mobile) { display: none } .component.usn_cmp_anchornavigation nav { padding-top: 15px } .component.usn_cmp_anchornavigation ul.nav li.nav-item { width: 100% } .component.usn_cmp_anchornavigation ul.nav { font-size: 85% } } @media (min-width:768px) { .component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link { margin: 0 } } @media (min-width:992px) { html.nav-up body:not(.no-header) .component.usn_cmp_anchornavigation { top: 0 } html.reached-top body:not(.no-header) .component.usn_cmp_anchornavigation, html.nav-down body:not(.no-header) .component.usn_cmp_anchornavigation { top: 90px } body.browser-safari:not(.no-header) .component.usn_cmp_anchornavigation { top: 90px !important } body:not(.no-header) .component.usn_cmp_anchornavigation { top: 90px } } .component.usn_cmp_anchornavigation .expand { position: relative; color: #0059a5; font-size: 85%; width: 100%; height: 15px; display: block; cursor: pointer; text-indent: -9999px; transition: all 0.3s ease-in-out 0s } .component.usn_cmp_anchornavigation .expand span:before, .component.usn_cmp_anchornavigation .expand span, .component.usn_cmp_anchornavigation .expand span:after { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; background-color: #0059a5; opacity: 1; transition: all 0.3s ease-in-out 0s } .component.usn_cmp_anchornavigation .expand span { top: 50%; left: 50%; transform: translate(-50%,-50%) } .component.usn_cmp_anchornavigation .expand span:before { top: 0; left: -12px } .component.usn_cmp_anchornavigation .expand span:after { top: 0; left: auto; right: -12px } .component.usn_cmp_anchornavigation .expand.anchor-active span { width: 0 } .component.usn_cmp_anchornavigation .expand.anchor-active span:before, .component.usn_cmp_anchornavigation .expand.anchor-active span:after { top: 2px; left: -9px; border-radius: 0; width: 20px; height: 3px } .component.usn_cmp_anchornavigation .expand.anchor-active span::before { transform: rotate(-45deg) } .component.usn_cmp_anchornavigation .expand.anchor-active span::after { transform: rotate(45deg) } .component.usn_cmp_anchornavigation .expand.justify-content-center { text-align: center } .component.usn_cmp_anchornavigation .expand.justify-content-left { text-align: left } .component.usn_cmp_anchornavigation .expand.justify-content-right { text-align: right } @media (min-width:768px) { .component.usn_cmp_anchornavigation .expand { display: none } } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) { .component.usn_cmp_anchornavigation { position: relative; top: 0 !important } } .component.usn_cmp_banner { padding: 0; overflow: hidden } .component.usn_cmp_banner .item { position: relative } .component.usn_cmp_banner .item.item_scale-banner, .component.usn_cmp_banner .item.item_scale-banner .image, .component.usn_cmp_banner .item.item_scale-banner .image .video { height: auto !important } .component.usn_cmp_banner .item.item_scale-banner .container, .component.usn_cmp_banner .item.item_scale-banner .row { height: 100% } .component.usn_cmp_banner .item.item_short-banner, .component.usn_cmp_banner .item.item_short-banner .container, .component.usn_cmp_banner .item.item_short-banner .row, .component.usn_cmp_banner .item.item_short-banner .image, .component.usn_cmp_banner .item.item_short-banner .image .video { height: 500px; height: calc(500px - 60px) } body.no-header .component.usn_cmp_banner .item.item_short-banner, body.no-header .component.usn_cmp_banner .item.item_short-banner .container, body.no-header .component.usn_cmp_banner .item.item_short-banner .row, body.no-header .component.usn_cmp_banner .item.item_short-banner .image, body.no-header .component.usn_cmp_banner .item.item_short-banner .image .video { height: 500px } .component.usn_cmp_banner .item.item_medium-banner, .component.usn_cmp_banner .item.item_medium-banner .container, .component.usn_cmp_banner .item.item_medium-banner .row, .component.usn_cmp_banner .item.item_medium-banner .image, .component.usn_cmp_banner .item.item_medium-banner .image .video { height: 700px } body.no-header .component.usn_cmp_banner .item.item_medium-banner, body.no-header .component.usn_cmp_banner .item.item_medium-banner .container, body.no-header .component.usn_cmp_banner .item.item_medium-banner .row, body.no-header .component.usn_cmp_banner .item.item_medium-banner .image, body.no-header .component.usn_cmp_banner .item.item_medium-banner .image .video { height: 700px } .component.usn_cmp_banner .item.item_takeover-banner, .component.usn_cmp_banner .item.item_takeover-banner .container, .component.usn_cmp_banner .item.item_takeover-banner .row, .component.usn_cmp_banner .item.item_takeover-banner .image, .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 60px) } body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 60px - 110px) } body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: calc(100vh - 110px) } body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .container, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .row, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh } .component.usn_cmp_banner .item:not(.item_scale-banner) .image { position: absolute; top: 0; right: 0; left: 0; z-index: 0; background-repeat: no-repeat; background-position: center } body:not(.browser-ios):not(.browser-safari) .component.usn_cmp_banner .item.parallax:not(.item_scale-banner) .image { background-attachment: fixed } .component.usn_cmp_banner .item .image img { position: relative; z-index: 1 } .component.usn_cmp_banner .item .image .video { z-index: 2 } .component.usn_cmp_banner .item:not(.item_scale-banner) .image .video .video-player { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%) } .component.usn_cmp_banner .item.item_scale-banner .image img + .video { position: absolute; top: 0; right: 0; left: 0 } .component.usn_cmp_banner .item:not(.item_scale-banner) .inner, .component.usn_cmp_banner .item.item_scale-banner .image + .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3 } .component.usn_cmp_banner .item .inner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.65 } .component.usn_cmp_banner .item .info { position: relative; height: 100%; padding: 70px 15px; z-index: 2 } .component.usn_cmp_banner .item .info .d-table { height: 100% } .component.usn_cmp_banner .item .info .d-table, .component.usn_cmp_banner .item .info .d-table-cell { width: 100% } .component.usn_cmp_banner .item .row.info_align-middle .info .d-table-cell { vertical-align: middle } .component.usn_cmp_banner .item .row.info_align-bottom .info .d-table-cell { vertical-align: bottom } @media (min-width:0) and (max-width:575px) { .component.usn_cmp_banner .item.item_scale-banner .inner, .component.usn_cmp_banner .item.item_scale-banner .info { position: relative !important } .component.usn_cmp_banner .item.item_scale-banner .info { padding: 15px } .component.usn_cmp_banner .slides .item.item_scale-banner .info { padding-bottom: 60px } .component.usn_cmp_banner .item.item_scale-banner .inner::before { display: none } } @media (min-width:768px) { body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 60px - 35px) } body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 35px) } body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .container, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .row, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh } } @media (min-width:992px) { .component.usn_cmp_banner .item.item_short-banner, .component.usn_cmp_banner .item.item_short-banner .container, .component.usn_cmp_banner .item.item_short-banner .row, .component.usn_cmp_banner .item.item_short-banner .image, .component.usn_cmp_banner .item.item_short-banner .image .video { height: 500px; height: calc(500px - 90px); min-height: 340px } body.no-header .component.usn_cmp_banner .item.item_short-banner, body.no-header .component.usn_cmp_banner .item.item_short-banner .container, body.no-header .component.usn_cmp_banner .item.item_short-banner .row, body.no-header .component.usn_cmp_banner .item.item_short-banner .image, body.no-header .component.usn_cmp_banner .item.item_short-banner .image .video, body.transparent-header .component.usn_cmp_banner .item.item_short-banner, body.transparent-header .component.usn_cmp_banner .item.item_short-banner .container, body.transparent-header .component.usn_cmp_banner .item.item_short-banner .row, body.transparent-header .component.usn_cmp_banner .item.item_short-banner .image, body.transparent-header .component.usn_cmp_banner .item.item_short-banner .image .video { height: 500px; min-height: 340px } .component.usn_cmp_banner .item.item_medium-banner, .component.usn_cmp_banner .item.item_medium-banner .container, .component.usn_cmp_banner .item.item_medium-banner .row, .component.usn_cmp_banner .item.item_medium-banner .image, .component.usn_cmp_banner .item.item_medium-banner .image .video { height: 700px; min-height: 450px } body.no-header .component.usn_cmp_banner .item.item_medium-banner, body.no-header .component.usn_cmp_banner .item.item_medium-banner .container, body.no-header .component.usn_cmp_banner .item.item_medium-banner .row, body.no-header .component.usn_cmp_banner .item.item_medium-banner .image, body.no-header .component.usn_cmp_banner .item.item_medium-banner .image .video, body.transparent-header .component.usn_cmp_banner .item.item_medium-banner, body.transparent-header .component.usn_cmp_banner .item.item_medium-banner .container, body.transparent-header .component.usn_cmp_banner .item.item_medium-banner .row, body.transparent-header .component.usn_cmp_banner .item.item_medium-banner .image, body.transparent-header .component.usn_cmp_banner .item.item_medium-banner .image .video { height: 700px; min-height: 450px } .component.usn_cmp_banner .item.item_takeover-banner, .component.usn_cmp_banner .item.item_takeover-banner .container, .component.usn_cmp_banner .item.item_takeover-banner .row, .component.usn_cmp_banner .item.item_takeover-banner .image, .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 90px) } body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image, body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 90px - 30px) } body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image, body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 30px) } body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .container, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .row, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image, body.no-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image .video, body.transparent-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner, body.transparent-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .container, body.transparent-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .row, body.transparent-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image, body.transparent-header:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh } body.browser-ios.transparent-header .component.usn_cmp_banner .item.item_takeover-banner, body.browser-ios.transparent-header .component.usn_cmp_banner .item.item_takeover-banner .container, body.browser-ios.transparent-header .component.usn_cmp_banner .item.item_takeover-banner .row, body.browser-ios.transparent-header .component.usn_cmp_banner .item.item_takeover-banner .image, body.browser-ios.transparent-header .component.usn_cmp_banner .item.item_takeover-banner .image .video { height: 100vh; height: calc(100vh - 30px) } .component.usn_cmp_banner .item .info { padding: 90px 15px } body.transparent-header:not(.no-header) .component.usn_cmp_banner .item.item_short-banner .info, body.transparent-header:not(.no-header) .component.usn_cmp_banner .item.item_medium-banner .info { padding-top: calc(90px + 90px) } } @media (min-width:0) and (max-width:575px) { .component.usn_cmp_banner .item .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:576px) { .component.usn_cmp_banner .item .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:768px) { .component.usn_cmp_banner .item .info.col { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } } @media (min-width:992px) { .component.usn_cmp_banner .item .info.col { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } } @media (min-width:1200px) { .component.usn_cmp_banner .item .info.col { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } } .scroll-prompt { position: absolute; bottom: 40px; left: 50%; z-index: 100; width: 40px; text-align: center; transform: translateX(-50%); opacity: 0 } .scroll-prompt a { display: inline-block; width: 100%; height: 30px; margin: 0 auto; cursor: pointer; text-decoration: none !important; color: #0059a5; overflow: hidden } .scroll-prompt a i { font-size: 20px; line-height: 20px; display: block; padding: 0; margin: 0 0 0 2px; color: #0059a5 } .scroll-prompt .mouse-scroll { position: relative; width: 21px; height: 35px; margin: 0 auto; border: 0 none !important } .scroll-prompt .mouse-scroll::before { content: ""; position: absolute; top: 10px; left: 9px; width: 1px; height: 40px; background-color: #0059a5; opacity: 0 } .scroll-prompt { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn } .scroll-prompt .mouse-scroll::before { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.75s; animation-duration: 1.75s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown } .scroll-prompt a > i.icon { display: none !important } .usn_cmp_banner div.image.banner-natural-width { text-align: center } .usn_cmp_banner div.image.banner-natural-width img { width: auto } @media (min-width:0) and (max-width:575px) { .component.usn_cmp_banner .item.item_scale-banner .scroll-prompt { position: relative; bottom: 0 } } @media (min-width:0) and (max-width:991px) { .scroll-prompt .mouse-scroll { height: 20px } .scroll-prompt a { height: 20px } } @media (min-width:992px) { .scroll-prompt a { height: auto; padding-bottom: 0 } .scroll-prompt a span { font-size: 9px; text-transform: uppercase; letter-spacing: 0.09em; display: block; margin-top: 15px; display: none } .scroll-prompt a i { font-size: 20px } } .component.usn_cmp_ctastrip .info { position: relative; margin-bottom: 0 } .component.usn_cmp_ctastrip .link { margin-bottom: 0 } .component.usn_cmp_ctastrip .info, .component.usn_cmp_ctastrip .link { flex: 0 0 100%; max-width: 100%; padding: 0 15px } @media (min-width:992px) { .component.usn_cmp_ctastrip .text-right .info, .component.usn_cmp_ctastrip .text-left .info { flex: 0 0 70%; -ms-flex: 0 0 70%; max-width: 70% } .component.usn_cmp_ctastrip .text-left .link, .component.usn_cmp_ctastrip .text-right .link { flex: 0 0 30%; -ms-flex: 0 0 30%; max-width: 30% } .component.usn_cmp_ctastrip .text-left .link a.btn, .component.usn_cmp_ctastrip .text-right .link a.btn { display: block } .component.usn_cmp_ctastrip .text-right .info { order: 2 } .component.usn_cmp_ctastrip .text-right .link { order: 1 } .component.usn_cmp_ctastrip .link .btn + .btn { margin-top: 5px } .component.usn_cmp_ctastrip .text-left .linkm .component.usn_cmp_ctastrip .text-right .link { margin: 0 } } @media (min-width:1200px) { .component.usn_cmp_ctastrip .text-right .info, .component.usn_cmp_ctastrip .text-left .info { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .component.usn_cmp_ctastrip .text-left .link, .component.usn_cmp_ctastrip .text-right .link { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } } .listing.listing_data-list.data-list_boxed { margin: 0; padding: 15px 0 } .listing.listing_data-list .list-title.heading { margin: 0 0 15px !important } .listing.listing_data-list.data-list_boxed .list-title.heading { margin-top: 8px !important } .listing.listing_data-list .item { margin: 8px 0 !important } .listing.listing_data-list .item.items-1:not(:last-child)::before { content: ""; position: absolute; bottom: -8px; right: 15px; left: 15px; height: 1px; background-color: #e3e3e3 } footer#site-footer .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: #ffffff } footer#site-footer .listing.listing_data-list.data-list_boxed.has-borders.footer-borders { border-color: #ffffff } .listing.listing_data-list .item > .title { display: flex; flex-wrap: wrap; align-content: space-between; width: 100%; margin: 0 } .listing.listing_data-list .item > .title + .text { margin-top: 4px } .listing.listing_data-list .item > .title > span { flex: auto } .listing.listing_data-list .item > .title > span.text-left { align-self: flex-start } .listing.listing_data-list .item > .title > span.text-right { align-self: flex-end; font-weight: bold } @media (min-width:992px) { .listing.listing_data-list.data-list_boxed { padding: 15px } } .row.listing.listing_instagram .item { padding-left: 15px; padding-right: 15px } .listing_no-spacing .listing.listing_instagram .item { padding: 0; margin: 0 } .instagram_profile { display: none } .instagram_gallery a { max-height: 324px } .usn_cmp_gridlayout .umb-grid { margin-right: -15px; margin-left: -15px } .listing.listing_links:not(.listing_links-mini) { margin-right: 0; margin-left: 0; border-width: 1px 1px 0 0; border-style: solid; border-color: #e3e3e3 } .listing.listing_links:not(.listing_links-mini) .item { padding: 0; margin: 0 } .listing.listing_links:not(.listing_links-mini) .item a { padding: 15px; border-width: 0 0 1px 1px; border-style: solid; border-color: #e3e3e3 } .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: #e3e3e3 } .listing.listing_links:not(.listing_links-mini) .item .heading { margin-top: 0 } @media (min-width:992px) { .listing.listing_links:not(.listing_links-mini) .item a { padding: 30px } } .listing.listing_links.listing_links-mini .item { margin: 5px 0 } .listing.listing_links.listing_links-mini .item a { position: relative; padding-left: 15px } .listing.listing_links.listing_links-mini .item a:hover { padding-left: 18px } .listing.listing_links.listing_links-mini .item a::after { content: ""; position: absolute; top: 11px; left: 0; display: block; width: 5px; height: 1px; background-color: #0059a5 } .listing.listing_links.listing_links-mini .item a:hover::after { width: 8px; background-color: #000000 } .listing.listing_search-results { margin-top: 15px; margin-bottom: 15px } .p-0 .listing.listing_no-spacing:not(.listing_window-mosaic):first-child { margin-top: 0 } .p-0 .listing.listing_no-spacing:not(.listing_window-mosaic):last-child { margin-bottom: 0 } .container .row.listing.listing_no-spacing:not(.listing_window-mosaic) { margin-right: 0; margin-left: 0 } .container-fluid .row.listing:not(.listing_no-spacing):not(.listing_window-mosaic) { margin-right: 0; margin-left: 0 } .repeatable.tabbed + .repeatable-content .listing { padding: 30px 0 0 } .listing .item { margin-bottom: 30px } .listing.listing_no-spacing:not(.listing_window-mosaic) .item { padding: 0; margin: 0 } .item .inner { position: relative; width: 100% } .item.item_text-boxed .inner::after { content: ""; display: block } .item a:not(.btn) { display: block; text-decoration: none } .item.item_text-boxed a:not(.btn) { overflow: hidden; height: 100% } .item .text a:not(.btn) { display: inline } .item a.btn + a.btn { margin-left: 5px } .hide-buttons .item .link { display: none } .item .image { position: relative; z-index: 0 } .item .image img { width: 100% } .item.item_overlay .image::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; opacity: 0.4; transition: opacity 0.3s ease-in-out 0s } .item.item_overlay a:hover .image::before { opacity: 0.8 } .item.item_text-boxed .info { padding: 30px } .listing .item.item_text-boxed .image + .info { position: absolute; right: 0; left: 0; z-index: 2 } .listing .item.item_text-boxed .image + .info.info_align-top { top: 0 } .listing .item.item_text-boxed .image + .info.info_align-middle { top: 50%; transform: translateY(-50%) } .listing .item.item_text-boxed .image + .info.info_align-bottom { top: auto; bottom: 0 } .listing .item.item_text-boxed .image + .info:not(.info_align-top):not(.info_align-middle):not(.info_align-bottom) { top: auto; bottom: 0 } @media (min-width:992px) { .listing.listing_search-results { margin-top: 30px; margin-bottom: 30px } } .item.item_text-below:not(.item_has-bg) .image, .item.item_text-left:not(.item_has-bg) .image, .item.item_text-right:not(.item_has-bg) .image { margin-bottom: 15px } .item.item_text-above:not(.item_has-bg) .image { margin-top: 15px } .item.item_text-below.item_has-bg .info, .item.item_text-left.item_has-bg .info, .item.item_text-right.item_has-bg .info { padding: 30px } .icon-images .item.item_text-left .image, .icon-images .item.item_text-right .image { max-width: 50px } @media (min-width:768px) { .item.item_text-above:not(.item_has-bg) .image { margin-top: 15px } .item.item_text-below:not(.item_has-bg) .image { margin-bottom: 15px } .item.item_text-left, .item.item_text-right, .item.item_text-left .inner, .item.item_text-right .inner, .item.item_text-left .inner > a:not(.btn), .item.item_text-right .inner > a:not(.btn) { display: flex; display: -ms-flexbox; flex-direction: row-reverse; -ms-flex-direction: row-reverse } .item.item_text-left .inner, .item.item_text-right .inner, .item.item_text-left .inner > a:not(.btn), .item.item_text-right .inner > a:not(.btn) { width: 100% } .item.item_text-right, .item.item_text-right .inner, .item.item_text-right .inner > a:not(.btn) { flex-direction: row; -ms-flex-direction: row } .item.item_text-left .image, .item.item_text-right .image { flex: 0 0 40%; -ms-flex: 0 0 40%; max-width: 40%; margin: 0 !important } .icon-images .item.item_text-left .image, .icon-images .item.item_text-right .image { flex: 0 0 10%; -ms-flex: 0 0 10%; max-width: 10% } .item.item_text-left .info, .item.item_text-right .info { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .item.item_text-left .image + .info, .item.item_text-right .image + .info { flex: 0 0 60%; -ms-flex: 0 0 60%; max-width: 60% } .icon-images .item.item_text-left .image + .info, .icon-images .item.item_text-right .image + .info { flex: 0 0 90%; -ms-flex: 0 0 90%; max-width: 90% } .item.item-blog.item_text-right:not(.item_has-bg) .info { padding: 0 0 60px 0 } .item.item-blog.item_text-left:not(.item_has-bg) .info { padding: 0 0 60px 0 } .item.item-blog.item_text-right:not(.item_has-bg) .image + .info { padding: 0 0 60px 30px } .item.item-blog.item_text-left:not(.item_has-bg) .image + .info { padding: 0 30px 60px 0 } .item.item_text-right:not(.item_has-bg):not(.item-blog) .info { padding: 0 0 30px 0 } .item.item_text-left:not(.item_has-bg):not(.item-blog) .info { padding: 0 0 30px 0 } .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info { padding: 0 0 30px 30px } .item.item_text-left:not(.item_has-bg):not(.item-blog) .image + .info { padding: 0 30px 30px 0 } .icon-images .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info { padding: 0 0 30px 15px } .icon-images .item.item_text-left:not(.item_has-bg):not(.item-blog) .image + .info { padding: 0 15px 30px 0 } } .component.usn_cmp_pods .item.usn_pod_form:not(.items-1):not(.items-2) .form-group.col-md-6 { flex: 0 0 100%; max-width: 100% } .item.usn_pod_pod_subpagelisting .secondary-heading + .repeatable-content, .item.usn_pod_pod_subpagelisting .heading + .repeatable-content, .item.usn_pod_pod_subpagelisting .secondary-heading + .repeatable, .item.usn_pod_pod_subpagelisting .heading + .repeatable { margin-top: 15px } .item.usn_pod_pod_subpagelisting .repeatable-content .listing .item { margin-bottom: 15px } .item.usn_pod_pod_subpagelisting .repeatable-content .listing .item:last-child { margin-bottom: 0 } .usn_cmp_text .link .btn { margin-top: 4px } .usn_cmp_text .link :first-child:not(li) { margin-top: 4px !important } .component.usn_cmp_splitcomponent .component-main > .item.item_block { position: relative; z-index: 1 } .component.usn_cmp_splitcomponent.p-0 .container-fluid .item_block.usn_cmp_gallery { margin: 0; padding: 0 } .usn_cmp_splitcomponent.p-0 .container-fluid .item_block.usn_cmp_text .info { padding: 15px } @media (min-width:0) and (max-width:767px) { .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-2 { margin-top: 30px } } @media (min-width:992px) { .component.usn_cmp_splitcomponent .component-main > .item.item_block.item_overlap-pull-left, .component.usn_cmp_splitcomponent .component-main > .item.item_block.item_overlap-pull-right { position: relative; z-index: 2 } .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-2.item_overlap-pull-left { left: -8.3333333% } .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1.item_overlap-pull-left.item_overlap-double { left: -16.7% } .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1.item_overlap-pull-right { right: -8.3333333% } .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1.item_overlap-pull-right.item_overlap-double { right: -16.7% } .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info { max-width: 100%; padding: 30px; margin-left: auto; margin-right: auto } } .repeatable .nav-tabs { border: 0 none !important } .repeatable .tab { position: relative; margin: 0 } .repeatable .tab .nav-link { position: relative; display: block; padding: 5px 0 2px; cursor: pointer; transition: all 0.3s ease-in-out 0s; border-radius: 0; outline: 0 none; background: transparent; border-width: 0 0 1px; border-style: solid } .repeatable .repeatable-content { padding: 15px 0; border: 0 none } .tab-content { position: relative } .tab-content > .tab-pane { position: absolute; top: 0; left: 0; right: 0; display: block; height: 0; overflow-y: hidden; opacity: 0 } .tab-content > .tab-pane.active { position: relative; overflow-y: visible; height: 100%; opacity: 1 } .tab-content > .tab-pane:not(:first-child) .item.os-animation { opacity: 0; transition: opacity 0.7s ease-in-out 0s } .tab-content > .tab-pane.active:not(:first-child) .item.os-animation.animated { opacity: 1 } .repeatable.tabbed .tabs { position: relative; z-index: 1 } .repeatable.tabbed .tab { display: inline-block; margin-right: 2px } .repeatable.tabbed .tab .nav-link { margin: 0 10px 0 0 } .text-center .repeatable.tabbed .tab .nav-link { margin: 0 5px } .text-right .repeatable.tabbed .tab .nav-link { margin: 0 0 0 10px } .repeatable-content { position: relative; top: 0; z-index: 0 } @media (min-width:1200px) { .repeatable.tabbed .tab .nav-link { margin: 0 15px 0 0 } .text-center .repeatable.tabbed .tab .nav-link { margin: 0 7.5px } .text-right .repeatable.tabbed .tab .nav-link { margin: 0 0 0 15px } } .repeatable.accordion .tab { margin-top: 2px } .repeatable.accordion .tab:first-child { margin: 0 } .repeatable.accordion .tab .nav-link { padding-right: 50px; padding: 10px 0 } .repeatable.accordion .tab .nav-link::after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f280"; position: absolute; top: 50%; right: 0; width: 40px; text-align: right; transform: translateY(-50%) } .repeatable.accordion .tab .nav-link:not(.collapsed)::after { content: "\f286" } .repeatable.accordion .repeatable-content { border-top: 0 } .listing.listing_window-mosaic:not(.listing_no-spacing) { position: relative; margin-top: 0; margin-bottom: 0 } section.content.p-0 .component-inner > .container-fluid .listing.listing_window-mosaic:not(.listing_no-spacing) { margin-left: 0; margin-right: 0 } .listing.listing_window-mosaic:not(.listing_no-spacing) { padding: 15px } .listing.listing_window-mosaic:not(.listing_no-spacing) + .listing.listing_window-mosaic:not(.listing_no-spacing) { padding-top: 0 } .container-fluid:first-child .listing.listing_window-mosaic:not(.listing_no-spacing) { margin-top: 0 } .container-fluid:last-child .listing.listing_window-mosaic:not(.listing_no-spacing) { margin-bottom: 0 } .listing.listing_window-mosaic:not(.listing_no-spacing) .item { position: relative; margin: 0; overflow: hidden; width: 100% } .listing.listing_window-mosaic:not(.listing_no-spacing) .item::before { content: ""; display: block } .listing.listing_window-mosaic:not(.listing_no-spacing) .item { height: 50vh; height: calc(50vh - calc(60px / 2) - 15px - 7.5px) } .listing.listing_window-mosaic:not(.listing_no-spacing) .item::before, .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner { padding-top: 50vh; padding-top: calc(50vh - calc(60px / 2) - 15px - 7.5px) } .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner { position: absolute; top: 0; right: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden } .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1 } .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .info { max-width: 460px } .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .info.justify-content-center { margin: 0 auto } .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .info.justify-content-right { left: auto; right: 0 } @media (min-width:0) and (max-width:991px) { .listing.listing_window-mosaic:not(.listing_no-spacing) .item { margin-bottom: 15px } .listing.listing_window-mosaic:not(.listing_no-spacing) .item:last-of-type { margin-bottom: 0 } } @media (min-width:992px) { .listing.listing_window-mosaic:not(.listing_no-spacing) .item { width: 50%; width: calc(50% - 7.5px); margin-left: 0 } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { margin-left: 15px } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { height: 55vh; height: calc(55vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2)::before, .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) .inner { padding-top: 55vh; padding-top: calc(55vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1) { height: 45vh; height: calc(45vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2)::before, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2) .inner, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner { padding-top: 45vh; padding-top: calc(45vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1) { height: 45vh; height: calc(45vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4)::before, .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4) .inner { padding-top: 45vh; padding-top: calc(45vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(3), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4) { height: 45vh; height: calc(45vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4)::before, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4) .inner, .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner { padding-top: 55vh; padding-top: calc(55vh - calc(90px / 2) - 22.5px) } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { height: 55vh; height: calc(55vh - calc(90px / 2) - 22.5px) } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1), .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { height: 475px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2)::before, .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) .inner { padding-top: 475px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2), .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1) { height: 375px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2)::before, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2) .inner, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner { padding-top: 375px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(3), .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4) { height: 375px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4)::before, .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4) .inner { padding-top: 375px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4), .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { height: 475px } .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4)::before, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .container .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4) .inner, .container .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner { padding-top: 475px } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(1), .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { margin-bottom: 15px } .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4) { position: absolute; bottom: 15px; right: 15px; width: calc(50% - 15px - 7.5px) } .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { position: absolute; bottom: 15px; left: 15px; width: calc(50% - 15px - 7.5px) } .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4) { margin-left: auto } .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(1), .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { height: 100vh; height: calc(100vh - 90px - 30px) } .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner, .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner { padding-top: 100vh; padding-top: calc(100vh - 90px - 30px) } .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(2), .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(3), .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(1), .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { height: 50vh; height: calc(50vh - calc(90px / 2) - 15px - 7.5px) } .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(2)::before, .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(2)::before, .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(2) .inner, .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner, .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner, .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(2) .inner { padding-top: 50vh; padding-top: calc(50vh - calc(90px / 2) - 15px - 7.5px) } .container .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(1), .container .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { height: 750px } .container .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(1)::before, .container .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3)::before, .container .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(1) .inner, .container .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3) .inner { padding-top: 750px } .container .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(2), .container .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(3), .container .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(1), .container .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { height: 375px; height: calc(375px - 7.5px) } .container .listing.listing_window-mosaic.windows-3.big-window-first .item:nth-child(2)::before, .container .listing.listing_window-mosaic.windows-3.big-window-first .item:nth-child(3)::before, .container .listing.listing_window-mosaic.windows-3.small-window-first .item:nth-child(1)::before, .container .listing.listing_window-mosaic.windows-3.small-window-first .item:nth-child(2)::before, .container .listing.listing_window-mosaic.windows-3.big-window-first .item:nth-child(2) .inner, .container .listing.listing_window-mosaic.windows-3.big-window-first .item:nth-child(3) .inner, .container .listing.listing_window-mosaic.windows-3.small-window-first .item:nth-child(1) .inner, .container .listing.listing_window-mosaic.windows-3.small-window-first .item:nth-child(2) .inner { padding-top: 375px; padding-top: calc(375px - 7.5px) } .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(2) { position: relative; top: 0; right: -15px; width: calc(50% - 7.5px) } .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(3) { position: absolute; bottom: 15px; right: 15px; width: calc(50% - 15px - 7.5px) } .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(1) { position: relative; top: 0; left: 0; width: calc(50% - 7.5px) } .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { position: absolute; bottom: 15px; left: 15px; width: calc(50% - 15px - 7.5px) } .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { margin-left: auto } .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) { padding-left: 0 } .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) .item { margin-left: 15px } .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item { width: 25%; width: calc(25% - 15px) } .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item { width: 33.3333333%; width: calc(33.3333333% - 15px) } .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item { width: 50%; width: calc(50% - 15px) } .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item { width: 100% } .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) .item { height: 50vh; height: calc(50vh - 90px - 30px) } .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) .item::before, .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) .item .inner { padding-top: 50vh; padding-top: calc(50vh - 90px - 30px) } .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item { height: 50vh; height: calc(50vh - 90px - 30px) } .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item::before, .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item .inner { padding-top: 50vh; padding-top: calc(50vh - 90px - 30px) } .container .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item { height: 375px } .container .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item::before, .container .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item .inner { padding-top: 375px } .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item { height: 70vh; height: calc(70vh - 90px - 30px) } .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item::before, .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item .inner { padding-top: 70vh; padding-top: calc(70vh - 90px - 30px) } .container .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item { height: 375px } .container .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item::before, .container .listing.listing_window-mosaic.basic-windows.windows-3:not(.listing_no-spacing) .item .inner { padding-top: 375px } .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item { height: 100vh; height: calc(100vh - 90px - 30px) } .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item::before, .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item .inner { padding-top: 100vh; padding-top: calc(100vh - 90px - 30px) } .container .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item { height: 375px } .container .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item::before, .container .listing.listing_window-mosaic.basic-windows.windows-2:not(.listing_no-spacing) .item .inner { padding-top: 375px } .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item { height: 100vh; height: calc(100vh - 90px - 30px) } .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item::before, .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item .inner { padding-top: 100vh; padding-top: calc(100vh - 90px - 30px) } .container .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item { height: 62.5% } .container .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item::before, .container .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item .inner { padding-top: 62.5% } } .listing.listing_window-mosaic.listing_no-spacing { position: relative; margin: 0 } .container-fluid .listing.listing_window-mosaic.listing_no-spacing { margin-right: -15px; margin-left: -15px } .container-fluid:first-child .listing.listing_window-mosaic.listing_no-spacing { margin-top: 0 } .container-fluid:last-child .listing.listing_window-mosaic.listing_no-spacing { margin-bottom: 0 } .listing.listing_window-mosaic.listing_no-spacing .item { position: relative; margin: 0; overflow: hidden; width: 100% } .listing.listing_window-mosaic.listing_no-spacing .item::before { content: ""; display: block } .listing.listing_window-mosaic.listing_no-spacing .item { height: 50vh; height: calc(50vh - calc(60px / 2)) } .listing.listing_window-mosaic.listing_no-spacing .item::before, .listing.listing_window-mosaic.listing_no-spacing .item .inner { padding-top: 50vh; padding-top: calc(50vh - calc(60px / 2)) } .listing.listing_window-mosaic.listing_no-spacing .item .inner { position: absolute; top: 0; right: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden } .listing.listing_window-mosaic.listing_no-spacing .item .inner .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1 } .listing.listing_window-mosaic.listing_no-spacing .item .inner .info { max-width: 460px } .listing.listing_window-mosaic.listing_no-spacing .item .inner .info.justify-content-center { margin: 0 auto } .listing.listing_window-mosaic.listing_no-spacing .item .inner .info.justify-content-right { left: auto; right: 0 } @media (min-width:992px) { .listing.listing_window-mosaic.listing_no-spacing:not(.windows-1) .item { width: 50% } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(1), .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(2) { height: 55vh; height: calc(55vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(1)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(2)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(1) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(2) .inner { padding-top: 55vh; padding-top: calc(55vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2), .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1) { height: 45vh; height: calc(45vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1) .inner { padding-top: 45vh; padding-top: calc(45vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2), .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1) { height: 45vh; height: calc(45vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(3)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(3) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4) .inner { padding-top: 45vh; padding-top: calc(45vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(3), .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4) { height: 45vh; height: calc(45vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3) .inner { padding-top: 55vh; padding-top: calc(55vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4), .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3) { height: 55vh; height: calc(55vh - calc(90px / 2)) } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(1), .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(2) { height: 475px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(1)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(2)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(1) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(2) .inner { padding-top: 475px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2), .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1) { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(2) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(1) .inner { padding-top: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(3), .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4) { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(3)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(3) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4) .inner { padding-top: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4), .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3) { height: 475px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3) .inner { padding-top: 475px } .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4) { position: absolute; bottom: 0; right: 0 } .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3) { position: absolute; bottom: 0; left: 0 } .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4) { margin-left: auto } .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(1), .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3) { height: 100vh; height: calc(100vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(1)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(1) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3) .inner { padding-top: 100vh; padding-top: calc(100vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2), .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3), .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1), .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2) { height: 50vh; height: calc(50vh - calc(90px / 2)) } .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2)::before, .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1) .inner, .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2) .inner { padding-top: 50vh; padding-top: calc(50vh - calc(90px / 2)) } .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(1), .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3) { height: 750px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(1)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(1) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3) .inner { padding-top: 750px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2), .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3), .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1), .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2) { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2)::before, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1) .inner, .container .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2) .inner { padding-top: 375px } .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2) { position: absolute; top: 0; right: 0 } .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3) { position: absolute; bottom: 0; right: 0 } .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1) { position: absolute; top: 0; left: 0 } .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2) { position: absolute; bottom: 0; left: 0 } .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3) { margin-left: auto } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item { width: 25% } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item { width: 33.3333333% } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item { width: 50% } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item { width: 100% } .listing.listing_window-mosaic.listing_no-spacing.basic-windows .item { height: 50vh; height: calc(50vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.basic-windows .item::before, .listing.listing_window-mosaic.listing_no-spacing.basic-windows .item .inner { padding-top: 50vh; padding-top: calc(50vh - 90px) } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows .item { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows .item::before, .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows .item .inner { padding-top: 375px } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item { height: 50vh; height: calc(50vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item::before, .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item .inner { padding-top: 50vh; padding-top: calc(50vh - 90px) } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item::before, .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-4 .item .inner { padding-top: 375px } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item { height: 70vh; height: calc(70vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item::before, .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item .inner { padding-top: 70vh; padding-top: calc(70vh - 90px) } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item::before, .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-3 .item .inner { padding-top: 375px } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item { height: 100vh; height: calc(100vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item::before, .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item .inner { padding-top: 100vh; padding-top: calc(100vh - 90px) } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item { height: 375px } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item::before, .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-2 .item .inner { padding-top: 375px } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item { height: 100vh; height: calc(100vh - 90px) } .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item::before, .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item .inner { padding-top: 100vh; padding-top: calc(100vh - 90px) } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item { height: 62.5% } .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item::before, .container .listing.listing_window-mosaic.listing_no-spacing.basic-windows.windows-1 .item .inner { padding-top: 62.5% } } .left-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed), .right-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed) { padding-top: 30px; border-width: 1px 0 0; border-style: solid; border-color: #e3e3e3 } .swp > .listing > .swp-item { position: relative; margin-bottom: 30px } .left-col .swp > .listing.listing-pods > .item.swp-item, .right-col .swp > .listing.listing-pods > .item.swp-item { margin-bottom: 30px !important } .swp > .listing.listing-pods > .item.swp-item:last-child { margin-bottom: 0 !important } .swp .item.item_text-left:not(.item_has-bg):not(.item-blog) .image + .info, .swp .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info { padding-bottom: 0 } .swp .item.item_text-left:not(.item_has-bg):not(.item-blog) .image + .info { padding-right: 15px } .swp .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info { padding-left: 15px } .form > .inner { padding: 30px } .form > .inner .info { margin-bottom: 15px } footer#site-footer .form .inner { padding: 0 !important; border: 0 none !important } textarea { resize: none } fieldset { margin: 0 0 15px } fieldset.buttons { margin: 0 } .heading.umbraco-forms-caption:not(.main) { color: inherit } legend { color: inherit; border-color: inherit; padding: 0 0 8px; margin: 10px 0 15px } .form-group { position: relative } .form-group.titleanddescription:not(:first-child) { margin-top: 30px } .form-group.checkbox > label { padding-left: 0 } .form-group.titleanddescription:first-child .heading { margin-top: 0 } .item_form-single_field .g-recaptcha { margin-top: 15px } .justify-content-center .item_form-single_field .g-recaptcha > div { margin: 0 auto } label { position: relative; font-weight: normal; display: block } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 5px } label em.req { font-style: normal; color: #fff } .form-group .note { display: block; margin-top: 5px; font-size: 85%; opacity: 0.8 } .form-control { min-height: 40px; border-width: 1px; border-style: solid; border-color: #e3e3e3; border-radius: 0; box-shadow: none } .form-control:focus { border-color: #d9e6f3; box-shadow: 0 0 5px #d9e6f3; box-shadow: none !important } .form-group.uploadafile .form-control { padding-top: 5px } .form-group.checkbox .form-control { min-height: auto; height: auto; width: auto } .form-group.checkbox.checkboxlist .form-control { min-height: auto; height: auto; width: auto } .form-group.singlecheckbox { min-height: auto; height: auto } .form-group.radio .form-control, .form-group.radiobutton .form-control { min-height: auto; height: auto; width: auto } .form-group.multiplechoice .form-control { min-height: auto; height: auto; width: auto } .form-group.singlechoice .form-control { min-height: auto; height: auto; width: auto } .radio label input[type="radio"], .checkbox label input[type="checkbox"] { position: absolute; top: 3px; left: -2px; margin: 0; width: auto } select, select option { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none } .form-group.dropdown .form-control, .form-group.date .form-control { position: relative; z-index: 1; padding-top: 0; padding-bottom: 0; background: none } .form-group.dropdown::after, .form-group.date::after { font-family: "Ionicons"; content: "\f280"; position: absolute; top: 32px; right: 0; left: 0; z-index: 0; display: block; width: 100%; min-height: 38px; padding: 6px 15px 3px 0; font-size: 20px; text-align: right; color: #1f252c; background-color: #ffffff; box-sizing: border-box; border-radius: 0 } .form-group.date::after { content: "\f2ab" } .form-group.dropdown.no-label::after, .form-group.date.no-label::after { top: 0 } .buttons .btn.prev + .btn.submit { float: right } .form-control.input-validation-error { border-color: #a94442 !important; box-shadow: none; border-radius: 0 0 0 0 } .form-control.input-validation-error:focus { border-color: #a94442 !important; box-shadow: 0 1px 1px rgba(0,0,0,0.0075) inset,0 0 8px rgba(169,68,66,0.5) !important; box-shadow: none !important; border-radius: 0 0 0 0 } .field-validation-error { display: block; padding: 5px; font-size: 12px; background-color: #a94442; color: #ffffff } .validation-summary-errors { color: #a94442 } .field-validation-valid { display: none } .validation-summary-valid { display: none } .form .info + .alert, .form .info + .form-inner { margin-top: 15px } .form .info + .form-inner > .alert { margin-bottom: 15px } @media (min-width:992px) { .form-control { padding: 15px } .form-control, .form-group.dropdown::after, .form-group.date::after { min-height: 55px } .form-group.dropdown::after, .form-group.date::after { padding: 10px 15px 0 0 } .form-group.uploadafile .form-control { padding-top: 10px } } .form.login-form .show-password { position: absolute; top: 33px; right: 1px } .form.login-form .show-password label { margin: 0 } .form.login-form .show-password label span { display: block; width: 38px; height: 38px; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out 0s } .form.login-form .show-password label input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0 } .form.login-form .show-password label i { position: relative; top: 10px; font-size: 20px } .form.login-form .show-password label i.usn_ion-md-eye { display: block } .form.login-form .show-password label i.usn_ion-md-eye-off { display: none !important } .form.login-form .show-password label input[type="checkbox"]:checked + span i.usn_ion-md-eye { display: none } .form.login-form .show-password label input[type="checkbox"]:checked + span i.usn_ion-md-eye-off { display: block !important } @media (min-width:992px) { .form.login-form .show-password label span { width: 48px; height: 48px } .form.login-form .show-password label i { font-size: 30px } } .item_form-single_field .form fieldset, .item_form-single_field .form fieldset .form-group { margin: 0 } footer#site-footer .item_form-single_field .form fieldset .form-group .form-control { border: 0 none !important; color: #ffffff; background-color: #ffffff } .item_form-single_field .form .form-inner { position: relative } .item_form-single_field .form fieldset.buttons { position: absolute; top: 0; bottom: 0; right: 0 } .item_form-single_field .form label { display: none } .item_form-single_field .form fieldset.buttons .btn { height: 40px } @media (min-width:992px) { .item_form-single_field .form fieldset.buttons .btn { height: 50px } } .site-search { position: relative; margin: 15px 0 } header#site-header .site-search { margin: 0 } .site-search .heading, .site-search a.expand-search { display: none } .site-search a.expand-search { margin: 0 } .site-search fieldset { position: relative; pointer-events: all } .site-search .form-group { margin: 0 } .site-search .form-control { width: 100%; height: 50px; min-height: 50px; padding-right: 50px } .site-search button.btn { width: 50px; height: 50px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; font-size: 25px; text-align: center } footer#site-footer .site-search .form-control { width: 100%; height: 40px; min-height: 40px; padding-right: 40px } footer#site-footer .site-search button.btn { width: 40px; height: 40px; top: 0; right: 0; border-radius: 0 0 0 0 } @media (min-width:0) and (max-width:991px) { header#site-header .site-search { padding: 0 15px 15px } } @media (min-width:992px) { header#site-header .site-search { margin: 0; overflow: hidden; position: relative; top: 50%; z-index: 604; width: 35px; height: 50px; background: none; transform: translateY(-50%); transition: max-width 0.35s ease-in-out 0.1s,left 0.35s ease-in-out 0s,right 0.35s ease-in-out 0s } header#site-header .site-search:not(.open-search) { left: auto } header#site-header .site-search.open-search { overflow: visible } header#site-header .site-search a.expand-search { content: "open"; width: 35px; height: 50px; padding: 12px 0 0 1px; display: block; position: absolute; top: 0; right: 0; z-index: 3; font-size: 25px; cursor: pointer; text-align: left; color: #000000 } header#site-header .site-search a.expand-search em { display: none } header#site-header .site-search:not(.open-search) a.expand-search .close-icon { display: none } header#site-header .site-search.open-search a.expand-search .search-icon { display: none } header#site-header .site-search form { position: absolute; top: 50%; right: 50px; width: 50px; max-width: 50px; z-index: -10; display: none; transform: translateY(-50%); transition: max-width 0.35s ease-in-out 0.2s } header#site-header .site-search.open-search form { width: 320px; max-width: 320px; z-index: 1; display: block } header#site-header .site-search form fieldset { margin: 0 } header#site-header .site-search button.btn { right: 0; font-size: 25px; opacity: 0; transition: opacity 0.35s ease-in-out 0.1s } header#site-header .site-search.open-search button.btn { opacity: 1; transition: opacity 0.35s ease-in-out 0s } header#site-header .site-search button.btn i { position: relative; top: 0 } footer#site-footer .site-search .form-control { height: 50px; min-height: 50px; padding-right: 50px } footer#site-footer .site-search button.btn { width: 50px; height: 50px } } .ajax-wrap { position: relative; width: 100%; height: 100% } .ajax-wrap .ajax-loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 550; background: #ffffff; opacity: 0.9 } .ajax-wrap .ajax-loading .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .ajax-wrap .ajax-loading .loading span.message { display: block; text-indent: -9999px; border: 10px solid #e3e3e3; border-top: 10px solid #d9e6f3; border-radius: 50%; width: 70px; height: 70px; animation: spin 1.75s linear infinite } .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid #e3e3e3; border-top: 5px solid #d9e6f3; width: 30px; height: 30px } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .blog-search .search-field { width: 85%; display: inline-block } @media (min-width:768px) { .blog-search .search-field { width: 84% } } @media (min-width:1024px) { .blog-search .search-field { width: 88% } } @media (min-width:1440px) { .blog-search .search-field { width: 92% } } .blog-search .btn { vertical-align: inherit; margin-left: 5px; height: 39px; padding-top: 2px; padding-bottom: 2px } @media (min-width:992px) { .blog-search .btn { height: 52px; padding-top: 2px; padding-bottom: 1px } } @media (min-width:992px) { .blog-search .btn { height: 54px } } .recipe-search .search-field { width: 85%; display: inline-block } @media (min-width:768px) { .recipe-search .search-field { width: 65% } } @media (min-width:1024px) { .recipe-search .search-field { width: 65% } } @media (min-width:1440px) { .recipe-search .search-field { width: 83% } } .recipe-search .btn { vertical-align: inherit; margin-left: 5px; height: 39px; padding-top: 2px; padding-bottom: 2px } @media (min-width:992px) { .recipe-search .btn { height: 52px; padding-top: 2px; padding-bottom: 1px } } @media (min-width:992px) { .recipe-search .btn { height: 54px } } .has-borders { border-width: 1px; border-style: solid } .has-box-shadow:not(.item), .item.has-box-shadow .listing.listing_no-spacing, .item.has-box-shadow .listing:not(.listing_no-spacing) .image, .listing .item.has-box-shadow .image { box-shadow: 0 0 0 rgba(0,0,0,0) } iframe, object, embed { display: block } video { width: 100%; height: auto } .author-bio nav.social { margin-top: 15px } .author-bio .secondary-heading { margin-bottom: 15px } .author-bio .item.item_text-left .info, .author-bio .item.item_text-right .info { padding-bottom: 0 !important } section.content.component.author-bio { padding: 15px 0 } @media (min-width:0) and (max-width:767px) { .author-bio { text-align: center } .author-bio .image { max-width: 200px; float: none !important; margin-right: auto !important; margin-left: auto !important } } @media (min-width:768px) { .author-bio .item.item_text-left .image, .author-bio .item.item_text-right .image { flex: 0 0 30%; -ms-flex: 0 0 30%; max-width: 30% } .author-bio .item.item_text-left .info, .author-bio .item.item_text-right .info { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .author-bio .item.item_text-left .image + .info, .author-bio .item.item_text-right .image + .info { flex: 0 0 70%; -ms-flex: 0 0 70%; max-width: 70% } section.content.component.author-bio { padding: 30px 0 } } @media (min-width:992px) { .author-bio .item.item_text-left .image, .author-bio .item.item_text-right .image { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .author-bio .item.item_text-left .info, .author-bio .item.item_text-right .info { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .author-bio .item.item_text-left .image + .info, .author-bio .item.item_text-right .image + .info { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } } .usn_back-to-top { display: block; height: 60px; transition: all 0.3s ease-in-out 0s } html.nav-down:not(.reached-top) .usn_back-to-top, html.nav-up .usn_back-to-top { bottom: 0 } .usn_back-to-top a.btn { display: block; height: 60px; font-size: 28px; margin: 0 } @media (min-width:992px) { .usn_back-to-top { position: fixed; bottom: -60px; z-index: 2; width: 60px } html.nav-down:not(.reached-top) .usn_back-to-top, html.nav-up .usn_back-to-top { bottom: 0 } .usn_back-to-top a.btn { width: 60px; font-size: 28px } .usn_back-to-top.position-left { left: 0 } body.max-width .usn_back-to-top.position-left { left: 20px } .usn_back-to-top.position-center { left: 50%; transform: translateX(-50%) } .usn_back-to-top.position-right { right: 0 } body.max-width .usn_back-to-top.position-right { right: 20px } } .btn, button.btn { border-radius: 0; border-width: 1px; border-style: solid; outline: none !important; box-shadow: 0 0 0 rgba(0,0,0,0) } .btn:focus, button.btn:focus, .btn:active, button.btn:active { box-shadow: 0 0 0 rgba(0,0,0,0) } .btn, button.btn, button { transition: all 0.3s ease-in-out 0s !important } .btn, button.btn { padding: 10px 14px 10px 14px } .btn.btn-sm, button.btn.btn-sm { padding: 8px 12px 8px 12px } .btn.btn-lg, button.btn.btn-lg { padding: 12px 16px 12px 16px } .basic-buttons .btn, .basic-buttons button.btn, .btn.basic-btn, button.btn.basic-btn { padding: 2px 0 !important; background: none !important; border-width: 0 0 1px 0 !important; border-radius: 0 !important } .btn { position: relative; z-index: 1 } .btn > span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: 0; opacity: 0; transition: all 0.3s ease-in-out 0s } a:hover .btn > span, a:focus .btn > span, a:active .btn > span, .btn:hover > span, .btn:focus > span, .btn:active > span { opacity: 1 } .basic-buttons .btn > span, .basic-buttons button.btn > span, .btn.basic-btn > span, button.btn.basic-btn > span { display: none !important } .image { position: relative; overflow: hidden } img { max-width: 100%; height: auto; transform: scale(1); transform-origin: center } .image img, .image.background-image, .image.icon-image { transform: scale(1); transform-origin: center } .image img, .image.icon-image { transition: all 0.4s ease-in-out 0s } .image.background-image { background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform 0.4s ease-in-out 0s } .image.background-image.body-background-image, .image.background-image.footer-background-image, .image.background-image.component-background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100% } .image.background-image.component-background-image + .component-inner { position: relative; z-index: 1 } .image.lazyload img, .image.background-image.lazyload { display: block; width: 100%; height: auto } .image, .image.video { overflow: hidden; padding: 0 } .image a:hover img, a:hover .image img, .item a:hover .image.background-image { transform: scale(1.05) } .image-nozoom a:hover img, a:hover .image-nozoom img, .item a:hover .image.image-nozoom.background-image { transform: scale(1) } .no-zoom_hover .image a:hover img, .no-zoom_hover a:hover .image img, .no-zoom_hover .item a:hover .image.background-image { transform: scale(1) } .reverse-zoom_hover .image a:hover img, .reverse-zoom_hover a:hover .image img, .reverse-zoom_hover .item a:hover .image.background-image { transform: scale(0.95) } .ekko-lightbox img { width: auto; height: auto !important; margin: 0 auto } .image .caption { position: absolute; bottom: 0; left: 0; z-index: 101; padding: 5px 10px 7px; font-size: 85%; font-style: italic; opacity: 0.8; color: #ffffff; background-color: rgba(0,0,0,0.6) } .image.rounded-circle .caption { left: 50%; transform: translateX(-50%) } i.fa, i.before { margin-right: 5px } i.fa.after, i.after { margin-right: 0; margin-left: 5px } i.fa.before.after, i.before.after { margin-right: 5px; margin-left: 5px } .img-max { display: block; margin: 8px 0 30px 0 } .img-max > img { max-width: 100%; width: auto } .img-full { display: block; margin: 8px 0 30px 0 } .img-full > img { max-width: 100%; width: 100% } .img-left { float: left; display: block; max-width: 50%; width: auto; margin: 8px 30px 30px 0 } .img-right { float: right; display: block; max-width: 50%; width: auto; margin: 8px 0 30px 30px } .img-rounded > img { border-radius: 0 } .img-rounded-circle > img { border-radius: 50% } .lazyframe { position: relative; background-color: transparent; background-image: none !important } .image.lazyframe img { position: absolute; z-index: -1; top: 50%; left: 0; right: 0; transform: translateY(-50%) scale(1.08) } .lazyframe__title { position: absolute; top: 0; left: 0; right: 0; padding: 15px 17px; z-index: 3 } .lazyframe__title:after { z-index: -1 } .lazyframe:hover { cursor: pointer } .lazyframe:before { display: block; content: ""; width: 100%; padding-top: 100%; transition: all 0.3s ease-in-out 0s } .lazyframe[data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-ratio="1:1"]:before { padding-top: 100% } .lazyframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; width: 100%; height: 100%; background-color: #000000 } .lazyframe[data-vendor="youtube"], .lazyframe[data-vendor="youtube_nocookie"] { background-color: transparent } .lazyframe[data-vendor="youtube"] .lazyframe__title, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title { display: none } .lazyframe[data-vendor="youtube"]:before, .lazyframe[data-vendor="youtube_nocookie"]:before { padding-top: 56.25% } .lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before { padding-top: 100% } .lazyframe[data-vendor="youtube"]:after, .lazyframe[data-vendor="youtube_nocookie"]:after { content: ''; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4="); background-position: center center; background-size: 100%; background-repeat: no-repeat; opacity: 0.8; border: none; z-index: 4; transform: translate(-50%,-50%); transition: all 0.3s ease-in-out 0s } .lazyframe[data-vendor="youtube"]:hover:after, .lazyframe[data-vendor="youtube_nocookie"]:hover:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg=="); opacity: 1 } .lazyframe[data-vendor="vimeo"] { background-color: transparent } .lazyframe[data-vendor="vimeo"] .lazyframe__title { display: none } .lazyframe[data-vendor="vimeo"]:before { padding-top: 48.25% } .lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before { padding-top: 100% } .lazyframe[data-vendor="vimeo"]:after { content: ''; height: 40px; width: 65px; display: block; position: absolute; bottom: 10px; left: 10px; z-index: 3; background-color: rgba(0,0,0,0.5); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4="); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 5px; transition: all 0.3s ease-in-out 0s; top: 50%; left: 50%; transform: translate(-50%,-50%) } .lazyframe[data-vendor="vimeo"]:hover:after { background-color: #00adef } .modal-backdrop.show { opacity: 0.9 } .ekko-lightbox .modal-content { border-radius: 0; color: #ffffff; background: none } .ekko-lightbox .modal-content .modal-header, .ekko-lightbox .modal-content .modal-footer { color: #ffffff; background: none; padding: 15px 0; justify-content: flex-start } .ekko-lightbox .modal-content .modal-header .modal-title { color: #ffffff } .ekko-lightbox .modal-header .close { display: none !important } .ekko-lightbox .modal-content .modal-body { padding: 0; margin-top: -1px; margin-left: -1px; margin-bottom: -1px; background-color: #000000 } .ekko-lightbox-nav-overlay a span { display: none } .ekko-lightbox-nav-overlay a { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.5 } .ekko-lightbox-nav-overlay a::before { position: absolute; top: 50%; color: #ffffff; transform: translateY(-50%) } .ekko-lightbox-nav-overlay a:nth-child(1)::before { content: "\f3cf"; left: 15px } .ekko-lightbox-nav-overlay a:nth-child(2)::before { content: "\f3d1"; right: 15px } .ekko-lightbox::before { content: "\f2c0"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 10px; right: 15px; color: #ffffff; font-size: 30px; cursor: pointer; transition: all 0.2s ease-in-out 0s } .meta p, .meta ul { margin: 5px 0 } .item .meta p, .item .meta ul { font-size: 85% } .meta a { display: inline !important } .meta ul { list-style: none; margin: 0; padding: 0 } .meta ul li { display: inline-block } .meta ul li + li::before { content: ","; display: inline-block; position: relative; left: -3px } .item .meta { margin-top: 15px } .listing_short .item .meta { margin-top: 5px; font-size: 90% } .component.meta.base-bg { margin-top: 30px !important; padding-top: 15px !important; border-width: 1px 0 0; border-style: solid; border-color: #e3e3e3 } @media (min-width:768px) { .item.item_text-left .meta, .item.item_text-right .meta { position: absolute; bottom: 0 } .item.item_text-left .meta { left: 0; right: calc(40% + 30px) } .item.item_text-right .meta { right: 0; left: calc(40% + 30px) } } .usn-notification { position: fixed; bottom: -100%; z-index: 1000; opacity: 0; box-shadow: 0 0 15px 0 transparent; transition: bottom 1s ease-in-out 0.2s,opacity 0.75s ease-in-out 0.1s,box-shadow 1s ease-in-out 0.2s } .usn-notification .inner { padding: 15px } .usn-notification.open { bottom: 0; opacity: 1; box-shadow: 0 0 15px 0 rgba(0,0,0,0.05) } .usn-notification .heading { margin: 0 } .usn-notification .heading + .text { margin-top: 5px } .usn-notification .link { margin-top: 15px; margin-bottom: 0 } @media (min-width:0) and (max-width:767px) { .usn-notification { left: 0; right: 0 } } @media (min-width:768px) { .usn-notification { max-width: 460px } .usn-notification.position-left { left: 0 } body.max-width .usn-notification.position-left { left: 30px } .usn-notification.position-center { left: 50%; transform: translateX(-50%) } .usn-notification.position-right { right: 0 } body.max-width .usn-notification.position-right { right: 30px } } @media (min-width:992px) { .usn-notification .inner { padding: 30px } } .image .overlayicon { content: ""; position: absolute; top: 0; z-index: 101; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); transition: all 0.3s ease-in-out 0s } a:hover .image .overlayicon { background-color: rgba(0,0,0,0.5) } .image .overlayicon .icon { position: absolute; top: 50%; left: 50%; z-index: 101; text-align: center; font-size: 3rem; transform: translate(-50%,-50%); transition: all 0.4s ease-in-out 0s; color: #ffffff } a:hover .image .overlayicon .icon { transform: translate(-50%,-50%) scale(1.25) } @media (min-width:992px) { .image .overlayicon .icon { font-size: 4rem } .items-5 .image .overlayicon .icon, .items-6 .image .overlayicon .icon { font-size: 2rem } .items-7 .image .overlayicon .icon, .items-8 .image .overlayicon .icon { font-size: 1rem } } @media (min-width:1200px) { .image .overlayicon .icon { font-size: 5rem } .items-5 .image .overlayicon .icon, .items-6 .image .overlayicon .icon { font-size: 3rem } .items-7 .image .overlayicon .icon, .items-8 .image .overlayicon .icon { font-size: 2rem } } .image.icon-image i.icon { font-size: 40px } .item.item_has-bg .image.icon-image { padding: 15px 30px 0 } .item.item_text-below.item_has-bg .image.icon-image + .info { padding-top: 0 !important } html a:hover .image.icon-image { transform: scale(1.15) } @media (min-width:768px) { .image.icon-image { text-align: center !important } .item.item_text-below .text-left .image.icon-image { text-align: left !important } .item.item_text-below .text-right .image.icon-image { text-align: right !important } } table { width: 100%; border-width: 1px 0 0 1px; border-style: solid } table th, table td { padding: 10px; border-width: 0 1px 1px 0; border-style: solid } table tr p:first-of-type { margin-top: 0 } table tr p:last-of-type { margin-bottom: 0 } body.snip-open:not(.no-header) { padding-top: 60px !important } @media (min-width:992px) { body.snip-open:not(.no-header) { padding-top: 90px !important } } .usn .snip-layout * { border-radius: 0 !important; font-size: 17px; letter-spacing: -0.25px; color: #1f252c } .usn .snip-layout { font-size: 17px; letter-spacing: -0.25px; background: rgba(0,0,0,0.85) } .usn .snip-ico.snip-ico--close { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; font-size: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .usn .snip-ico.snip-ico--close::before { content: "\f2c0" } .usn .snip-layout .snip-layout__close .snip-ico.snip-ico--close { color: #0059a5; transition: color 0.3s ease-in-out 0s } .usn .snip-layout .snip-layout__close .snip-ico.snip-ico--close:hover { color: rgba(0,89,165,0.7) } .usn .snip-layout .snip-product__remove { font-size: 20px } .usn .snip-layout .snip-steps li { background: #e3e3e3 } .usn .snip-layout .snip-steps li.snip-step__item.js-active { background: #ffffff; border-bottom-color: #ffffff } .usn .snip-layout .snip-steps li .snip-step__label { font-size: 13px } .usn .snip-layout .snip-step__item, .usn .snip-layout .snip-step__item + .snip-step__item { border-color: #cacaca } .usn .snip-layout .snip-form__label { font-size: 15px; text-transform: none; color: #1f252c } .usn .snip-layout input[type=password], .usn .snip-layout input[type=text], .usn .snip-layout select { font-size: 15px; color: #0059a5 } .usn .snip-layout .snip-actions { border: 0 none } .usn .snip-layout .snip-actions__link--small { font-size: 14px } .usn .snip-form__container--select:not(.snipcart-state) { position: relative; z-index: 0; background: none } .usn .snip-form__container--select:not(.snipcart-state) select { position: relative; z-index: 2; background: none; padding-right: 20px } .usn .snip-layout__main-container:not(#snip-layout-order-confirm) .snip-form__container--select:not(.snipcart-state)::after { font-family: "Ionicons"; content: "\f280"; position: absolute; top: 25px; right: 0; bottom: 0; left: 0; z-index: -1; display: block; width: 100%; height: 37px; padding: 6px 10px 0 0; font-size: 20px; text-align: right; color: #1f252c; background: none; box-sizing: border-box } .usn .snip-layout .snip-btn, .usn #snipcart-show-discount-box { border: 0 none; border-radius: 0 !important; position: relative; padding: 12px 15px 14px; font-size: 14px; height: auto; line-height: 1; text-transform: uppercase } .usn #snipcart-show-discount-box { padding: 8px 10px 10px; font-size: 12px } .usn .snip-layout .snip-btn, .usn .snip-layout .snip-quantity-trigger__btn, .usn #snipcart-show-discount-box { color: #0059a5; background: #d9e6f3 } .usn .snip-layout #snipcart-login-submit.snip-btn, .usn .snip-layout .snip-btn--highlight, .usn .snip-layout #snipcart-newaccount-submit.snip-btn { padding: 15px 20px 17px; font-size: 18px; background: #d9e6f3 } .usn .snip-layout #snipcart-login-submit.snip-btn { background: #d9e6f3 } .usn .snip-layout .snip-btn:hover, .usn .snip-layout .snip-btn:active, .usn .snip-layout .snip-btn:focus, .usn .snip-layout .snip-quantity-trigger__btn:hover, .usn #snipcart-show-discount-box:hover { background: #ffffff } .usn .snip-layout #snipcart-login-submit.snip-btn:hover, .usn .snip-layout #snipcart-login-submit.snip-btn:active, .usn .snip-layout #snipcart-login-submit.snip-btn:focus, .usn .snip-layout #snipcart-newaccount-submit.snip-btn:hover, .usn .snip-layout #snipcart-newaccount-submit.snip-btn:active, .usn .snip-layout #snipcart-newaccount-submit.snip-btn:focus, .usn .snip-layout .snip-btn--highlight:hover, .usn .snip-layout .snip-btn--highlight:active, .usn .snip-layout .snip-btn--highlight:focus { background: #b2cce7 } .usn .snip-layout #snipcart-login-submit.snip-btn:hover, .usn .snip-layout #snipcart-login-submit.snip-btn:active, .usn .snip-layout #snipcart-login-submit.snip-btn:focus { background: #cacaca } .usn .snip-layout .snip-header__user { padding: 15px 30px; color: #0059a5; background: #ffffff } .usn .snip-layout .snip-header__user .snip-header__user-text { color: #0059a5 } .usn .snip-layout .snip-header__user-mail { color: #0059a5; font-weight: 700 } .usn .snip-layout .snip-header { padding: 30px 15px; border-bottom: 1px solid #e3e3e3 } .usn .snip-layout .snip-header { color: #0059a5; background: #ffffff } .usn .snip-layout .snip-header__title { color: #0059a5 } .usn .snip-layout .snip-header a { color: #0059a5 } .usn .snip-layout .snip-header__total { position: absolute; top: 50%; left: 50%; margin: 0; padding: 10px; height: auto; line-height: 1; color: #0059a5; background: none; background: #d9e6f3; transform: translate(-50%,-50%) } .usn .snip-layout .snip-header__total span { font-size: 20px } .usn #snipcart-amount { color: #ffffff; font-weight: 900 } .usn .snip-layout .snip-header__total-label { color: #ffffff } .usn .snip-layout .snip-header__title { text-transform: uppercase; letter-spacing: 0.05em; line-height: 1 } .usn .snip-layout .snip-header__title { position: absolute; top: 50%; left: 20px; transform: translateY(-50%) } .usn .snip-layout .snip-footer { padding: 10px 30px; color: #0c8fff; background: #ffffff; text-align: center } .usn .snip-layout .snip-footer a, .usn .snip-layout .snip-footer b { color: #0c8fff; font-size: 14px } .usn .snip-layout .snip-footer b { font-weight: 700 } .usn .snip-layout .snip-footer__copyright { padding-left: 0; background: none } .usn .snip-layout .snip-footer__copyright::before { content: "\f31d"; display: inline-block; margin-right: 8px; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #d9e6f3 } .usn .snip-layout .snip-static__title, .usn .snip-layout .snip-table th, .usn .snip-layout .snip-product__name { text-transform: uppercase; letter-spacing: 1px; color: #0059a5 } .usn .snip-layout .snip-product__name { font-size: 20px } .usn .snip-layout .snip-product__remove { color: #1f252c; transition: color 0.3s ease-in-out 0s } .usn .snip-layout .snip-product__remove:hover { color: rgba(31,37,44,0.7) } .usn .snip-layout td, .usn .snip-layout th { vertical-align: top; border-color: #e3e3e3 } .usn .snip-layout .snipcart-items span { font-size: 16px } .usn .snip-layout .snip-table__body--small, .usn .snip-layout .snip-table__body--big { text-align: right } .usn .snip-layout .snip-static__title, .usn .snip-layout .snip-table th { font-size: 16px } .usn .snip-layout .snip-product__description { font-size: 16px } .usn .snip-layout .snip-static__content p { font-size: 16px } .usn .snip-layout .snip-quantity-trigger, .usn .snip-layout .snip-table__cell--bold, .usn .snip-layout .snip-table__cell--highlight { font-weight: 700 } .usn #snipcart-total * { font-size: 16px } .usn .snip-layout .snip-loader--bar::before { background: #ffffff } .usn .snip-layout #snipcart-cvc-content-holder img.snip-static__item { width: auto; max-width: auto } .usn .snip-layout .snip-flash__item { border: 0 none; padding: 15px 20px; font-size: 17px } .usn .snip-layout .snip-flash__item--success { background: #5cb85c; color: #ffffff } .usn .snip-layout .snip-flash__item--success:hover { background: #449d44 } .usn .snip-layout .snip-flash__item--warn { background: #f0ad4e; color: #ffffff } .usn .snip-layout .snip-flash__item--warn:hover { background: #ec971f } .usn .snip-layout .snip-flash__item--error { background: #a94442; color: #ffffff } .usn .snip-layout .snip-flash__item--error:hover { background: #843534 } @media (min-width:0) and (max-width:991px) { .usn .snip-layout .snip-discount__remove, .snip-layout .snip-product__remove { right: 15px !important } } @media (min-width:992px) { .usn .snip-layout .snip-layout__main-container { max-width: 970px } .usn .snip-layout .snip-header__user { padding-bottom: 0 } .usn .snip-layout .snip-header__total { padding: 15px } } @media (min-width:1200px) { .usn .snip-layout .snip-layout__main-container { max-width: 1140px } } html#ecwid_html.usn body#ecwid_body .ec-cart-widget { position: relative } html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart { padding: 0 !important; transition: none !important } html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart .ec-minicart__icon { display: none !important } html#ecwid_html.usn body#ecwid_body .ec-minicart__counter { position: absolute !important; top: 35% !important; right: 0 !important; left: auto !important; color: #ffffff !important; background: #0059a5 !important; border-radius: 50%; font-weight: bold; min-width: 20px !important; height: 20px !important; transform: translateY(-50%) } @media (min-width:0) and (max-width:991px) { html#ecwid_html.usn body#ecwid_body .ec-cart-widget { width: 100%; height: 60px } html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart { position: absolute; top: 0; left: 0; width: 100%; height: 60px } } @media (min-width:992px) { html#ecwid_html.usn body#ecwid_body .ec-cart-widget, html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart, html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart__body { width: 35px; height: 90px } html#ecwid_html.usn body#ecwid_body .ec-minicart__counter { top: 40% !important; right: -2px !important } } html#ecwid_html.usn body#ecwid_body div.ecwid-productBrowser { background: transparent } html#ecwid_html.usn body#ecwid_body div.ecwid-productBrowser { padding: 0 !important } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-store__content-wrapper:not(.ec-store__content-wrapper--wide) { max-width: 100% !important } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store a .grid-product__title-inner { font-weight: bold } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-store__content-wrapper { display: flex; flex-direction: column } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-grid { order: 1 } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-pager { order: 2 } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-footer { order: 3 } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-footer { padding-top: 30px } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid__products .grid-product__image ~ .grid-product__title + .grid-product__price { padding-top: 5px; margin: 0 } html#ecwid_html.usn body#ecwid_body .ec-size.ec-size--s .ec-store .details-product-purchase__controls { max-width: 100% } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .form-control__button { border-radius: 0; border-width: 1px } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { font-family: 'Agenda Lt',sans-serif !important; font-weight: 400 !important; font-style: normal !important; line-height: 150% !important; letter-spacing: -0.15px !important; text-transform: none !important; font-size: 11pt !important } @media (min-width:576px) and (max-width:767px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { font-size: 11pt !important } } @media (min-width:768px) and (max-width:991px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { font-size: 11pt !important } } @media (min-width:992px) and (max-width:1199px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { font-size: 11pt !important } } @media (min-width:1200px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { font-size: 11pt !important } } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { font-family: 'Agenda Med',sans-serif !important; font-weight: 700 !important; font-style: normal !important; line-height: 110% !important; letter-spacing: 0px !important; text-transform: none !important; font-size: 36.5pt !important; color: #0059a5 !important } @media (min-width:576px) and (max-width:767px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { font-size: 36.5pt !important } } @media (min-width:768px) and (max-width:991px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { font-size: 36.5pt !important } } @media (min-width:992px) and (max-width:1199px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { font-size: 36.5pt !important } } @media (min-width:1200px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1, html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { font-size: 36.5pt !important } } html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner { font-family: 'Agenda Med',sans-serif !important; font-weight: 700 !important; font-style: normal !important; line-height: 110% !important; letter-spacing: 0px !important; text-transform: none !important; font-size: 12pt !important; color: #0059a5 !important } @media (min-width:576px) and (max-width:767px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner { font-size: 12pt !important } } @media (min-width:768px) and (max-width:991px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner { font-size: 12pt !important } } @media (min-width:992px) and (max-width:1199px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner { font-size: 12pt !important } } @media (min-width:1200px) { html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner { font-size: 12pt !important } } header#site-header nav.shopping-cart > *:not(.icon) { font-size: 0 !important } header#site-header nav.shopping-cart { z-index: 200 } header#site-header nav.shopping-cart i { position: absolute; top: 50%; left: 50%; font-size: 25px; color: #000000; transform: translate(-50%,-50%) } header#site-header nav.shopping-cart span.amount { position: absolute; top: 25px; right: 15px; width: 20px; height: 20px; padding: 1px 0 0; font-size: 12px; font-weight: 700; border-radius: 50%; color: #0059a5; opacity: 1; background: #d9e6f3; transition: opacity 0.3s ease-in-out 0s,transform 0.3s ease-in-out 0s,top 0.3s ease-in-out 0s,background 0.3s ease-in-out 0.3s } header#site-header nav.shopping-cart.snipcart-summary-empty span.amount { top: 23px; opacity: 0; background: #5cb85c; transform: scale(2.5) } @media (min-width:0) and (max-width:991px) { header#site-header nav.shopping-cart { position: absolute; top: 0; right: 60px; z-index: 200; width: 40px; height: 60px } header#site-header .navigation nav.shopping-cart { display: none } header#site-header nav.shopping-cart a { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 60px; text-align: center } } @media (min-width:992px) { header#site-header .expand + nav.shopping-cart { display: none } header#site-header nav.shopping-cart span.amount { top: 10px; right: 6px } } html[dir="rtl"] { text-align: right !important } html[dir="rtl"] .text-left { text-align: right !important } html[dir="rtl"] .text-center { text-align: center !important } html[dir="rtl"] .text-right { text-align: left !important } html[dir="rtl"] blockquote::before, html[dir="rtl"] .quote::before { left: auto; right: 0 } html[dir="rtl"] .text-center blockquote::before, html[dir="rtl"] .text-center .quote::before { left: 50%; transform: translateX(-50%) scaleX(-1) } html[dir="rtl"] .text-right blockquote::before, html[dir="rtl"] .text-right .quote::before { left: 0; right: auto } html[dir="rtl"] header#site-header #logo a { font-size: 0 } html[dir="rtl"] .site-search .form-control { padding-right: 15px; padding-left: 50px } html[dir="rtl"] .site-search button.btn { right: auto !important; left: 0 !important } html[dir="rtl"] header#site-header .site-search .form-control, html[dir="rtl"] footer#site-footer .site-search .form-control { padding-right: 15px; padding-left: 40px } @media (min-width:992px) { html[dir="rtl"] header#site-header .site-search a.expand-search { right: auto; left: 0; text-align: right } html[dir="rtl"] header#site-header .site-search form { right: auto; left: 50px } html[dir="rtl"] header#site-header .site-search .form-control, html[dir="rtl"] footer#site-footer .site-search .form-control { padding-right: 15px; padding-left: 50px } } html[dir="rtl"] .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before { transform: rotate(180deg); margin: 0 0 0 8px } @media (min-width:600px) { html[dir="rtl"] .breadcrumb-trail ol.breadcrumb li.breadcrumb-item { margin-right: 0; margin-left: 15px } } html[dir="rtl"] header#site-header a.expand { right: auto; left: 0; font-size: 0 } html[dir="rtl"] header#site-header a.expand::after { left: auto; right: 0 } @media (min-width:992px) { html[dir="rtl"] header#site-header nav.cta-links .btn + .btn { margin-left: 0; margin-right: 5px } } @media (min-width:768px) { html[dir="rtl"] nav.footer-navigation ul li:not(.site-credit) { margin-right: 0; margin-left: 8px } } @media (min-width:992px) { html[dir="rtl"] nav.footer-navigation ul li.site-credit { float: left } } html[dir="rtl"] nav.main { text-align: right } html[dir="rtl"] nav.main ul li.has-child > span::after { left: 0; right: auto } @media (min-width:0) and (max-width:991px) { html[dir="rtl"] nav.main ul li.has-child span a { padding-right: 15px; padding-left: 60px } html[dir="rtl"] nav.main ul ul { padding-left: 0; padding-right: 3px } html[dir="rtl"] nav.main ul li span::before { left: auto; right: 0 } } @media (min-width:992px) { html[dir="rtl"] nav.main > ul > li.has-child > span::before { left: 30px; right: 15px } html[dir="rtl"] nav.main ul li.has-child span a { padding-right: 15px !important; padding-left: 30px !important } html[dir="rtl"] nav.main ul > li:hover > ul, html[dir="rtl"].touch nav.main ul > li.open-child > ul { left: auto; right: 0 } html[dir="rtl"] nav.main ul ul > li:hover > ul, html[dir="rtl"].touch nav.main ul ul > li.open-child > ul { left: auto; right: 240px } html[dir="rtl"] nav.main ul ul li.has-child > span::after { transform: rotate(180deg) } } html[dir="rtl"] nav#pagination .pagination li.prev { left: auto; right: 0; transform: rotate(180deg) } html[dir="rtl"] nav#pagination .pagination li.next { left: 0; right: auto; transform: rotate(180deg) } html[dir="rtl"] .quick-links ul li a, html[dir="rtl"] .listing.listing_links.listing_links-mini .item a { padding-left: 0; padding-right: 15px } html[dir="rtl"] .quick-links ul li a::after, html[dir="rtl"] .listing.listing_links.listing_links-mini .item a::after { left: auto; right: 0 } html[dir="rtl"] .quick-links ul li a:hover, html[dir="rtl"] .listing.listing_links.listing_links-mini .item a:hover { padding-left: 0; padding-right: 18px } html[dir="rtl"] nav.secondary { right: auto; left: 0 } html[dir="rtl"] nav.secondary ul li.dropdown > a.dropdown-toggle::after { margin-left: 0; margin-right: 5px } html[dir="rtl"] nav.secondary .dropdown-menu { text-align: right } @media (min-width:0) and (max-width:991px) { html[dir="rtl"] nav.secondary { text-align: right } } @media (min-width:992px) { html[dir="rtl"] nav.secondary ul li.dropdown .dropdown-menu { right: auto !important; left: 0 !important } html[dir="rtl"] nav.secondary ul li.dropdown .dropdown-menu a > picture, html[dir="rtl"] nav.secondary ul li.dropdown .dropdown-menu a > img { margin-right: 0; margin-left: 2px } } html[dir="rtl"] nav.sitemap ul.nav ul.nav { margin-left: 0; margin-right: 15px } html[dir="rtl"] nav.sitemap ul li::before, html[dir="rtl"] nav.sitemap ul li::after { left: auto; right: 0 } html[dir="rtl"] nav.sitemap ul li a:hover { padding-right: 18px; padding-left: 0 } html[dir="rtl"] nav.sub ul li:not(.active) span a:hover { padding-left: 0; padding-right: 3px } html[dir="rtl"] nav.sub ul ul li span a, html[dir="rtl"] nav.sub ul ul ul { padding-left: 0; padding-right: 12px } html[dir="rtl"] nav.sub ul ul li:not(.active) span a:hover { padding-left: 0; padding-right: 15px } html[dir="rtl"] nav.sub ul ul li span a::before { left: auto; right: 0 } html[dir="rtl"] .in-this-section > p.expand-sub > i { float: left } html[dir="rtl"] i.before { margin: 0 0 0 5px } html[dir="rtl"] i.after { margin: 0 5px 0 0 } html[dir="rtl"] .alert .close { float: left; margin-left: -10px; margin-top: -5px !important } html[dir="rtl"] .repeatable.tabbed .tab { margin-right: 0; margin-left: 2px } html[dir="rtl"] .repeatable.accordion .tab .nav-link { padding-right: 15px; padding-left: 50px } html[dir="rtl"] .repeatable.accordion .tab .nav-link::after { right: auto; left: 0 } @media (min-width:768px) { html[dir="rtl"] .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info { padding: 0 30px 30px 0 } html[dir="rtl"] .item.item_text-left:not(.item_has-bg):not(.item-blog) .image + .info { padding: 0 0 30px 30px } } html[dir="rtl"] .radio label, html[dir="rtl"] .checkbox label { padding-left: 0; padding-right: 20px } html[dir="rtl"] .radio label input[type="radio"], html[dir="rtl"] .checkbox label input[type="checkbox"] { left: auto; right: -2px } html[dir="rtl"] .form-group.dropdown::after, html[dir="rtl"] .form-group.date::after { padding: 6px 0 3px 15px; text-align: left !important } html[dir="rtl"] .form.login-form .show-password { right: auto; left: 1px } @media (min-width:992px) { html[dir="rtl"] .form-group.dropdown::after, html[dir="rtl"] .form-group.date::after { padding: 12px 0 0 15px } } html[dir="rtl"] .item_form-single_field .form fieldset.buttons { left: 0; right: auto } @media (min-width:992px) { html[dir="rtl"] .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(2), html[dir="rtl"] .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { margin-left: 0; margin-right: 15px } html[dir="rtl"] .listing.listing_window-mosaic.windows-4.big-window-first:not(.listing_no-spacing) .item:nth-child(4) { right: auto; left: 15px } html[dir="rtl"] .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { right: 15px; left: auto } html[dir="rtl"] .listing.listing_window-mosaic.windows-4.small-window-first:not(.listing_no-spacing) .item:nth-child(4) { margin-right: auto; margin-left: 0 } html[dir="rtl"] .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(2) { right: auto; left: 15px } html[dir="rtl"] .listing.listing_window-mosaic.windows-3.big-window-first:not(.listing_no-spacing) .item:nth-child(3) { right: auto; left: 15px } html[dir="rtl"] .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(1) { right: 15px; left: auto } html[dir="rtl"] .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(2) { right: 15px; left: auto } html[dir="rtl"] .listing.listing_window-mosaic.windows-3.small-window-first:not(.listing_no-spacing) .item:nth-child(3) { margin-right: auto; margin-left: 0 } html[dir="rtl"] .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) { padding-left: 15px; padding-right: 0 } html[dir="rtl"] .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) .item { margin-left: 0; margin-right: 15px } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-4.big-window-first .item:nth-child(4) { right: auto; left: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(3) { left: auto; right: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-4.small-window-first .item:nth-child(4) { margin-right: auto; margin-left: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(2) { right: auto; left: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-3.big-window-first .item:nth-child(3) { right: auto; left: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(1) { left: auto; right: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(2) { left: auto; right: 0 } html[dir="rtl"] .listing.listing_window-mosaic.listing_no-spacing.windows-3.small-window-first .item:nth-child(3) { margin-right: auto; margin-left: 0 } } html[dir="rtl"] .ekko-lightbox::before { right: auto; left: 15px } @media (min-width:0) and (max-width:991px) { html[dir="rtl"] header#site-header nav.shopping-cart { right: auto; left: 60px } html[dir="rtl"] header#site-header nav.shopping-cart a { right: auto; left: 0 } } @media (min-width:992px) { html[dir="rtl"] header#site-header nav.shopping-cart span.amount { right: auto; left: 6px } } html#ecwid_html.usn[dir="rtl"] body#ecwid_body .ec-minicart__counter { right: auto !important; left: 1px !important } @media (min-width:0) and (max-width:991px) { html#ecwid_html.usn[dir="rtl"] body#ecwid_body .ec-cart-widget .ec-minicart { left: auto; right: 0 } } @media (min-width:992px) { html#ecwid_html.usn[dir="rtl"] body#ecwid_body .ec-minicart__counter { right: auto !important; left: -2px !important } } .where-to-buy .where-nav a { margin: 10px 4px; font-size: 40px } .where-to-buy .where-nav span { display: none } @media (min-width:768px) { .where-to-buy .where-nav { margin-bottom: 20px } } .where-to-buy .filter-fields .form-field { margin-bottom: 20px } .where-to-buy .location-field { width: 85%; display: inline-block } @media (min-width:768px) { .where-to-buy .location-field { width: 66% } } @media (min-width:1024px) { .where-to-buy .location-field { width: 70% } } @media (min-width:1440px) { .where-to-buy .location-field { width: 79% } } .where-to-buy .btn { vertical-align: inherit; margin-left: 5px; height: 39px; padding-top: 2px; padding-bottom: 2px } @media (min-width:992px) { .where-to-buy .btn { height: 52px; padding-top: 2px; padding-bottom: 1px } } @media (min-width:992px) { .where-to-buy .btn { height: 54px } } .rate-system { position: relative; width: 250px } .rating-response { font-size: 14px; position: relative; top: 2px } .rate-system .rate { position: absolute; top: 0; height: 23px; width: 28px; cursor: pointer } .rate-system .rate-1 { left: 0 } .rate-system .rate-2 { left: 26px } .rate-system .rate-3 { left: 52px } .rate-system .rate-4 { left: 78px } .rate-system .rate-5 { left: 104px } .rate-system img, .recipe-listing-rating img { width: auto } .usn_cmpproducttypecomponents .recipe-filter__inner { position: relative; height: 450px } .usn_cmpproducttypecomponents .recipe-filter__inner .usn_cmp_text { position: absolute; width: 100% } .usn_cmpproducttypecomponents .recipe-filter__inner .recipe-filter__button { border: none; background: white; font-size: 26px; color: #0059a5; margin-top: 20px } .usn_cmpproducttypecomponents .recipe-filter__inner .recipe-filter__button.active { text-decoration: underline; padding-bottom: 5px } .recipe-module__hide { display: none !important } .recipe-filter__active { display: block !important } a, a::before, a::after, nav.main ul li span a, .btn, button.btn, button { transition: all 0.3s ease-in-out 0s,outline 0s,outline-offset 0s !important } .slick-slider * { outline: initial !important } .site-search .expand-search { display: none; margin: 0; background: none; border: none } @media (min-width:992px) { header#site-header .site-search .expand-search { content: "open"; width: 35px; height: 50px; padding: 12px 0 0 1px; display: flex; position: absolute; top: 0; right: 0; z-index: 3; font-size: 25px; cursor: pointer; text-align: left; color: #000000 } header#site-header .site-search:not(.open-search) .expand-search .close-icon { display: none } header#site-header .site-search.open-search .expand-search .search-icon { display: none } } html { scroll-behavior: smooth } header#site-header #logo { padding-top: 0; margin: 0 } .visually-hidden, .slick-arrow .slick-sr-only, .slick-dots .slick-sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; color: #000; background: #fff } .scroll-prompt a span { font-size: 12px } a:focus-visible, .btn:focus-visible, button:focus-visible { outline: 2px solid #000 !important } .slick-slider a:focus-visible, .slick-slider button:focus-visible, .slick-slider .btn:focus-visible, .c3-bg a:focus-visible, .c3-bg .btn:focus-visible, .c3-bg button:focus-visible { outline: 2px solid #fff !important } .btn:focus-visible, button:focus-visible, .slick-slider a:focus-visible, .slick-slider button:focus-visible, .slick-slider .btn:focus-visible { outline-offset: 2px } button.expand-search { outline-offset: -2px } .slick-arrow { background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .usn_cmp_banner .slick-slider ul.slick-dots { bottom: 33px } .main .btn:focus-visible, .main button:focus-visible, .main a { outline-offset: 0 } :focus:not(:focus-visible) { outline: none !important } a.skip-to-content { transform: none; position: fixed; top: 0; left: 10px } a.skip-to-content:focus { position: fixed } .menu-next { -webkit-appearance: button; -moz-appearance: button; appearance: button; background: none; border: none; position: relative; top: 0; right: 0; bottom: 0; width: 60px; font-size: 20px; transition: transform 0s !important; cursor: pointer; z-index: 1 } .menu-next::before { font-family: "Ionicons"; content: "\f280" } nav.main ul li.has-child > span::after { display: none } .is-open > span > .menu-next { transform: rotate(180deg) } nav.main ul ul { display: none } nav.main ul .is-open > ul { display: block } .slick-autoplay-toggle-button { position: absolute; bottom: 22px; left: 15px; z-index: 9 } .slick-autoplay-toggle-button[disabled] { display: none } .listing:not(.slick-dotted) { padding-bottom: 42px } .listing .slick-slide { padding-top: 4px; padding-bottom: 4px } .listing .slick-autoplay-toggle-button { bottom: 0; transform: translateY(50%) } .listing .slick-dots { transform: translateY(50%) } .listing .slick-arrow { top: auto !important; bottom: 0 !important; transform: translateY(50%) } .listing .slick-prev { left: auto !important; right: 65px !important } .listing .item.item_text-boxed a:not(.btn) { outline: none !important } .listing .item_text-below .inner > a { position: relative } .listing.slick-slider .item.item_text-boxed a:not(.btn):focus-visible .image::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; outline: 2px solid #fff !important; outline-offset: -2px } .slick-slider .slick-dots li > button { opacity: 1; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) } .slick-slider .slick-dots li.slick-active > button { -webkit-box-shadow: 0px 0px 3px 1px #fff; box-shadow: 0px 0px 3px 1px #fff } .slick-autoplay-toggle-button { background-color: #fff; border: none; padding: 5px 14px; color: #0059a5; font-weight: bold } .carousel-cell-content { background-color: rgba(0,0,0,0.65); padding: 20px } .usn_cmp_subpagelisting .slick-dots { visibility: hidden; pointer-events: none } @media (min-width:500px) { .usn_cmp_subpagelisting .slick-dots { visibility: visible; pointer-events: all } } .c1-bg.usn_cmp_subpagelisting .c1-heading { color: #0059a5 !important } .c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next, .c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: #0059a5 } html .c1-bg .slick-slider .slick-prev:hover, html .c1-bg .slick-slider .slick-next:hover { color: #000 } .c1-bg .slick-slider *:focus-visible, .c2-bg .slick-slider *:focus-visible { outline-color: #0059a5 !important } .c1-bg .slick-slider .slick-dots li > button, .c2-bg .slick-slider .slick-dots li > button { background-color: transparent; -webkit-box-shadow: inset 0px 0px 1px 2px #0059a5; box-shadow: inset 0px 0px 1px 2px #0059a5; opacity: 0.8 } .c1-bg .slick-slider .slick-dots li.slick-active > button, .c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: #0059a5; opacity: 1 } .c1-bg .slick-autoplay-toggle-button, .c2-bg .slick-autoplay-toggle-button { background-color: #d9e6f3 } .c3-bg .listing .slick-arrow:hover, .c3-bg .listing .slick-arrow:focus-visible { color: #000; background-color: #fff } .c3-bg .slick-slider .slick-dots li > button { background-color: transparent; -webkit-box-shadow: inset 0px 0px 1px 2px #fff; box-shadow: inset 0px 0px 1px 2px #fff; opacity: 0.8 } .c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: #fff; opacity: 1 } .c4-bg .slick-slider *:focus-visible { outline-color: #0059a5 !important } .c4-bg .slick-slider .slick-dots li > button { background-color: transparent; -webkit-box-shadow: inset 0px 0px 1px 2px #0059a5; box-shadow: inset 0px 0px 1px 2px #0059a5; opacity: 0.8 } .c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: #0059a5; opacity: 1 } html footer#site-footer .quick-links ul li a:hover, footer#site-footer .quick-links ul li a:active, footer#site-footer .quick-links ul li a:focus { color: #fff } #site-footer *:focus-visible { outline-color: #fff !important } #site-footer .form-control:focus { border-color: #fff } #site-footer .site-search .form-group { padding-right: 50px } #site-footer .site-search .form-control:focus { outline: 2px solid #fff; outline-offset: -2px } #site-footer .site-search button.btn { outline-offset: 0px } .usn_back-to-top a.btn, .breadcrumb-trail a { outline-color: #fff !important } .alert-info a:hover, .alert-info a:focus, .c2-text a:hover, .c2-text a:focus { color: #0059a5 !important } .form .c3-bg .form-control:focus-visible { outline: 2px solid #fff } .form .c2-bg .form-control:focus-visible, .recipe-search .form-control:focus-visible, .blog-search .form-control:focus-visible { outline: 2px solid #0059a5 } .recipe-search .form-control:focus-visible, .blog-search .form-control:focus-visible { outline-offset: 2px } @media (min-width:992px) { nav.main ul ul .menu-next::before { content: "\f284"; color: #ffffff } .menu-next { width: auto; font-size: 16px } nav.main ul ul .menu-next { width: 40px } .is-open > span > .menu-next { transform: none } .main ul ul a:focus-visible, .main ul ul .menu-next:focus-visible { outline: 2px solid #fff !important } } @media (prefers-reduced-motion:reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important } html { scroll-behavior: initial } } h2.heading, h3.heading { font-family: 'Agenda Med',sans-serif; font-weight: 700; font-style: normal; line-height: 110%; letter-spacing: 0px; text-transform: none; font-size: 18px } h2.heading.sm, h3.heading.sm { font-size: 16px } h2.heading.c4-heading { font-size: 20px } .heading.recipe-heading { font-size: 20px !important } .component-introduction .heading { font-size: 1.25rem } @media (min-width:576px) { .component-introduction .heading { font-size: 20px } h2.heading, h3.heading { font-size: 20px } h2.heading.sm, h3.heading.sm { font-size: 16px } h2.heading.c4-heading { font-size: 22px } } @media (min-width:768px) { .component-introduction .heading { font-size: 22px } h2.heading.c4-heading { font-size: 24px } } @media (min-width:992px) { .component-introduction .heading { font-size: 27px } h2.heading.c4-heading { font-size: 28px } } @media (min-width:1200px) { .component-introduction .heading { font-size: 28px } h2.heading, h3.heading { font-size: 22px } h2.heading.sm, h3.heading.sm { font-size: 16px } h2.heading.c4-heading { font-size: 32px } } footer#site-footer { padding: 80px 0 160px; font-size: 12px; } .item.footer-item.item_text-below.usn_pod_textimage.text-left.col-lg-3.col-md-5.col-12.col { width: 33%; } .item.footer-item.usn_pod_sociallinks.offset-lg-1.col-lg-2.col-md-2.col-12.col.pt-xl-4.pt-lg-4 { width: 20%; margin-left: 8%; } .btn.base-btn-bg.base-btn-text.base-btn-borders.btn-search { background-image: url(../images/searchicon.png) !important; background-size: 22px !important; background-repeat: no-repeat !important; background-position: center !important; } .btn.base-btn-bg.base-btn-text.base-btn-borders.btn-search:hover span { background-image: url(../images/hoover_searchIcon.png) !important; background-size: 22px !important; background-repeat: no-repeat !important; background-position: center !important; transition: none !important; } #site-footer { display: block !important; float: left; width: 100% !important; } .footer-navigation { padding-top: 0 !important; } footer#site-footer { padding: 50px 0; font-size: 12px; } .row.listing { padding-bottom: 0 !important; } footer#site-footer a.footer-link:not(.btn):hover, footer#site-footer a.footer-link:not(.btn):focus, footer#site-footer a.footer-link:not(.btn):active, footer#site-footer a:not(.btn):hover, footer#site-footer a:not(.btn):focus, footer#site-footer a:not(.btn):active { color: white; } html footer#site-footer .quick-links ul li a:hover::after { opacity: 1; } html footer#site-footer .quick-links ul li a:hover::after { opacity: 1; } footer#site-footer .quick-links ul li a::after { background-color: #ffffff; opacity: 0.3; } footer#site-footer .quick-links ul li a::after { background-color: #ffffff; opacity: 0.3; } html .quick-links ul li a:hover::after { width: 8px; } html nav.social ul li a:hover { opacity: 0.7; } @media screen and (max-width: 1199px) { .item.footer-item.usn_pod_sociallinks.offset-lg-1.col-lg-2.col-md-2.col-12.col.pt-xl-4.pt-lg-4 { width: 100%; margin-left: 0; } } @media screen and (max-width: 767px) { nav.footer-navigation ul li { display: block; padding: 10px 0; float: left; margin: 0 5px; } .footer-navigation { float: left; width: 100% !important; padding: 0 20px !important; } .item.footer-item.item_text-below.usn_pod_textimage.text-left.col-lg-3.col-md-5.col-12.col { width: 100%; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: center; background: #d9e6f3 !important; } } .headerButtons { display: none; } #top2 { margin-top: -85px; } @media (max-width:767px) { #top2 { margin-top: 0px; } .navbar-brand img { margin: 20px 0; width: 50px; } } #ALerts_bottom > div { width: 50%; float: left; display: block; } #Right_Text { padding: 60px 30px; } .body-content a { float: left; background: white !important; padding: 12px 30px !important; font-size: 19px !important; color: #343434 !important; box-shadow: 0 3px 6px #00000029; font-family: Open Sans,sans-serif !important; } #Right_Text { background: #d9e7f4 !important; } #ALerts_bottom { background: #d9e7f4 !important; display: block; float: left; width: 100% !important; } @media (max-width:943px) { #ALerts_bottom > div { width: 100%; } } .slider, .slider > div { background-position: center center; display: block; width: 100%; height: 750px; } .summaryContainer { display: none !important; } body #onetrust-banner-sdk #onetrust-policy-title:after { content: " Assured"; } body #onetrust-banner-sdk #onetrust-policy-title, body #onetrust-pc-sdk #ot-pc-title { font-size: 2rem; } body #onetrust-banner-sdk #onetrust-policy-text, body #onetrust-banner-sdk .ot-b-addl-desc, body #onetrust-banner-sdk .ot-gv-list-handler, body #onetrust-pc-sdk #ot-pc-desc, body #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc, body #onetrust-pc-sdk .ot-vs-list .ot-always-active, body #onetrust-pc-sdk .ot-cat-grp .ot-always-active { font-size: 1.4rem; } body #onetrust-banner-sdk #onetrust-accept-btn-handler, body #onetrust-banner-sdk #onetrust-reject-all-handler, body #onetrust-banner-sdk #onetrust-pc-btn-handler, body #onetrust-pc-sdk button, body #onetrust-pc-sdk .ot-btn-container button, body #onetrust-pc-sdk.ot-close-btn-link #close-pc-btn-handler { font-size: 1.4rem; } body #onetrust-pc-sdk #ot-category-title, body #onetrust-pc-sdk .ot-cat-header { font-size: 1.6rem; } .edit-images { position: fixed; top: 1rem; left: 1rem; z-index: 1000000; .resourceTag { background-image: none; background-color: #0059a5CC; color: #FFF; padding: .5rem; transition: background-color .2s; &:hover { background-color: #0059a5; } &:after { content: "Edit images"; } } } .image-helper-text { position: relative; z-index: 1000; }