/* Theme Name: Autoglow - Car Washing Service & Auto Detail HTML Template Author: Arklogics Author URI: Version: 1 Description: Autoglow theme for Wordpress License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Autoglow Tags: one-column, two-columns Theme URI:https://themeforest.net/user/arklogics */ /* 1: Icomoon Icons Set / .icomoon 2: Linear Icons Set / .lnr 3: Slick Slider / .slick-slider 4: Fancybox / Lightbox Popup / .fancybox 5: Common Class Background Cover / .bgCover 6: Common Class Background Innerlay / .bgImg 7: Common Class Transition / .transition 8: Common Class Transition Color / .transitClrBg 9: Common Class Transition Background / .transitBg 10: Common Class Transition Color, Background, border / .transitClrBgBdr 11: Common Class Transition border / .transitBdr 12: Common Class Transition Opacity, Visibility / .transitOpVis 13: Common Class Vertical Align Wrap / .alignHolder 14: Common Class Font Family Base / .fontBase 15: Common Class Font Family Jost / .fontAlter 16: Common Class Font Wight Normal Important / .fwmMedium 17: Common Class Font Wight Medium / .fwMedium 18: Common Class Font Wight Semi Bold / .fwSemi 19: Common Class Pointer Events None / .inaccessible 20: Common Class Button Text Span / .btnText 21: Common Class Button / .btn 22: Common Class Theme Button / .btnTheme 23: Common Class Theme Button Two / .btnThemeAlt 24: Common Class Theme Button Alt Inverse / .btnThemeAltInverse 25: Common Class Theme Button White / .btnThemeWhite 26: Common Class Theme Button White Outline / .btnThemeWhiteOutline 27: Common Class Theme Button White Inverse / .btnThemeWhiteInverse 28: Common Class Button Grey / .btnGary 29: Page Main Wrapper / #pageWrapper 30: Heading Title / .hTitle 31: H1 Large / .h1Large 32: H2 Large / .h2Large 33: H3 Small / .h3Small 34: H3 Medium / .h3Medium 35: H3 Large / .h3Large 36: Text Font Size Medium / .fzMedium 37: Text Font Size Large / .fzLarge 38: Background Color Light / .bgLight 39: Page Header Sticky Wrap / .phStickyWrap 40: Page Main Header / #pageHeader 41: Page Header Fixer / .headerFixer 42: Page Header Logo / .logo 43: Page Header Navigation / #pageNav 44: Page Header Main Navigation / .mainNavigation 45: Dropdown Toggler / .dropdown-toggle 46: Page Header Button Link / .btnHdLink 47: User Actions List / .userActionsList 48: Page Navigation Search Opener / .navbarSearchOpener 49: Header Button / .btnHd 50: Intro Block Slider Column / .ibsColumn 51: Inner Page Banner / .innerPagesBanner 52: Inner Page Banner Breadcrumbs / .cbbPageList 53: Intro Block Slider / .ibsSlider 54: Slick Slider Arrow Style 1 / .slickArrowv1 55: Banner Aside Block / .bannerAsideBlock 56: Banner Aside Block Feature Column / .babFeatureColumn 57: Button Call To Link / .btnCalto 58: Main Navigation Burger Menu Opener / .pgNaveOpener 59: Page Navigation Collapse / .pageMainNavCollapse 60: Page Navbar Search Collapse / .navbarSearchCollapse 61: Page Navbar Search Form / .navSearchForm 62: Page Navbar Search Close Button / .navbarSearchClose 63: Slick Slider Dots Style 1 / .slickDotsv1 64: Image Holder Style 1 / .imgHolderv1 65: Image Holder Style 2 / .imgHolderv2 66: Background Pattern Style 1 / .bgPatternv1 67: Button Reference Link / .btnRefLink 68: Description Tag / .descrTag 69: Description Tag Style 1 / .descrTagv1 70: Services Column Slider / .sbSlider 71: Service Column / .esColumn 72: Service Column Caption / .esCaption 73: Slick Slider Dots Style 2 / .slickDotsv2 74: Counter Aside Block / .counterAsideBlock 75: Counter Aside Block Counter List / .cabCounterList 76: Counter Aside Block Alternative / .counterAsideBlockAlt 77: Experience Block / .experienceBlock 78: Experience Block Watermark Background / .expWatermark 79: Services List / .servicesList 80: Image Holder Caption / .imgHolderCap 81: Image Holder Caption Pin Wrap / .imhcPinWrap 82: Image Holder Caption Pin Wrap Style 1 / .imhcPinWrap1 83: Image Holder Caption Pin Wrap Style 2 / .imhcPinWrap2 84: Image Holder Caption Pin Wrap Style 3 / .imhcPinWrap3 85: Image Holder Caption Pin Opener / .imhcPinOpener 86: Image Caption / .imhcCaption 87: Price Column / .priceColumn 88: Default List Style / .listDefaultStyles 89: Price Column Features List / .pcFeaturesList 90: Number List / .numberList 91: Callout Aside Block Holder / .cabHolder 92: Background Pattern Style 2 / .bgPatternv2 93: Background Pattern Style 3 / .bgPatternv3 94: Location Area Holder Wrap / .pcColumnsWrap 95: Proccess Column / .processColumn 96: Logos/Sponsors Slider / .logosSlider 97: Locations Slider / .arddColumnSlider 98: Locations Aside Block / .cctBlock 99: Slick Slider Arrows Style 2 / .ssArrowVii 100: Contact Information List / .contactInfoList 101: Location Column / .getDirColumn 102: Client Testimonial Quote / .clientQuote 103: Client Testimonial Quotes Slider / .quotesSlider 104: Client Testimonial Quote Profile Pic / .profilePicWrap 105: Page Footer Area Wrap / .ftAreaWrap 106: Page Footer Connect Aside Block / .ftConnectAside 107: Page Footer Connect Navigation / .ftcaNav 108: Contact Connect Wrap / .ctConnectWrap 109: Page Footer Social Networks List / .ftSocialNetworks 110: Page Main Footer / #pageFooter 111: Page Footer Aside Inner Wrap / .footerAsideInnerWrap 112: Request Call Aside Block / .requestCallAside 113: Request Call Aside Time List / .rcaTimeList 114: Request Call Aside Form / .requstAcallForm 115: Custom Form Select Wrap / .coolSelectWrapper 116: Subscription Form / .subscritionForm 117: Photos Gallery Block / .photoGalleryBlock 118: Gallery Photo Column / .gPhoColumn 119: Page Link Go Button / .pgLinkGo 120: Filters List / .filterList 121: Gallery Photos Slider / .galleryPhotoSlider 122: Our Gallery Slider / .ourGallerySlider 123: Drop Caption / .dropCap 124: Feedback Slide Quote / .feedbackSlide 125: Feedback Features List / .fabFeaturesList 126: Feature Column / .featureColumn 127: Feature Column Classic / .ftColumnClassic 128: Feature Column Grid / .ftColumnGrid 129: Progress Top Wrap / .prgTopWrap 130: Progress Wrap / .progresWrap 131: Skills Rank List / .skillsRankList 132: Progress Bar / .progressBar 133: Testimonials Slider Style 1 / .testimonialSliderVI 134: Client Feedback Quote / .clientFeedback 135: Client Feedback Quote Style 2 / .clientQuoteii 136: Accordion Row / .ctaccRow 137: Accordion Opener / .ctaccOpener 138: FAQs Accordion / .faqAccordion 139: Tabset List / .dcsTabset 140: Tabset List Style 2 / .dcsTabsetVII 141: Default Table / .tableDefault 142: Message Box / .messageBox 143: Button Box / .btnBox 144: Contact Form / .contactForm 145: Contact Form Wrap / .ctFormWrap 146: Services List View / .serviceListView 147: Services view Box / .serviceViewBox 148: Pie Chart Wrapper / .pieWrapper 149: Page Not Found Style / .page_404 150: My Tabset Style / #myTab 151: Login Tabset Contetn / #loginTabContent 152: Fake Input / .fakeInput 153: Custom Form Checkbox / .customCheckboxLabel 154: Custom Form Radio / .customRadioBtnLabel 155: Checkout Alert Popup / .checkoutAlert 156: Alert Popup Button / .alertPopBtn 157: Alert Popup Collapse / .alertCollapseWrap 158: Login Alert Popup / #loginAlertPopup 159: Coupon Alert Popup / #couponAlertPopup 160: Billing Details Wrap / .bilingDetailsWrap 161: Confirmation Box Wrap / .confirmationBoxWrap 162: Checkout Count Table / .checkoutCountTable 163: Checkout Payment Method Wrap / .pmsWrap 164: Placeholder Only / .placeOrder 165: Checkout Payment Method Selection List / .pmSlctList 166: Portfolio Filters List / .ifbFiltersList 167: Load More Button / .btnLoadMore 168: Masonary Content Holder / .isoContentHolder 169: Gallery Photo Columns Grid / .gPhoColumnGrid 170: Gallery Photo Column Gallery / .gPhoColumnGallery 171: Post Navigation List Nav / .postNavigatorNav 172: Post Navigation List / .pnnPaginList 173: Share Aside Block / .saShareAside 174: Share Aside Social Networks List / .saSocialNetworks 175: Portfolio Meta List / .psMetaList 176: Sorting Wrapper Header / .ctSorterWrapHeader 177: Sorting Wrapper Header Dropdown / .dsSortDropdown 178: Rating Star List / .ratingList 179: Add To Cart Button Link / .btnAddToCart 180: Product Item Column / .proItemCol 181: Pagination / .pagination 182: Sidebar Widget Title / .widgetTitile 183: Widget/Tag List / .tagList 184: Sidebar Widget Featured Products List / .fpList 185: Get Search Results Wrap / .getResultsWrap 186: Sidebar Widget Category List / .wCatList 187: Sidebar Widget Search Form / .searchForm 188: Product Quantity Input / .quantity 189: Cart Details Table / .cartTable 190: Cart Details Table Wrap / .cartTableWrap 191: Cart Totals Detail Table / .cartTotals 192: Single Product Description / .sdbWDescription 193: Cart Form / .cartForm 194: Single Product Wrap / .singleProductWrap 195: Reviews List / .reviewsList 196: Review Submit Form / .reviewSubmissionForm 197: Meet Team Column List / .mcssList 198: Meet Team Column / .mccColumn 199: About Block Description Column / .abtBlockColumn 200: Offer Choice Block / .offerYouChoiceSection 201: Video Box Wrap / .videoBoxWrap 202: Proccess Column Wrap Style 2 / .pcColumnsWrapVII 203: Default Dots List / .dotsList 204: Book Appointment Widget / .bookAppointmentWidget 205: Services Single Post / .serviceSingle 206: Widget Filter/Departs Nav / .widgetFiltersNav 207: Button Description Back / .btnDcsBack 208: Department Items Row / .drItemRow 209: Widget Help / .widgetHelp 210: Team Power Block / .superPowerTeamSection 211: Benefits Block / .seeBenefitsAside 212: Block Post Column / .blockPostColumn 213: Team Description Box / .tmcbDescriptionBox 214: Team Information List / .tmcbInfosList 215: Team Social Networks List / .tmcbSocialNetworks 216: Meet Column Separator / .mccSeprator 217: Education Information List / .edupiInfosList 218: Get Discount Aside Block / .getDiscountAside 219: Fake Radio Input / .fakeRadioInput 220: Custom Reviews Block / .customerReviewsBlock 221: FAQs Block / .faqSectionBlock 222: Contact Block / .contactSectionBlock 223: Address Column / .ardcColumn 224: Button Link Video Play / .btnYouPlay 225: Widget Gallery / .widgetGallery 226: Widget Recent News / .recentNewsWidget 227: Widget Author / .authorWidget 228: News Holder / .nwssHolder 229: Blog Share Dropdown Holder / .vssDropdownHolder 230: Blog Share Dropdown List / .vssDropdownList 231: Blog Single Post / .blogSinglePost 232: Widget Portfolio Information / .widgetProfilerInfo 233: Comments List Opener / .cmntListOpener 234: Comments List / .bpCommentsList 235: Widget Comments Wrap / .commentsWrapWidget 236: Booking System Wrap / .bookingSystemWrap 237: Booking System Form / .bookingForm 238: Extra Services Wrap / .extSerWrap 239: Products Slider / .productSlider 240: About Service Column / .abtServiceColumn 241: About Service Column Row / .abtServiceRow 242: Join Aside Block / .joinAsideBlock 243: Our Gallery Block / .ourGallerySection 244: Introduction Block / .introBlock 245: Back To Top Button Link / #backToTop 246: Page Loader Overlay / .loader-holder 247: Header Main Dropdown / .hdMainDropdown 248: Header Main Dropdown List / .hdDropdownList 249: Header Main Dropdown Submenu / .dropdown-submenu 250: Map Block / .cuMapBlock 251: ui widget ui widgetcontent styles / .ui-widget */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: .25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.html"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.html"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.html"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.html"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.html"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.html"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.html"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { box-shadow: 0 0 5px #666; } img { max-width: 100%; height: auto; } .comment-form input[type="text"], .search-form input[type="text"], .post-password-form input[type="text"], .comment-form input[type="tel"], .search-form input[type="tel"], .post-password-form input[type="tel"], .comment-form input[type="email"], .search-form input[type="email"], .post-password-form input[type="email"], .comment-form input[type="search"], .search-form input[type="search"], .post-password-form input[type="search"], .comment-form input[type="password"], .search-form input[type="password"], .post-password-form input[type="password"], .comment-form input[type="url"], .search-form input[type="url"], .post-password-form input[type="url"], .comment-form input[type="date"], .search-form input[type="date"], .post-password-form input[type="date"], .comment-form textarea, .search-form textarea, .post-password-form textarea { -webkit-appearance: none; -webkit-border-radius: 0; border: 1px solid #999; padding: .5em .7em; } .comment-form input[type="text"]:focus, .search-form input[type="text"]:focus, .post-password-form input[type="text"]:focus, .comment-form input[type="tel"]:focus, .search-form input[type="tel"]:focus, .post-password-form input[type="tel"]:focus, .comment-form input[type="email"]:focus, .search-form input[type="email"]:focus, .post-password-form input[type="email"]:focus, .comment-form input[type="search"]:focus, .search-form input[type="search"]:focus, .post-password-form input[type="search"]:focus, .comment-form input[type="password"]:focus, .search-form input[type="password"]:focus, .post-password-form input[type="password"]:focus, .comment-form input[type="url"]:focus, .search-form input[type="url"]:focus, .post-password-form input[type="url"]:focus, .comment-form input[type="date"]:focus, .search-form input[type="date"]:focus, .post-password-form input[type="date"]:focus, .comment-form textarea:focus, .search-form textarea:focus, .post-password-form textarea:focus { border-color: #333; } .comment-form input[type="text"]::-webkit-input-placeholder, .search-form input[type="text"]::-webkit-input-placeholder, .post-password-form input[type="text"]::-webkit-input-placeholder, .comment-form input[type="tel"]::-webkit-input-placeholder, .search-form input[type="tel"]::-webkit-input-placeholder, .post-password-form input[type="tel"]::-webkit-input-placeholder, .comment-form input[type="email"]::-webkit-input-placeholder, .search-form input[type="email"]::-webkit-input-placeholder, .post-password-form input[type="email"]::-webkit-input-placeholder, .comment-form input[type="search"]::-webkit-input-placeholder, .search-form input[type="search"]::-webkit-input-placeholder, .post-password-form input[type="search"]::-webkit-input-placeholder, .comment-form input[type="password"]::-webkit-input-placeholder, .search-form input[type="password"]::-webkit-input-placeholder, .post-password-form input[type="password"]::-webkit-input-placeholder, .comment-form input[type="url"]::-webkit-input-placeholder, .search-form input[type="url"]::-webkit-input-placeholder, .post-password-form input[type="url"]::-webkit-input-placeholder, .comment-form input[type="date"]::-webkit-input-placeholder, .search-form input[type="date"]::-webkit-input-placeholder, .post-password-form input[type="date"]::-webkit-input-placeholder, .comment-form textarea::-webkit-input-placeholder, .search-form textarea::-webkit-input-placeholder, .post-password-form textarea::-webkit-input-placeholder { color: #ccc; } .comment-form input[type="text"]::-moz-placeholder, .search-form input[type="text"]::-moz-placeholder, .post-password-form input[type="text"]::-moz-placeholder, .comment-form input[type="tel"]::-moz-placeholder, .search-form input[type="tel"]::-moz-placeholder, .post-password-form input[type="tel"]::-moz-placeholder, .comment-form input[type="email"]::-moz-placeholder, .search-form input[type="email"]::-moz-placeholder, .post-password-form input[type="email"]::-moz-placeholder, .comment-form input[type="search"]::-moz-placeholder, .search-form input[type="search"]::-moz-placeholder, .post-password-form input[type="search"]::-moz-placeholder, .comment-form input[type="password"]::-moz-placeholder, .search-form input[type="password"]::-moz-placeholder, .post-password-form input[type="password"]::-moz-placeholder, .comment-form input[type="url"]::-moz-placeholder, .search-form input[type="url"]::-moz-placeholder, .post-password-form input[type="url"]::-moz-placeholder, .comment-form input[type="date"]::-moz-placeholder, .search-form input[type="date"]::-moz-placeholder, .post-password-form input[type="date"]::-moz-placeholder, .comment-form textarea::-moz-placeholder, .search-form textarea::-moz-placeholder, .post-password-form textarea::-moz-placeholder { opacity: 1; color: #ccc; } .comment-form input[type="text"]:-moz-placeholder, .search-form input[type="text"]:-moz-placeholder, .post-password-form input[type="text"]:-moz-placeholder, .comment-form input[type="tel"]:-moz-placeholder, .search-form input[type="tel"]:-moz-placeholder, .post-password-form input[type="tel"]:-moz-placeholder, .comment-form input[type="email"]:-moz-placeholder, .search-form input[type="email"]:-moz-placeholder, .post-password-form input[type="email"]:-moz-placeholder, .comment-form input[type="search"]:-moz-placeholder, .search-form input[type="search"]:-moz-placeholder, .post-password-form input[type="search"]:-moz-placeholder, .comment-form input[type="password"]:-moz-placeholder, .search-form input[type="password"]:-moz-placeholder, .post-password-form input[type="password"]:-moz-placeholder, .comment-form input[type="url"]:-moz-placeholder, .search-form input[type="url"]:-moz-placeholder, .post-password-form input[type="url"]:-moz-placeholder, .comment-form input[type="date"]:-moz-placeholder, .search-form input[type="date"]:-moz-placeholder, .post-password-form input[type="date"]:-moz-placeholder, .comment-form textarea:-moz-placeholder, .search-form textarea:-moz-placeholder, .post-password-form textarea:-moz-placeholder { color: #ccc; } .comment-form input[type="text"]:-ms-input-placeholder, .search-form input[type="text"]:-ms-input-placeholder, .post-password-form input[type="text"]:-ms-input-placeholder, .comment-form input[type="tel"]:-ms-input-placeholder, .search-form input[type="tel"]:-ms-input-placeholder, .post-password-form input[type="tel"]:-ms-input-placeholder, .comment-form input[type="email"]:-ms-input-placeholder, .search-form input[type="email"]:-ms-input-placeholder, .post-password-form input[type="email"]:-ms-input-placeholder, .comment-form input[type="search"]:-ms-input-placeholder, .search-form input[type="search"]:-ms-input-placeholder, .post-password-form input[type="search"]:-ms-input-placeholder, .comment-form input[type="password"]:-ms-input-placeholder, .search-form input[type="password"]:-ms-input-placeholder, .post-password-form input[type="password"]:-ms-input-placeholder, .comment-form input[type="url"]:-ms-input-placeholder, .search-form input[type="url"]:-ms-input-placeholder, .post-password-form input[type="url"]:-ms-input-placeholder, .comment-form input[type="date"]:-ms-input-placeholder, .search-form input[type="date"]:-ms-input-placeholder, .post-password-form input[type="date"]:-ms-input-placeholder, .comment-form textarea:-ms-input-placeholder, .search-form textarea:-ms-input-placeholder, .post-password-form textarea:-ms-input-placeholder { color: #ccc; } .comment-form input[type="text"].placeholder, .search-form input[type="text"].placeholder, .post-password-form input[type="text"].placeholder, .comment-form input[type="tel"].placeholder, .search-form input[type="tel"].placeholder, .post-password-form input[type="tel"].placeholder, .comment-form input[type="email"].placeholder, .search-form input[type="email"].placeholder, .post-password-form input[type="email"].placeholder, .comment-form input[type="search"].placeholder, .search-form input[type="search"].placeholder, .post-password-form input[type="search"].placeholder, .comment-form input[type="password"].placeholder, .search-form input[type="password"].placeholder, .post-password-form input[type="password"].placeholder, .comment-form input[type="url"].placeholder, .search-form input[type="url"].placeholder, .post-password-form input[type="url"].placeholder, .comment-form input[type="date"].placeholder, .search-form input[type="date"].placeholder, .post-password-form input[type="date"].placeholder, .comment-form textarea.placeholder, .search-form textarea.placeholder, .post-password-form textarea.placeholder { color: #ccc; } .widget { margin-bottom: 1.2em; } .widget ul { padding-left: 2em; } .widget select { min-width: 150px; } .comment-form label { display: block; padding-bottom: 4px; } .comment-form textarea { overflow: auto; margin: 0; height: 120px; min-height: 120px; } .comment-form textarea, .comment-form input[type="text"] { margin: 0 4px 0 0; width: 300px; } .comment-form input[type="submit"] { display: block; float: none; } .post-password-form label { display: block; } .post-password-form input[type="password"] { margin: 0 4px 0 0; width: 300px; } .search-form input { float: left; height: 2em; } .search-form input[type="search"] { margin: 0 4px 0 0; width: 150px; } .post-password-form input { float: left; height: 2em; } .post-password-form input[type="password"] { width: 150px; } .comment-form input[type="submit"], .post-password-form input[type="submit"], .search-form input[type="submit"] { background: #333; color: #fff; height: 2em; border: none; padding: 0 .5em; } .comment-form input[type="submit"]:hover, .post-password-form input[type="submit"]:hover, .search-form input[type="submit"]:hover { opacity: .8; } .commentlist { margin: 0 0 1.2em; } .commentlist .edit-link { margin: 0; } .commentlist .avatar-holder { float: left; margin: 0 1.2em 4px 0; } .commentlist-item .commentlist-item { padding: 0; } .comment, .commentlist-holder { overflow: hidden; } .commentlist-item .commentlist-item, .commentlist-item + .commentlist-item { padding-top: 1.2em; } .widget_calendar #next { text-align: right; } .gallery-item dt { float: none; padding: 0; } .navigation, .navigation-comments { position: relative; vertical-align: middle; margin-bottom: 1.2em; } .navigation .screen-reader-text, .navigation-comments .screen-reader-text { position: absolute; left: -99999px; } .navigation .page-numbers, .navigation-comments .page-numbers { display: inline-block; vertical-align: middle; padding: 0 .4em; } .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev { display: inline-block; vertical-align: middle; max-width: 50%; background: #666; color: #fff; padding: .4em; text-decoration: none; } .navigation-single { margin-bottom: 1.2em; } .navigation-single .next, .navigation-single .prev { float: left; vertical-align: middle; max-width: 50%; background: #666; color: #fff; text-decoration: none; } .navigation-single .next a, .navigation-single .prev a { color: inherit; text-decoration: none; padding: .4em; display: block; } .navigation-single .next { float: right; } .wp-caption { max-width: 100%; clear: both; border: 1px solid #ccc; padding: .4em; margin-bottom: 1.2em; } .wp-caption img { margin: 0; vertical-align: top; } .wp-caption p { margin: .4em 0 0; } div.aligncenter { margin: 0 auto 1.2em; } img.aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin: 0 1.2em 4px 0; } .alignright { float: right; margin: 0 0 4px 1.2em; } .mejs-container { margin-bottom: 1.2em; } .wp-caption-text, .gallery, .alignnone, .gallery-caption, .sticky, .bypostauthor { height: auto; } /*------------------------------------------------------------------ 1: Icomoon Icons Set / .icomoon -------------------------------------------------------------------*/ @font-face { font-family: "icomoon"; src: url("fonts/icomoon5b10.ttf?h7kkm8") format("truetype"), url("fonts/icomoon5b10.woff?h7kkm8") format("woff"), url("fonts/icomoon5b10.svg?h7kkm8#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icomoon-"], [class*=" icomoon-"] { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icomoon-icnQuote:before { content: "\e900"; } .icomoon-web:before { content: "\e901"; } .icomoon-mouse:before { content: "\e902"; } .icomoon-sending-call:before { content: "\e903"; } .icomoon-arrowUp:before { content: "\e904"; } .icomoon-arrowLeft:before { content: "\e905"; } .icomoon-arrowDown:before { content: "\e906"; } .icomoon-arrowRight:before { content: "\e907"; } .icomoon-online-question:before { content: "\e908"; } .icomoon-mail:before { content: "\e909"; } .icomoon-paper-plane:before { content: "\e90a"; } .icomoon-telephone-1:before { content: "\e90b"; } .icomoon-telephone:before { content: "\e90c"; } .icomoon-video-chat:before { content: "\e90d"; } .icomoon-template:before { content: "\e90e"; } .icomoon-mailbox:before { content: "\e90f"; } .icomoon-send:before { content: "\e910"; } .icomoon-contact:before { content: "\e911"; } .icomoon-globe:before { content: "\e912"; } .icomoon-world:before { content: "\e913"; } .icomoon-email-5:before { content: "\e914"; } .icomoon-email-4:before { content: "\e915"; } .icomoon-phone-2:before { content: "\e916"; } .icomoon-write-letter:before { content: "\e917"; } .icomoon-email-3:before { content: "\e918"; } .icomoon-time-call-1:before { content: "\e919"; } .icomoon-time-call:before { content: "\e91a"; } .icomoon-telephone-book:before { content: "\e91b"; } .icomoon-schedule:before { content: "\e91c"; } .icomoon-website:before { content: "\e91d"; } .icomoon-calendar:before { content: "\e91e"; } .icomoon-address:before { content: "\e91f"; } .icomoon-email-2:before { content: "\e920"; } .icomoon-home:before { content: "\e921"; } .icomoon-profile:before { content: "\e922"; } .icomoon-text:before { content: "\e923"; } .icomoon-phone-1:before { content: "\e924"; } .icomoon-email-1:before { content: "\e925"; } .icomoon-call-1:before { content: "\e926"; } .icomoon-call:before { content: "\e927"; } .icomoon-chat-1:before { content: "\e928"; } .icomoon-location:before { content: "\e929"; } .icomoon-email:before { content: "\e92a"; } .icomoon-chat:before { content: "\e92b"; } .icomoon-phone:before { content: "\e92c"; } .icomoon-send-mail:before { content: "\e92d"; } .icomoon-message:before { content: "\e92e"; } .icomoon-mail-4:before { content: "\e92f"; } .icomoon-mail-3:before { content: "\e930"; } .icomoon-telephone-2:before { content: "\e931"; } .icomoon-home-message:before { content: "\e932"; } .icomoon-mail-2:before { content: "\e933"; } .icomoon-icnShare:before { content: "\e934"; } .icomoon-mobile-phone:before { content: "\e935"; } .icomoon-phone-3:before { content: "\e936"; } .icomoon-mail-1:before { content: "\e937"; } .icomoon-link:before { content: "\e938"; } .icomoon-discount:before { content: "\e939"; } .icomoon-car-service:before { content: "\e93a"; } .icomoon-whatsapp:before { content: "\e93b"; } .icomoon-document:before { content: "\e93c"; } .icomoon-keyboard:before { content: "\e93d"; } .icomoon-laptop:before { content: "\e93e"; } .icomoon-link1:before { content: "\e93f"; } .icomoon-location1:before { content: "\e940"; } .icomoon-mail1:before { content: "\e941"; } .icomoon-meetup:before { content: "\e942"; } .icomoon-message1:before { content: "\e943"; } .icomoon-mouse1:before { content: "\e944"; } .icomoon-news:before { content: "\e945"; } .icomoon-office:before { content: "\e946"; } .icomoon-open:before { content: "\e947"; } .icomoon-phone-call:before { content: "\e948"; } .icomoon-schedule1:before { content: "\e949"; } .icomoon-smartphone:before { content: "\e94a"; } .icomoon-sms:before { content: "\e94b"; } .icomoon-support:before { content: "\e94c"; } .icomoon-videocall:before { content: "\e94d"; } .icomoon-visit-card:before { content: "\e94e"; } .icomoon-at:before { content: "\e94f"; } .icomoon-browser:before { content: "\e950"; } .icomoon-chat1:before { content: "\e951"; } .icomoon-clock:before { content: "\e952"; } .icomoon-connection:before { content: "\e953"; } .icomoon-contacts:before { content: "\e954"; } .icomoon-desktop:before { content: "\e955"; } .icomoon-faq:before { content: "\e956"; } .icomoon-home1:before { content: "\e957"; } .icomoon-information:before { content: "\e958"; } .icomoon-international:before { content: "\e959"; } .icomoon-interphone:before { content: "\e95a"; } .icomoon-information1:before { content: "\e95b"; } .icomoon-credit-card:before { content: "\e95c"; } .icomoon-medal:before { content: "\e95d"; } .icomoon-like:before { content: "\e95e"; } .icomoon-tire:before { content: "\e95f"; } .icomoon-car-1:before { content: "\e960"; } .icomoon-mat:before { content: "\e961"; } .icomoon-seat:before { content: "\e962"; } .icomoon-steering-wheel:before { content: "\e963"; } .icomoon-ventilator:before { content: "\e964"; } .icomoon-clean:before { content: "\e965"; } .icomoon-mechanic:before { content: "\e966"; } .icomoon-bathing:before { content: "\e967"; } .icomoon-car-wash-4:before { content: "\e968"; } .icomoon-car:before { content: "\e969"; } .icomoon-vacuum-cleaner:before { content: "\e96a"; } .icomoon-car-wash-3:before { content: "\e96b"; } .icomoon-spray:before { content: "\e96c"; } .icomoon-repair:before { content: "\e96d"; } .icomoon-fuel:before { content: "\e96e"; } .icomoon-car-wash-2:before { content: "\e96f"; } .icomoon-car-wash-1:before { content: "\e970"; } .icomoon-air-blower:before { content: "\e971"; } .icomoon-car-wash:before { content: "\e972"; } .icomoon-3345656:before { content: "\e973"; } .icomoon-checky:before { content: "\e974"; } .icomoon-chat2:before { content: "\e975"; } .icomoon-icn-syc04:before { content: "\e976"; } .icomoon-icn-syc03:before { content: "\e977"; } .icomoon-icn-syc02:before { content: "\e978"; } .icomoon-icn-syc01:before { content: "\e979"; } .icomoon-2371519:before { content: "\f100"; } .icomoon-2371520:before { content: "\f101"; } .icomoon-2371521:before { content: "\f102"; } .icomoon-2371522:before { content: "\f103"; } .icomoon-2371523:before { content: "\f104"; } .icomoon-2371524:before { content: "\f105"; } .icomoon-2371525:before { content: "\f106"; } .icomoon-2371526:before { content: "\f107"; } .icomoon-2371527:before { content: "\f108"; } .icomoon-2371528:before { content: "\f109"; } .icomoon-2371529:before { content: "\f10a"; } .icomoon-2371530:before { content: "\f10b"; } .icomoon-2371531:before { content: "\f10c"; } .icomoon-2371532:before { content: "\f10d"; } .icomoon-2371533:before { content: "\f10e"; } .icomoon-2371534:before { content: "\f10f"; } .icomoon-2371535:before { content: "\f110"; } .icomoon-2371536:before { content: "\f111"; } .icomoon-2371537:before { content: "\f112"; } .icomoon-2371538:before { content: "\f113"; } .icomoon-2371539:before { content: "\f114"; } .icomoon-2371540:before { content: "\f115"; } .icomoon-2371541:before { content: "\f116"; } .icomoon-2371542:before { content: "\f117"; } .icomoon-2371543:before { content: "\f118"; } .icomoon-2371544:before { content: "\f119"; } .icomoon-2371545:before { content: "\f11a"; } .icomoon-2371546:before { content: "\f11b"; } .icomoon-2371547:before { content: "\f11c"; } .icomoon-2371548:before { content: "\f11d"; } .icomoon-icnQuoteAlt:before { content: "\e97a"; } /*------------------------------------------------------------------ 2: Linear Icons Set / .lnr -------------------------------------------------------------------*/ @font-face { font-family: "Linearicons"; src: url("fonts/Linearicons54e9.ttf?w118d") format("truetype"), url("fonts/Linearicons54e9.html?w118d") format("woff"), url("fonts/Linearicons54e9.svg?w118d#Linearicons") format("svg"); font-weight: normal; font-style: normal; } .lnr { font-family: "Linearicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lnr-home:before { content: "\e800"; } .lnr-apartment:before { content: "\e801"; } .lnr-pencil:before { content: "\e802"; } .lnr-magic-wand:before { content: "\e803"; } .lnr-drop:before { content: "\e804"; } .lnr-lighter:before { content: "\e805"; } .lnr-poop:before { content: "\e806"; } .lnr-sun:before { content: "\e807"; } .lnr-moon:before { content: "\e808"; } .lnr-cloud:before { content: "\e809"; } .lnr-cloud-upload:before { content: "\e80a"; } .lnr-cloud-download:before { content: "\e80b"; } .lnr-cloud-sync:before { content: "\e80c"; } .lnr-cloud-check:before { content: "\e80d"; } .lnr-database:before { content: "\e80e"; } .lnr-lock:before { content: "\e80f"; } .lnr-cog:before { content: "\e810"; } .lnr-trash:before { content: "\e811"; } .lnr-dice:before { content: "\e812"; } .lnr-heart:before { content: "\e813"; } .lnr-star:before { content: "\e814"; } .lnr-star-half:before { content: "\e815"; } .lnr-star-empty:before { content: "\e816"; } .lnr-flag:before { content: "\e817"; } .lnr-envelope:before { content: "\e818"; } .lnr-paperclip:before { content: "\e819"; } .lnr-inbox:before { content: "\e81a"; } .lnr-eye:before { content: "\e81b"; } .lnr-printer:before { content: "\e81c"; } .lnr-file-empty:before { content: "\e81d"; } .lnr-file-add:before { content: "\e81e"; } .lnr-enter:before { content: "\e81f"; } .lnr-exit:before { content: "\e820"; } .lnr-graduation-hat:before { content: "\e821"; } .lnr-license:before { content: "\e822"; } .lnr-music-note:before { content: "\e823"; } .lnr-film-play:before { content: "\e824"; } .lnr-camera-video:before { content: "\e825"; } .lnr-camera:before { content: "\e826"; } .lnr-picture:before { content: "\e827"; } .lnr-book:before { content: "\e828"; } .lnr-bookmark:before { content: "\e829"; } .lnr-user:before { content: "\e82a"; } .lnr-users:before { content: "\e82b"; } .lnr-shirt:before { content: "\e82c"; } .lnr-store:before { content: "\e82d"; } .lnr-cart:before { content: "\e82e"; } .lnr-tag:before { content: "\e82f"; } .lnr-phone-handset:before { content: "\e830"; } .lnr-phone:before { content: "\e831"; } .lnr-pushpin:before { content: "\e832"; } .lnr-map-marker:before { content: "\e833"; } .lnr-map:before { content: "\e834"; } .lnr-location:before { content: "\e835"; } .lnr-calendar-full:before { content: "\e836"; } .lnr-keyboard:before { content: "\e837"; } .lnr-spell-check:before { content: "\e838"; } .lnr-screen:before { content: "\e839"; } .lnr-smartphone:before { content: "\e83a"; } .lnr-tablet:before { content: "\e83b"; } .lnr-laptop:before { content: "\e83c"; } .lnr-laptop-phone:before { content: "\e83d"; } .lnr-power-switch:before { content: "\e83e"; } .lnr-bubble:before { content: "\e83f"; } .lnr-heart-pulse:before { content: "\e840"; } .lnr-construction:before { content: "\e841"; } .lnr-pie-chart:before { content: "\e842"; } .lnr-chart-bars:before { content: "\e843"; } .lnr-gift:before { content: "\e844"; } .lnr-diamond:before { content: "\e845"; } .lnr-linearicons:before { content: "\e846"; } .lnr-dinner:before { content: "\e847"; } .lnr-coffee-cup:before { content: "\e848"; } .lnr-leaf:before { content: "\e849"; } .lnr-paw:before { content: "\e84a"; } .lnr-rocket:before { content: "\e84b"; } .lnr-briefcase:before { content: "\e84c"; } .lnr-bus:before { content: "\e84d"; } .lnr-car:before { content: "\e84e"; } .lnr-train:before { content: "\e84f"; } .lnr-bicycle:before { content: "\e850"; } .lnr-wheelchair:before { content: "\e851"; } .lnr-select:before { content: "\e852"; } .lnr-earth:before { content: "\e853"; } .lnr-smile:before { content: "\e854"; } .lnr-sad:before { content: "\e855"; } .lnr-neutral:before { content: "\e856"; } .lnr-mustache:before { content: "\e857"; } .lnr-alarm:before { content: "\e858"; } .lnr-bullhorn:before { content: "\e859"; } .lnr-volume-high:before { content: "\e85a"; } .lnr-volume-medium:before { content: "\e85b"; } .lnr-volume-low:before { content: "\e85c"; } .lnr-volume:before { content: "\e85d"; } .lnr-mic:before { content: "\e85e"; } .lnr-hourglass:before { content: "\e85f"; } .lnr-undo:before { content: "\e860"; } .lnr-redo:before { content: "\e861"; } .lnr-sync:before { content: "\e862"; } .lnr-history:before { content: "\e863"; } .lnr-clock:before { content: "\e864"; } .lnr-download:before { content: "\e865"; } .lnr-upload:before { content: "\e866"; } .lnr-enter-down:before { content: "\e867"; } .lnr-exit-up:before { content: "\e868"; } .lnr-bug:before { content: "\e869"; } .lnr-code:before { content: "\e86a"; } .lnr-link:before { content: "\e86b"; } .lnr-unlink:before { content: "\e86c"; } .lnr-thumbs-up:before { content: "\e86d"; } .lnr-thumbs-down:before { content: "\e86e"; } .lnr-magnifier:before { content: "\e86f"; } .lnr-cross:before { content: "\e870"; } .lnr-menu:before { content: "\e871"; } .lnr-list:before { content: "\e872"; } .lnr-chevron-up:before { content: "\e873"; } .lnr-chevron-down:before { content: "\e874"; } .lnr-chevron-left:before { content: "\e875"; } .lnr-chevron-right:before { content: "\e876"; } .lnr-arrow-up:before { content: "\e877"; } .lnr-arrow-down:before { content: "\e878"; } .lnr-arrow-left:before { content: "\e879"; } .lnr-arrow-right:before { content: "\e87a"; } .lnr-move:before { content: "\e87b"; } .lnr-warning:before { content: "\e87c"; } .lnr-question-circle:before { content: "\e87d"; } .lnr-menu-circle:before { content: "\e87e"; } .lnr-checkmark-circle:before { content: "\e87f"; } .lnr-cross-circle:before { content: "\e880"; } .lnr-plus-circle:before { content: "\e881"; } .lnr-circle-minus:before { content: "\e882"; } .lnr-arrow-up-circle:before { content: "\e883"; } .lnr-arrow-down-circle:before { content: "\e884"; } .lnr-arrow-left-circle:before { content: "\e885"; } .lnr-arrow-right-circle:before { content: "\e886"; } .lnr-chevron-up-circle:before { content: "\e887"; } .lnr-chevron-down-circle:before { content: "\e888"; } .lnr-chevron-left-circle:before { content: "\e889"; } .lnr-chevron-right-circle:before { content: "\e88a"; } .lnr-crop:before { content: "\e88b"; } .lnr-frame-expand:before { content: "\e88c"; } .lnr-frame-contract:before { content: "\e88d"; } .lnr-layers:before { content: "\e88e"; } .lnr-funnel:before { content: "\e88f"; } .lnr-text-format:before { content: "\e890"; } .lnr-text-format-remove:before { content: "\e891"; } .lnr-text-size:before { content: "\e892"; } .lnr-bold:before { content: "\e893"; } .lnr-italic:before { content: "\e894"; } .lnr-underline:before { content: "\e895"; } .lnr-strikethrough:before { content: "\e896"; } .lnr-highlight:before { content: "\e897"; } .lnr-text-align-left:before { content: "\e898"; } .lnr-text-align-center:before { content: "\e899"; } .lnr-text-align-right:before { content: "\e89a"; } .lnr-text-align-justify:before { content: "\e89b"; } .lnr-line-spacing:before { content: "\e89c"; } .lnr-indent-increase:before { content: "\e89d"; } .lnr-indent-decrease:before { content: "\e89e"; } .lnr-pilcrow:before { content: "\e89f"; } .lnr-direction-ltr:before { content: "\e8a0"; } .lnr-direction-rtl:before { content: "\e8a1"; } .lnr-page-break:before { content: "\e8a2"; } .lnr-sort-alpha-asc:before { content: "\e8a3"; } .lnr-sort-amount-asc:before { content: "\e8a4"; } .lnr-hand:before { content: "\e8a5"; } .lnr-pointer-up:before { content: "\e8a6"; } .lnr-pointer-right:before { content: "\e8a7"; } .lnr-pointer-down:before { content: "\e8a8"; } .lnr-pointer-left:before { content: "\e8a9"; } /*------------------------------------------------------------------ 3: Slick Slider / .slick-slider -------------------------------------------------------------------*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*------------------------------------------------------------------ 4: Fancybox / Lightbox Popup / .fancybox -------------------------------------------------------------------*/ /* Fancybox Css */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #000; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .7; -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1); transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } .fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0; text-align: center; z-index: 99996; } .fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1); transition-timing-function: cubic-bezier(0, 0, .25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94); transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } /*------------------------------------------------------------------ 5: Common Class Background Cover / .bgCover -------------------------------------------------------------------*/ .bgCover { background-size: cover; background-position: 50% 50%; } /*------------------------------------------------------------------ 6: Common Class Background Innerlay / .bgImg -------------------------------------------------------------------*/ .bgImg { top: 0; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; } /*------------------------------------------------------------------ 7: Common Class Transition / .transition -------------------------------------------------------------------*/ .transition, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .mainNavigation .nav-link, .mainNavigation.navbar-nav .nav-link, .btnHdLink, .userActionsList > li > a, .navbarSearchOpener, .slickArrowv1, .btnCalto, .btnCalto .bg, .navbarSearchClose, .slickDotsv1 button, .esColumn, .esColumn .imgHolder:before, .cabHolder p a { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } /*------------------------------------------------------------------ 8: Common Class Transition Color / .transitClr -------------------------------------------------------------------*/ .transitClr, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .btnHdLink, .userActionsList > li > a, .navbarSearchOpener, .cabHolder p a { -webkit-transition-property: color; transition-property: color; } /*------------------------------------------------------------------ 8: Common Class Transition Color, Background / .transitClrBg -------------------------------------------------------------------*/ .transitClrBg, .mainNavigation .nav-link, .mainNavigation.navbar-nav .nav-link, .slickArrowv1, .navbarSearchClose { -webkit-transition-property: color, background; transition-property: color, background; } /*------------------------------------------------------------------ 9: Common Class Transition Background / .transitBg -------------------------------------------------------------------*/ .transitBg, .slickDotsv1 button { -webkit-transition-property: background; transition-property: background; } /*------------------------------------------------------------------ 10: Common Class Transition Color, Background, border / .transitClrBgBdr -------------------------------------------------------------------*/ .transitClrBgBdr { -webkit-transition-property: color, background, border; transition-property: color, background, border; } /*------------------------------------------------------------------ 11: Common Class Transition border / .transitBdr -------------------------------------------------------------------*/ .transitBdr { -webkit-transition-property: border; transition-property: border; } /*------------------------------------------------------------------ 12: Common Class Transition Opacity, Visibility / .transitOpVis -------------------------------------------------------------------*/ .transitOpVis, .btnCalto .bg, .esColumn, .esColumn .imgHolder:before { -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; } /*------------------------------------------------------------------ 13: Common Class Vertical Align Wrap / .alignHolder -------------------------------------------------------------------*/ .alignHolder { min-height: inherit; } /*------------------------------------------------------------------ 14: Common Class Font Family Base / .fontBase -------------------------------------------------------------------*/ .fontBase, .cartTable .coupenFormControl::-webkit-input-placeholder, .cartTable .coupenFormControl::-moz-placeholder, .cartTable .coupenFormControl:-moz-placeholder, .cartTable .coupenFormControl:-ms-input-placeholder, .cartTable .coupenFormControl.placeholder { font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } /*------------------------------------------------------------------ 15: Common Class Font Family Jost / .fontAlter -------------------------------------------------------------------*/ .fontAlter { font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } /*------------------------------------------------------------------ 16: Common Class Font Wight Normal Important / .fwmMedium -------------------------------------------------------------------*/ .fwmMedium, .pmSlctList .pmNotePop { font-weight: 400 !important; } /*------------------------------------------------------------------ 17: Common Class Font Wight Medium / .fwMedium -------------------------------------------------------------------*/ .fwMedium, .priceColumn[data-featured-tag]:before, .customCheckboxLabel .cuFakeLabel, .alertCollapseWrap .form-control::-webkit-input-placeholder, .alertCollapseWrap .form-control::-moz-placeholder, .alertCollapseWrap .form-control:-moz-placeholder, .alertCollapseWrap .form-control:-ms-input-placeholder, .alertCollapseWrap .form-control.placeholder, .bilingDetailsWrap .form-group .form-control::-webkit-input-placeholder, .bilingDetailsWrap .form-group .form-control::-moz-placeholder, .bilingDetailsWrap .form-group .form-control:-moz-placeholder, .bilingDetailsWrap .form-group .form-control:-ms-input-placeholder, .bilingDetailsWrap .form-group .form-control.placeholder, .pmSlctList .payPalLink { font-weight: 500 !important; } /*------------------------------------------------------------------ 18: Common Class Font Wight Semi Bold / .fwSemi -------------------------------------------------------------------*/ .fwSemi, .dcsTabset .nav-link, .dcsTabset.nav-tabs .nav-link, #backToTop .icn { font-weight: 600 !important; } /*------------------------------------------------------------------ 19: Common Class Pointer Events None / .inaccessible -------------------------------------------------------------------*/ .inaccessible, .ibsSlider .ibsBgWrap:before, .introBlock .ibsBgWrap:before { pointer-events: none; } /*------------------------------------------------------------------ 20: Common Class Button Text Span / .btnText -------------------------------------------------------------------*/ .btnText { padding: .9375rem 1.5625rem; border: 2px solid transparent; opacity: 1; -webkit-transform-origin: right center 0; -ms-transform-origin: right center 0; transform-origin: right center 0; -webkit-transform: translateY(0px) rotateX(0deg); transform: translateY(0px) rotateX(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; width: 100%; border-radius: 99px; } /*------------------------------------------------------------------ 21: Common Class Button / .btn -------------------------------------------------------------------*/ .btn { font-weight: 500; } .btn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .btn:before { content: attr(data-hover); -webkit-transform: translateY(50%) rotateX(90deg); transform: translateY(50%) rotateX(90deg); opacity: 0; border-width: 2px; border-style: solid; -webkit-transform-origin: right center 0; -ms-transform-origin: right center 0; transform-origin: right center 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; padding: .9375rem 1.5625rem; border-radius: 99px; } .btn:hover:before { -webkit-transform: translateY(0px) rotateX(0deg); transform: translateY(0px) rotateX(0deg); opacity: 1; } .btn:hover .btnText { opacity: 0; -webkit-transform: translateY(-50%) rotateX(90deg); transform: translateY(-50%) rotateX(90deg); } .btn.btnNoOver { padding: .9375rem 1.5625rem; border-radius: 99px; } .btn.btnNoOver:before { display: none; } .btn.btnMinSmall { min-width: 152px; } .btn.btnMinSmall:before, .btn.btnMinSmall .btnText { padding-top: .282rem; padding-bottom: .282rem; } .btn.btnMinMedium { min-width: 172px; } .btn.btnMinMedium:before, .btn.btnMinMedium .btnText { padding-top: .594rem; padding-bottom: .594rem; } .btn.btnMinMediumAlt { min-width: 176px; } .btn.btnMinMediumAlt:before, .btn.btnMinMediumAlt .btnText { padding-top: .907rem; padding-bottom: .907rem; } .btn.btnMinLarge { min-width: 190px; } .btn.btnMinLarge:before, .btn.btnMinLarge .btnText { padding-top: .907rem; padding-bottom: .907rem; } .btn.btnMinXLarge { min-width: 211px; } .btn.btnMinXLarge:before, .btn.btnMinXLarge .btnText { padding-top: 1.219rem; padding-bottom: 1.219rem; } .btn.btnLarge { min-width: 222px; } .btn.btnLarge:before, .btn.btnLarge .btnText { padding-top: .907rem; padding-bottom: .907rem; } /*------------------------------------------------------------------ 22: Common Class Theme Button / .btnTheme -------------------------------------------------------------------*/ .btnTheme.btnNoOver { color: #fff; } .btnTheme.btnNoOver:hover { background-color: #fff !important; } .btnTheme:before { background-color: #fff; } .btnTheme .btnText { color: #fff; } /*------------------------------------------------------------------ 23: Common Class Theme Button Two / .btnThemeAlt -------------------------------------------------------------------*/ .btnThemeAlt.btnNoOver { color: #fff; } .btnThemeAlt.btnNoOver:hover { background-color: #fff !important; } .btnThemeAlt:before { background-color: #fff; } .btnThemeAlt .btnText { color: #fff; } /*------------------------------------------------------------------ 24: Common Class Theme Button Alt Inverse / .btnThemeAltInverse -------------------------------------------------------------------*/ .btnThemeAltInverse.btnNoOver { color: #fff; } .btnThemeAltInverse.btnNoOver:hover { background-color: #fff !important; } .btnThemeAltInverse:before { color: #fff; } /*------------------------------------------------------------------ 25: Common Class Theme Button White / .btnThemeWhite -------------------------------------------------------------------*/ .btnThemeWhite.btnNoOver { background-color: #fff; border-color: #fff; } .btnThemeWhite.btnNoOver:hover { color: #fff !important; } .btnThemeWhite:before { background-color: #e6e5e5; border-color: #e6e5e5; } .btnThemeWhite .btnText { background-color: #fff; border-color: #fff; } /*------------------------------------------------------------------ 26: Common Class Theme Button White Outline / .btnThemeWhiteOutline -------------------------------------------------------------------*/ .btnThemeWhiteOutline.btnNoOver { background-color: #fff; border-color: #fff; } .btnThemeWhiteOutline.btnNoOver:hover { color: #fff !important; } .btnThemeWhiteOutline:before { color: #fff; } .btnThemeWhiteOutline .btnText { color: #42516d; background-color: #fff; border-color: #e5e5e5; } /*------------------------------------------------------------------ 27: Common Class Theme Button White Inverse / .btnThemeWhiteInverse -------------------------------------------------------------------*/ .btnThemeWhiteInverse:before { background-color: #e6e5e5; border-color: #e6e5e5; } .btnThemeWhiteInverse .btnText { background-color: #fff; border-color: #fff; } /*------------------------------------------------------------------ 28: Common Class Button Grey / .btnGary -------------------------------------------------------------------*/ .btnGary:before { color: #fff; } .btnGary .btnText { background-color: #ecedf5; border-color: #ecedf5; } html { background-color: #f6f6f6; } body { -ms-overlfow-style: scrollbar; min-width: 320px; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit; } h1, .h1 { line-height: .8571428571; } h2, .h2 { line-height: 1.1; } /*------------------------------------------------------------------ 29: Page Main Wrapper / #pageWrapper -------------------------------------------------------------------*/ #pageWrapper { position: relative; width: 100%; overflow: hidden; } /*------------------------------------------------------------------ 30: Heading Title / .hTitle -------------------------------------------------------------------*/ .hTitle { font-size: 16px; line-height: 1; font-weight: 500; } /*------------------------------------------------------------------ 31: H1 Large / .h1Large -------------------------------------------------------------------*/ .h1Large { line-height: 1.0135135135; font-size: 2.375rem; } .h1Large .hTitle { font-size: 18px; letter-spacing: 1px; font-weight: 700; } /*------------------------------------------------------------------ 32: H2 Large / .h2Large -------------------------------------------------------------------*/ .h2Large { font-size: 1.875rem; } /*------------------------------------------------------------------ 33: H3 Small / .h3Small -------------------------------------------------------------------*/ .h3Small { font-size: 1.3125rem; } /*------------------------------------------------------------------ 34: H3 Medium / .h3Medium -------------------------------------------------------------------*/ .h3Medium { font-size: 1.125rem; } /*------------------------------------------------------------------ 35: H3 Large / .h3Large -------------------------------------------------------------------*/ .h3Large { font-size: 1.25rem; } /*------------------------------------------------------------------ 36: Text Font Size Medium / .fzMedium -------------------------------------------------------------------*/ .fzMedium { font-size: 18px; line-height: 1.5555555556; } /*------------------------------------------------------------------ 37: Text Font Size Large / .fzLarge -------------------------------------------------------------------*/ .fzLarge { font-size: 20px; line-height: 1.3; } /*------------------------------------------------------------------ 38: Background Color Light / .bgLight -------------------------------------------------------------------*/ .bgLight { background-color: #f6f6f6; } .fwMedium, .priceColumn[data-featured-tag]:before, .customCheckboxLabel .cuFakeLabel, .alertCollapseWrap .form-control::-webkit-input-placeholder, .alertCollapseWrap .form-control::-moz-placeholder, .alertCollapseWrap .form-control:-moz-placeholder, .alertCollapseWrap .form-control:-ms-input-placeholder, .alertCollapseWrap .form-control.placeholder, .bilingDetailsWrap .form-group .form-control::-webkit-input-placeholder, .bilingDetailsWrap .form-group .form-control::-moz-placeholder, .bilingDetailsWrap .form-group .form-control:-moz-placeholder, .bilingDetailsWrap .form-group .form-control:-ms-input-placeholder, .bilingDetailsWrap .form-group .form-control.placeholder, .pmSlctList .payPalLink { font-weight: 500 !important; } /*------------------------------------------------------------------ 39: Page Header Sticky Wrap / .phStickyWrap -------------------------------------------------------------------*/ .phStickyWrap { min-height: 91px; } /*------------------------------------------------------------------ 40: Page Main Header / #pageHeader -------------------------------------------------------------------*/ #pageHeader { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 999; padding-top: 35px; padding-bottom: 10px; } #pageHeader .mainNavigation { border-top: 1px solid rgba(255, 255, 255, .35); } #pageHeader .mainNavigation .nav-link, #pageHeader .mainNavigation.navbar-nav .nav-link { color: #fff; } #pageHeader.headerDark .userActionsList > li a { color: #fff; } #pageHeader.headerDark .pgNaveOpener:before, #pageHeader.headerDark .pgNaveOpener:after, #pageHeader.headerDark .pgNaveOpener .navbar-toggler-icon { background-color: #fff; height: 1px; border-radius: 9px; -webkit-transition: all .3s ease; transition: all .3s ease; } #pageHeader.headerDark .mainNavigation .nav-link, #pageHeader.headerDark .mainNavigation.navbar-nav .nav-link { color: #fff; } /*------------------------------------------------------------------ 41: Page Header Fixer / .headerFixer -------------------------------------------------------------------*/ .headerFixer { -webkit-transition: all .35s ease; transition: all .35s ease; } .headerFixer.fixedPosition { z-index: 9999; } .headerFixer.fixedPosition #pageHeader { box-shadow: 0 5px 10px rgba(98, 113, 141, .1); } /*------------------------------------------------------------------ 42: Page Header Logo / .logo -------------------------------------------------------------------*/ .logo { float: left; margin-right: 10px; margin-top: 6px; max-width: 108px; width: 100%; } /*------------------------------------------------------------------ 43: Page Header Navigation / #pageNav -------------------------------------------------------------------*/ #pageNav { float: right; padding: 14px 0 0; width: calc(100% - 118px); font-weight: 500; } /*------------------------------------------------------------------ 44: Page Header Main Navigation / .mainNavigation -------------------------------------------------------------------*/ .mainNavigation .nav-link, .mainNavigation.navbar-nav .nav-link { font-size: 15px; } .navbar-expand-lg .mainNavigation .nav-link { padding-left: 15px; padding-right: 15px; } .mainNavigation > li:hover > .nav-link { color: #2db7ff !important; } /*------------------------------------------------------------------ 45: Dropdown Toggler / .dropdown-toggle -------------------------------------------------------------------*/ .dropdown-toggle:after { border: solid currentColor; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 7px; height: 7px; } /*------------------------------------------------------------------ 46: Page Header Button Link / .btnHdLink -------------------------------------------------------------------*/ .btnHdLink { font-size: 18px; line-height: 1; letter-spacing: 1px; } .btnHdLink .icn { color: #eec139; vertical-align: -1px; } /*------------------------------------------------------------------ 47: User Actions List / .userActionsList -------------------------------------------------------------------*/ .userActionsList > li { margin-left: 15px; } .userActionsList > li > a { font-size: 20px; } /*------------------------------------------------------------------ 48: Page Navigation Search Opener / .navbarSearchOpener -------------------------------------------------------------------*/ .navbarSearchOpener { font-size: 20px; } /*------------------------------------------------------------------ 49: Header Button / .btnHd -------------------------------------------------------------------*/ .btnHd { font-size: 14px; position: absolute; left: 0; top: 0; right: 0; border-radius: 0; } .btnHd .btnText, .btnHd:before { padding: 4px; border-radius: 0; } /*------------------------------------------------------------------ 50: Intro Block Slider Column / .ibsColumn -------------------------------------------------------------------*/ .ibsColumn { z-index: 1; font-size: 19px; line-height: 1.1818181818; min-height: calc(100vh - 91px); } /*------------------------------------------------------------------ 51: Inner Page Banner / .innerPagesBanner -------------------------------------------------------------------*/ .innerPagesBanner .ibsColumn { min-height: 301px; } /*------------------------------------------------------------------ 52: Inner Page Banner Breadcrumbs / .cbbPageList -------------------------------------------------------------------*/ .cbbPageList { font-size: 16px; } .cbbPageList li { position: relative; } .cbbPageList li a { color: #fff; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .cbbPageList li + li { padding-left: 30px; } .cbbPageList li + li:before { position: absolute; content: ""; border: solid currentColor; border-width: 0 2px 2px 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 8px; height: 8px; left: 9px; top: 6px; font-size: 14px; color: #fff; } /*------------------------------------------------------------------ 53: Intro Block Slider / .ibsSlider -------------------------------------------------------------------*/ .ibsSlider .ibsBgWrap { left: 0; top: 0; z-index: -1; -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform 1s ease; transition: opacity .3s ease, visibility .3s ease, -webkit-transform 1s ease; transition: opacity .3s ease, visibility .3s ease, transform 1s ease; transition: opacity .3s ease, visibility .3s ease, transform 1s ease, -webkit-transform 1s ease; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); } .ibsSlider .ibsBgWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ibsSlider .ibsBgWrap:before { opacity: .40; } .ibsSlider .slick-current .ibsBgWrap { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------------ 54: Slick Slider Arrow Style 1 / .slickArrowv1 -------------------------------------------------------------------*/ .slickArrowv1 { background-color: rgba(0, 0, 0, .3); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; z-index: 2; color: #fff; width: 41px; height: 41px; } .slickArrowv1:before { display: block; content: ""; border: solid currentColor; border-width: 0 2px 2px 0; width: 10px; height: 10px; } .slickArrowv1:hover { background-color: #000; color: #fff; } .slickArrowv1.slickPrev { left: 26px; } .slickArrowv1.slickPrev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: 5px; } .slickArrowv1.slickNext { right: 26px; } .slickArrowv1.slickNext:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: 5px; } /*------------------------------------------------------------------ 55: Banner Aside Block / .bannerAsideBlock -------------------------------------------------------------------*/ .bannerAsideBlock { font-size: 20px; } /*------------------------------------------------------------------ 56: Banner Aside Block Feature Column / .babFeatureColumn -------------------------------------------------------------------*/ .babFeatureColumn:hover h2:after, .babFeatureColumn:hover .h2:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .babFeatureColumn .icnWrap { height: 65px; font-size: 60px; } .babFeatureColumn h2, .babFeatureColumn .h2 { font-size: 20px; line-height: 1.2; } .babFeatureColumn h2:after, .babFeatureColumn .h2:after { content: ""; position: absolute; bottom: 0; left: 0; } .babFeatureColumn h2:after, .babFeatureColumn .h2:after { -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; width: 40px; height: 1px; } /*------------------------------------------------------------------ 57: Button Call To Link / .btnCalto -------------------------------------------------------------------*/ .btnCalto { border-radius: 99px; z-index: 1; letter-spacing: 1px; padding: 10px 14px; } .btnCalto:hover .bg { opacity: .3; } .btnCalto .bg { left: 0; top: 0; z-index: -1; opacity: .2; } /*------------------------------------------------------------------ 58: Main Navigation Burger Menu Opener / .pgNaveOpener -------------------------------------------------------------------*/ .pgNaveOpener { margin-top: -4px; width: 25px; height: 17px; } .pgNaveOpener:before { content: ""; position: absolute; top: 0; right: 0; left: 0; } .pgNaveOpener:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; } .pgNaveOpener:focus { outline: none; } .pgNaveOpener:before, .pgNaveOpener:after, .pgNaveOpener .navbar-toggler-icon { height: 1px; border-radius: 9px; -webkit-transition: all .3s ease; transition: all .3s ease; } .pgNaveOpener[aria-expanded="true"]:before { -webkit-transform: rotate(45deg) translate(6px, 5px); -ms-transform: rotate(45deg) translate(6px, 5px); transform: rotate(45deg) translate(6px, 5px); } .pgNaveOpener[aria-expanded="true"]:after { -webkit-transform: rotate(-45deg) translate(6px, -5px); -ms-transform: rotate(-45deg) translate(6px, -5px); transform: rotate(-45deg) translate(6px, -5px); } .pgNaveOpener[aria-expanded="true"] .navbar-toggler-icon { opacity: 0; visibility: hidden; } .pgNaveOpener .navbar-toggler-icon { position: absolute; top: 8px; right: 0; } /*------------------------------------------------------------------ 59: Page Navigation Collapse / .pageMainNavCollapse -------------------------------------------------------------------*/ .pageMainNavCollapse { position: absolute; left: 0; top: 100%; right: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; max-height: 450px; } .pageMainNavCollapse.show { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } /*------------------------------------------------------------------ 60: Page Navbar Search Collapse / .navbarSearchCollapse -------------------------------------------------------------------*/ .navbarSearchCollapse { left: 0; right: 0; top: 0; bottom: 0; z-index: 999; height: auto !important; overflow-y: auto !important; overflow-x: hidden !important; display: block !important; -webkit-transition: opacity .3s linear, visibility .3s ease !important; transition: opacity .3s linear, visibility .3s ease !important; opacity: 0; visibility: hidden; } .navbarSearchCollapse:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .navbarSearchCollapse:before { opacity: .9; z-index: -1; } .navbarSearchCollapse.show { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 61: Page Navbar Search Form / .navSearchForm -------------------------------------------------------------------*/ .navSearchForm .btn { font-size: 25px; padding: 7px 26px 0 20px; } /*------------------------------------------------------------------ 62: Page Navbar Search Close Button / .navbarSearchClose -------------------------------------------------------------------*/ .navbarSearchClose { z-index: 2; right: 0; top: 0; font-size: 40px; padding: 10px 15px 20px 30px; border-radius: 0 0 0 99px; background-color: #fff; } .navbarSearchClose:hover { color: #fff !important; } /*------------------------------------------------------------------ 63: Slick Slider Dots Style 1 / .slickDotsv1 -------------------------------------------------------------------*/ .slickDotsv1 { left: 0; right: 0; z-index: 2; line-height: 0; bottom: 74px; } .slickDotsv1 li { padding-left: 5px; padding-right: 5px; } .slickDotsv1 button { text-indent: -9999px; overflow: hidden; padding: 0; border: 0; background-color: #fff; border-radius: 100%; width: 16px; height: 16px; } /*------------------------------------------------------------------ 64: Image Holder Style 1 / .imgHolderv1 -------------------------------------------------------------------*/ .imgHolderv1 { z-index: 1; border-radius: 36px; max-width: 290px; } .imgHolderv1:before { content: ""; position: absolute; top: -1px; right: -9px; } .imgHolderv1:before { opacity: .2; z-index: -1; -webkit-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); border-radius: inherit; width: 241px; height: 227px; } .imgHolderv1 img { border-radius: inherit; } /*------------------------------------------------------------------ 65: Image Holder Style 2 / .imgHolderv2 -------------------------------------------------------------------*/ .imgHolderv2:before { content: ""; position: absolute; top: -1px; left: -9px; } .imgHolderv2:before { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } .imgHolderv2 .bgPatternv1 { bottom: 60px; left: -62px; right: auto; } /*------------------------------------------------------------------ 66: Background Pattern Style 1 / .bgPatternv1 -------------------------------------------------------------------*/ .bgPatternv1 { bottom: 62px; right: -72px; z-index: -1; } /*------------------------------------------------------------------ 67: Button Reference Link / .btnRefLink -------------------------------------------------------------------*/ .btnRefLink { font-size: 15px; line-height: 1; font-weight: 500; } .btnRefLink .icn { font-size: 22px; } /*------------------------------------------------------------------ 68: Description Tag / .descrTag -------------------------------------------------------------------*/ .descrTag { border-radius: 999px; font-size: 15px; line-height: 1.2222222222; padding: 12px 14px; } .descrTag .icn { font-size: 30px; } /*------------------------------------------------------------------ 69: Description Tag Style 1 / .descrTagv1 -------------------------------------------------------------------*/ .descrTagv1 { z-index: 1; left: 20px; bottom: 20px; } /*------------------------------------------------------------------ 70: Services Column Slider / .sbSlider -------------------------------------------------------------------*/ .sbSlider { max-width: 270px; } .sbSlider .slick-list { padding-top: 30px; } .sbSlider .esColumn { opacity: .7; } /*------------------------------------------------------------------ 71: Service Column / .esColumn -------------------------------------------------------------------*/ .esColumn h3 { color: #fff; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .esColumn .icnWrap { background-color: #fff; } .esColumn .descriptWrap { -webkit-transition: all .35s ease-out .15s; transition: all .35s ease-out .15s; font-size: 16px; color: #62718d; opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .esColumn .descriptWrap .pcfAlt { font-size: 16px; } .esColumn .descriptWrap .pcfAlt > li { margin-bottom: 5px; } .esColumn .descriptWrap .pcfAlt > li:before { font-size: 18px; } .esColumn:hover { box-shadow: 0 4px 11px rgba(6, 22, 58, .07); } .esColumn:hover .imgHolder:after { bottom: 0; } .esColumn:hover .icnWrap { color: #fff !important; } .esColumn:hover .descriptWrap { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .esColumn .imgHolder { -webkit-transition: all .35s ease; transition: all .35s ease; } .esColumn .imgHolder:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .esColumn .imgHolder:after { content: ""; position: absolute; top: 0; right: 0; bottom: 100%; left: 0; } .esColumn .imgHolder:before { background-color: #263787; opacity: .5; border-radius: inherit; z-index: 1; } .esColumn .imgHolder:after { background-color: #fff; -webkit-transition: all .35s ease; transition: all .35s ease; border-radius: inherit; z-index: 1; } .esColumn .icnWrap { font-size: 52px; left: 20px; top: -45px; width: 90px; height: 90px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .slick-active.slick-current .esColumn { opacity: 1; } /*------------------------------------------------------------------ 72: Service Column Caption / .esCaption -------------------------------------------------------------------*/ .esCaption { left: 0; top: 0; border-radius: inherit; bottom: 0; right: 0; z-index: 1; } /*------------------------------------------------------------------ 73: Slick Slider Dots Style 2 / .slickDotsv2 -------------------------------------------------------------------*/ .slickDotsv2 { line-height: 0; } .slickDotsv2 li { padding-left: 7px; padding-right: 7px; } .slickDotsv2 li.slick-active button { opacity: 1; width: 12px; } .slickDotsv2 button { opacity: .2; border: 0; border-radius: 99px; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 0; overflow: hidden; text-indent: -999px; position: relative; width: 6px; height: 6px; } /*------------------------------------------------------------------ 74: Counter Aside Block / .counterAsideBlock -------------------------------------------------------------------*/ .counterAsideBlock { background-position: 50% 50%; } /*------------------------------------------------------------------ 75: Counter Aside Block Counter List / .cabCounterList -------------------------------------------------------------------*/ .cabCounterList { max-width: 260px; } .cabCounterList li { margin-bottom: 30px; padding-left: 10px; padding-right: 10px; width: 50%; } .cabCounterList .textCount { font-size: 30px; line-height: .7142857143; } .cabCounterList .subtitle { padding-top: 3px; } .cabCounterList .cclColumnWrap { font-size: 10px; line-height: 1.3333333333; } /*------------------------------------------------------------------ 76: Counter Aside Block Alternative / .counterAsideBlockAlt -------------------------------------------------------------------*/ .counterAsideBlockAlt { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /*------------------------------------------------------------------ 77: Experience Block / .experienceBlock -------------------------------------------------------------------*/ .experienceBlock { color: #a0abdc; z-index: 1; font-size: 20px; line-height: 1.25; } /*------------------------------------------------------------------ 78: Experience Block Watermark Background / .expWatermark -------------------------------------------------------------------*/ .expWatermark { z-index: -1; line-height: 0; left: 0; top: 0; font-size: 406px; } .expWatermark .icn { right: -246px; bottom: -100px; opacity: .1; } /*------------------------------------------------------------------ 79: Services List / .servicesList -------------------------------------------------------------------*/ .servicesList > li { z-index: 1; position: relative; padding-left: 52px; padding-bottom: 5px; margin-bottom: 13px; } .servicesList > li:before { content: ""; position: absolute; top: 8px; left: 8px; } .servicesList > li:after { content: ""; position: absolute; top: -3px; left: 0; } .servicesList > li:before { border-style: solid; border-width: 0 0 2px 2px; -webkit-transform: rotate(-55deg); -ms-transform: rotate(-55deg); transform: rotate(-55deg); z-index: 1; width: 16px; height: 7px; } .servicesList > li:after { z-index: -1; opacity: .2; border-radius: 100%; width: 32px; height: 32px; } .servicesList.serAlt a, .servicesList.servicesListVII a { color: #62718d; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .servicesList.servicesListVII > li { padding-left: 45px; } .servicesList.servicesListVII > li:after { background-color: transparent; } /*------------------------------------------------------------------ 80: Image Holder Caption / .imgHolderCap -------------------------------------------------------------------*/ .imgHolderCap { left: 0; bottom: -149px; max-width: 556px; } /*------------------------------------------------------------------ 81: Image Holder Caption Pin Wrap / .imhcPinWrap -------------------------------------------------------------------*/ .imhcPinWrap { z-index: 2; left: 50%; top: 50%; pointer-events: auto; } .imhcPinWrap.active .imhcCaption { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 82: Image Holder Caption Pin Wrap Style 1 / .imhcPinWrap1 -------------------------------------------------------------------*/ .imhcPinWrap1 { margin-left: -181px; margin-top: -150px; } /*------------------------------------------------------------------ 83: Image Holder Caption Pin Wrap Style 2 / .imhcPinWrap2 -------------------------------------------------------------------*/ .imhcPinWrap2 { margin-left: 18px; margin-top: -103px; } /*------------------------------------------------------------------ 84: Image Holder Caption Pin Wrap Style 3 / .imhcPinWrap3 -------------------------------------------------------------------*/ .imhcPinWrap3 { margin-top: -8px; margin-left: 137px; } /*------------------------------------------------------------------ 85: Image Holder Caption Pin Opener / .imhcPinOpener -------------------------------------------------------------------*/ .imhcPinOpener { font-size: 30px; line-height: 0; z-index: 1; width: 24px; height: 24px; } .imhcPinOpener:before { content: ""; position: absolute; top: 50%; left: 50%; } .imhcPinOpener:before { opacity: .5; border-radius: inherit; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; width: 42px; height: 42px; } /*------------------------------------------------------------------ 86: Image Caption / .imhcCaption -------------------------------------------------------------------*/ .imhcCaption { width: 211px; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 29px; opacity: 0; visibility: hidden; } .imhcCaption:after { content: ""; position: absolute; bottom: -9px; left: 50%; } .imhcCaption:after { border-style: solid; border-width: 9px 8px 0 8px; border-color: #fff transparent transparent transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; } .imhcCaption h3, .imhcCaption .h3 { font-size: 18px; line-height: 1.2222222222; } /*------------------------------------------------------------------ 87: Price Column / .priceColumn -------------------------------------------------------------------*/ .priceColumn h3, .priceColumn .h3 { font-size: 22px; } .priceColumn h4, .priceColumn .h4 { font-size: 70px; line-height: .7142857143; } .priceColumn .subtitle { font-size: 16px; color: #62718d; } .priceColumn sup { font-size: .35em; } .priceColumn .supBefore { top: -1.25em; left: -5px; } .priceColumn .supAfter { top: -1.45em; left: 7px; } .priceColumn .btn { left: 0; right: 0; bottom: 50px; max-width: calc(100% - 60px); } .priceColumn[data-featured-tag]:before { content: ""; position: absolute; top: 0; left: 50%; } .priceColumn[data-featured-tag]:before { content: attr(data-featured-tag); font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 100px; padding: 7px 4px 5px; text-align: center; text-transform: capitalize; border-radius: 0 0 10px 10px; background-color: rgba(255, 136, 172, .5); font-size: 16px; line-height: 1; } /*------------------------------------------------------------------ 88: Default List Style / .listDefaultStyles -------------------------------------------------------------------*/ .listDefaultStyles { font-size: 17px; } .listDefaultStyles > li { position: relative; padding-left: 30px; margin-bottom: 8px; } .listDefaultStyles > li:before { content: ""; position: absolute; top: 0; left: 0; } .listDefaultStyles > li:before { content: ""; font-size: 20px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .listDefaultStyles a { color: #62718d; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 89: Price Column Features List / .pcFeaturesList -------------------------------------------------------------------*/ .pcFeaturesList { font-size: 16px; } .pcFeaturesList > li { position: relative; padding-left: 30px; margin-bottom: 8px; } .pcFeaturesList > li:before { content: ""; position: absolute; top: 0; left: 0; } .pcFeaturesList > li:before { content: "\e974"; color: #39b972; font-size: 20px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pcFeaturesList.pcfAlt { font-size: 17px; } .pcFeaturesList.pcfAlt a { color: #62718d; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 90: Number List / .numberList -------------------------------------------------------------------*/ .numberList { counter-reset: item; } .numberList > li { padding-left: 19px; } .numberList > li:before { top: -1px; counter-increment: item; content: counters(item, ".", decimal) "."; } /*------------------------------------------------------------------ 91: Callout Aside Block Holder / .cabHolder -------------------------------------------------------------------*/ .cabHolder { color: #a0abdc; font-size: 20px; line-height: 1.2; z-index: 1; } .cabHolder .icn { position: absolute; font-size: 68px; left: 30px; top: 68px; } .cabHolder p a { color: inherit; } .cabHolder p a:hover { color: #fff; } .bgPatternv2, .bgPatternv3 { opacity: .15; } /*------------------------------------------------------------------ 92: Background Pattern Style 2 / .bgPatternv2 -------------------------------------------------------------------*/ .bgPatternv2 { left: -276px; bottom: -151px; max-width: 515px; } /*------------------------------------------------------------------ 93: Background Pattern Style 3 / .bgPatternv3 -------------------------------------------------------------------*/ .bgPatternv3 { top: 50%; margin-top: -80px; right: -81px; z-index: -1; } /*------------------------------------------------------------------ 94: Location Area Holder Wrap / .pcColumnsWrap -------------------------------------------------------------------*/ .pcColumnsWrap { counter-reset: item; } .pcColumnsWrap .col + .col:before { content: ""; position: absolute; top: 0; left: 0; } /*------------------------------------------------------------------ 95: Proccess Column / .processColumn -------------------------------------------------------------------*/ .processColumn { line-height: 1.4117647059; } .processColumn .pcCountSpan { width: 70px; height: 70px; } .processColumn .pcCountSpan:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .processColumn .pcCountSpan:before { background-color: rgba(45, 183, 255, .6); border-radius: inherit; counter-increment: item; content: counters(item, ".", decimal) " "; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 30px; width: 50px; height: 50px; } .processColumn .pcCountSpan:after { opacity: .3; border-style: solid; border-width: 10px; border-radius: inherit; } .processColumn .imgHolder { top: 0; right: -75px; } /*------------------------------------------------------------------ 96: Logos/Sponsors Slider / .logosSlider -------------------------------------------------------------------*/ .logosSlider .logoWrap { opacity: .5; -webkit-transition: opacity .35s ease; transition: opacity .35s ease; } .logosSlider .logoWrap:hover { opacity: 1; } .logosSlider img { display: inline-block; } /*------------------------------------------------------------------ 97: Locations Slider / .arddColumnSlider -------------------------------------------------------------------*/ .arddColumnSlider .slick-list { padding-top: 30px; padding-bottom: 30px; } .arddColumnSlider .slick-arrow { left: -264px; top: auto; bottom: 90px; -webkit-transform: none; -ms-transform: none; transform: none; border: 1px solid #e5e5e5; } .arddColumnSlider .slick-arrow.slickPrev { left: -324px; } /*------------------------------------------------------------------ 98: Locations Aside Block / .cctBlock -------------------------------------------------------------------*/ .cctBlock .imgBg { top: 0; left: 0; background-size: contain; } .cctBlock .container { z-index: 2; position: relative; } /*------------------------------------------------------------------ 99: Slick Slider Arrows Style 2 / .ssArrowVii -------------------------------------------------------------------*/ .ssArrowVii { color: #888; font-size: 14px; background-color: #fff; border: 2px solid #fff; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; width: 35px; height: 35px; } .ssArrowVii:hover { color: #fff; } .ssArrowVii.slickPrev { left: 15px; } .ssArrowVii.slickNext { right: 15px; } /*------------------------------------------------------------------ 100: Contact Information List / .contactInfoList -------------------------------------------------------------------*/ .contactInfoList { line-height: 1.25; } .contactInfoList li { position: relative; padding-left: 28px; margin-bottom: 14px; } .contactInfoList .icn { width: 18px; font-size: 16px; left: 0; top: 2px; color: #62718d; } /*------------------------------------------------------------------ 101: Location Column / .getDirColumn -------------------------------------------------------------------*/ .getDirColumn { max-width: 290px; margin-left: auto; margin-right: auto; } .getDirColumn .gdcHolder { box-shadow: 0 4px 11px rgba(6, 22, 58, .07); border-radius: 10px; } .getDirColumn .ardBadge { color: #fff; font-size: 18px; line-height: 18px; padding: 9px 13px 9px 17px; border-radius: 50px; display: inline-block; } .getDirColumn .ardBadge .icn { font-size: 15px; line-height: 15px; } .getDirColumn .contactInfoList li { margin-bottom: 8px; } .getDirColumn .contactInfoList li:last-child { margin-bottom: 0; } .getDirColumn .btnLink { font-size: 16px; color: #263787; border: 0; min-width: unset; padding: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .getDirColumn .btnLink:hover .icn { margin-left: 5px; } .getDirColumn .btnLink:before { content: none; } .getDirColumn .btnLink .icn { font-size: 12px; margin-left: 3px; -webkit-transition: inherit; transition: inherit; } /*------------------------------------------------------------------ 102: Client Testimonial Quote / .clientQuote -------------------------------------------------------------------*/ .clientQuote q { font-size: 24px; quotes: none; position: relative; font-weight: 300; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, visibility .5s ease, transform .5s ease; transition: opacity .5s ease, visibility .5s ease, transform .5s ease, -webkit-transform .5s ease; } .clientQuote q:before { content: ""; position: absolute; top: 0; left: 0; } .clientQuote q:before { content: "\e900"; font-size: 46px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .clientQuote .eWrap { font-size: 18px; line-height: 1.3333333333; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, visibility .5s ease, transform .5s ease; transition: opacity .5s ease, visibility .5s ease, transform .5s ease, -webkit-transform .5s ease; } .clientQuote cite { font-style: normal; } .clientQuote .subtitle { font-size: 17px; line-height: 1.0588235294; color: #62718d; } .slick-current.slick-active .clientQuote q, .slick-current.slick-active .clientQuote .profilePicWrap, .slick-current.slick-active .clientQuote .eWrap { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .slick-current.slick-active .clientQuote .profilePicWrap { -webkit-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); } /*------------------------------------------------------------------ 103: Client Testimonial Quotes Slider / .quotesSlider -------------------------------------------------------------------*/ .quotesSlider { position: relative; z-index: 2; } .testimonialsBlock .header, .contactSectionBlock .header { position: relative; z-index: 2; } .testimonialsBlock .imgBg, .contactSectionBlock .imgBg { top: 0; left: 0; } .testimonialsBlock .imgBg:before, .contactSectionBlock .imgBg:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .testimonialsBlock .imgBg:before, .contactSectionBlock .imgBg:before { opacity: .03; } .testimonialsBlock .container, .contactSectionBlock .container { z-index: 2; position: relative; } /*------------------------------------------------------------------ 104: Client Testimonial Quote Profile Pic / .profilePicWrap -------------------------------------------------------------------*/ .profilePicWrap { top: 0; left: 50%; -webkit-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); width: 125px; height: 125px; } /*------------------------------------------------------------------ 105: Page Footer Area Wrap / .ftAreaWrap -------------------------------------------------------------------*/ .ftAreaWrap { color: #a0abdc; } /*------------------------------------------------------------------ 106: Page Footer Connect Aside Block / .ftConnectAside -------------------------------------------------------------------*/ .ftConnectAside { color: #a0abdc; background-color: #2d3e8e; } /*------------------------------------------------------------------ 107: Page Footer Connect Navigation / .ftcaNav -------------------------------------------------------------------*/ .ftcaNav { font-size: 17px; } .ftcaNav li { margin: 0 14px 5px; } .ftcaNav li.active > a { color: #fff; } .ftcaNav a { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; color: inherit; } .ftcaNav a:hover { color: #fff; } /*------------------------------------------------------------------ 108: Contact Connect Wrap / .ctConnectWrap -------------------------------------------------------------------*/ .ctConnectWrap .title { font-size: 18px; } /*------------------------------------------------------------------ 109: Page Footer Social Networks List / .ftSocialNetworks -------------------------------------------------------------------*/ .ftSocialNetworks li { margin-bottom: 5px; margin-left: 5px; } .ftSocialNetworks a { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; background-color: #fff; border-radius: 100%; width: 36px; height: 36px; color: #2d3e8e; } /*------------------------------------------------------------------ 110: Page Main Footer / #pageFooter -------------------------------------------------------------------*/ #pageFooter { border-top: 1px solid rgba(255, 255, 255, .1); font-size: 16px; line-height: 1.25; } #pageFooter a { color: inherit; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } #pageFooter a:hover { color: #fff; } .footerAside, #pageFooter { position: relative; z-index: 2; } .footerAside a, #pageFooter a { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 111: Page Footer Aside Inner Wrap / .footerAsideInnerWrap -------------------------------------------------------------------*/ .footerAsideInnerWrap { background-color: #2d3e8e; } .footerAsideInnerWrap .bgImg { opacity: .07; z-index: 1; } /*------------------------------------------------------------------ 112: Request Call Aside Block / .requestCallAside -------------------------------------------------------------------*/ .requestCallAside { color: #a0abdc; } .requestCallAside .container { position: relative; z-index: 1; } .requestCallAside .bgImg { z-index: 0; } .requestCallAside .formWrap { max-width: 518px; margin-right: 0; margin-left: auto; background-color: #fff; border-radius: 10px; box-shadow: 0 10px 40px rgba(6, 22, 58, .1); padding: 50px 15px; margin-bottom: -120px; z-index: 2; position: relative; } .requestCallAside.requestCallAside .formWrap { max-width: unset; margin-bottom: 0; } .requestCallAside.requestCallAside .imgWrap { width: 680px; bottom: 0; margin-left: -150px; } /*------------------------------------------------------------------ 113: Request Call Aside Time List / .rcaTimeList -------------------------------------------------------------------*/ .rcaTimeList li + li { margin-top: 35px; } .rcaTimeList .icn { font-size: 40px; } /*------------------------------------------------------------------ 114: Request Call Aside Form / .requstAcallForm -------------------------------------------------------------------*/ .requstAcallForm .form-group { margin-bottom: 32px; } .requstAcallForm .fLabel { font-size: 18px; font-weight: 300; } .requstAcallForm button[type="submit"]:before, .requstAcallForm button[type="submit"] .btnText { padding-top: .969rem; padding-bottom: .969rem; } /*------------------------------------------------------------------ 115: Custom Form Select Wrap / .coolSelectWrapper -------------------------------------------------------------------*/ .coolSelectWrapper { width: 100%; position: relative; } .coolSelectWrapper:before { content: ""; position: absolute; top: 50%; right: 25px; } .coolSelectWrapper:before { color: #888; content: "\f078"; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: .73em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .coolSelectWrapper .coolSelect { -moz-appearance: none; -webkit-appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none; margin: 0; display: none; } input[type=number] { -moz-appearance: textfield; } /*------------------------------------------------------------------ 116: Subscription Form / .subscritionForm -------------------------------------------------------------------*/ .subscritionForm .inputWrap { position: relative; } .subscritionForm .inputWrap .form-control { background: transparent; border-width: 0 0 2px; border-radius: 0; border-color: #9aa2c9; padding: 0 43px 0 1px; color: #fff; height: 57px; -webkit-transition: all .35s ease; transition: all .35s ease; } .subscritionForm .inputWrap .form-control::-webkit-input-placeholder { color: #a0abdc; font-size: 18px; } .subscritionForm .inputWrap .form-control::-moz-placeholder { opacity: 1; color: #a0abdc; font-size: 18px; } .subscritionForm .inputWrap .form-control:-moz-placeholder { color: #a0abdc; font-size: 18px; } .subscritionForm .inputWrap .form-control:-ms-input-placeholder { color: #a0abdc; font-size: 18px; } .subscritionForm .inputWrap .form-control.placeholder { color: #a0abdc; font-size: 18px; } .subscritionForm .inputWrap .form-control:focus, .subscritionForm .inputWrap .form-control:focus-visible { border-color: #fff; outline: none; } .subscritionForm .inputWrap .btnSubmit { position: absolute; bottom: 12px; right: 0; border-width: 1px; border-style: solid; color: #fff; border-radius: 50%; font-size: 20px; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .subscritionForm .inputWrap .btnSubmit:hover { background-color: #00a4f9 !important; } /*------------------------------------------------------------------ 117: Photos Gallery Block / .photoGalleryBlock -------------------------------------------------------------------*/ .photoGalleryBlock:before { content: ""; position: absolute; top: 0; right: 0; left: 0; } .photoGalleryBlock:before { width: 100%; height: 340px; } /*------------------------------------------------------------------ 118: Gallery Photo Column / .gPhoColumn -------------------------------------------------------------------*/ .gPhoColumn { border-radius: 12px; } .gPhoColumn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gPhoColumn .h5 { color: #fff !important; } .gPhoColumn:before { opacity: 0; visibility: hidden; -webkit-transition: all .65s ease; transition: all .65s ease; background-color: rgba(38, 55, 136, .5); } .gPhoColumn .pgLinkAlt .pgLinkGo { border-width: 2px; color: #fff; background-color: transparent !important; } .gPhoColumn .pgLinkAlt:hover .pgLinkGo { background-color: #fff !important; } .gPhoColumn:hover:before { opacity: 1; visibility: visible; } .gPhoColumn:hover .pgLink, .gPhoColumn:hover .h5 { opacity: 1; visibility: visible; } .gPhoColumn:hover .h5 { top: 20px; } .gPhoColumn:hover .pgLink { bottom: 20px; } .gPhoColumn .pgLink, .gPhoColumn .h5 { position: absolute; left: 20px; right: 25px; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all .35s ease; transition: all .35s ease; } .gPhoColumn .h5 { top: 15px; } .gPhoColumn .h5 .pgCategory { font-size: 16px; margin-top: 8px; } .gPhoColumn .pgLink { bottom: 15px; } /*------------------------------------------------------------------ 119: Page Link Go Button / .pgLinkGo -------------------------------------------------------------------*/ .pgLinkGo { font-size: 12px; -webkit-transition: all .35s ease; transition: all .35s ease; overflow: hidden; background-color: #fff; border: 1px solid #fff; width: 35px; height: 35px; } .pgLinkGo:hover { padding-left: 6px; } /*------------------------------------------------------------------ 120: Filters List / .filterList -------------------------------------------------------------------*/ .filterList li { margin-right: 15px; margin-bottom: 15px; } .filterList li:last-child { margin-right: 0; } .filterList li.active a:before { width: 100%; opacity: 1; visibility: visible; } .filterList a { position: relative; color: #fff; } .filterList a:before { position: absolute; content: ""; left: 50%; right: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -3px; height: 2px; width: 0; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .35s ease; transition: all .35s ease; } .filterList a:hover:before { width: 100%; opacity: 1; visibility: visible; } .galleryPhotoSlider .slick-list, .ourGallerySlider .slick-list { overflow: visible; } .galleryPhotoSlider .ssArrowVii, .ourGallerySlider .ssArrowVii { background-color: transparent; color: #fff; font-size: 18px; position: absolute; top: -114px; right: 0; } .galleryPhotoSlider .ssArrowVii:hover, .ourGallerySlider .ssArrowVii:hover { background-color: #fff !important; } .galleryPhotoSlider .ssArrowVii.slickPrev, .ourGallerySlider .ssArrowVii.slickPrev { right: 59px; left: auto; } .hide { display: none; } /*------------------------------------------------------------------ 121: Gallery Photos Slider / .galleryPhotoSlider -------------------------------------------------------------------*/ .galleryPhotoSlider .ssArrowVii { top: -43px; right: auto; } .galleryPhotoSlider .ssArrowVii.slickPrev { left: 18px; } .galleryPhotoSlider .ssArrowVii.slickNext { left: 63px; } .galleryPhotoSlider .gPhoColumn img { border-radius: inherit; } /*------------------------------------------------------------------ 122: Our Gallery Slider / .ourGallerySlider -------------------------------------------------------------------*/ .ourGallerySlider .slick-arrow { left: calc(50% + 25px); top: auto; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; color: #fff; border: 2px solid #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ourGallerySlider .slick-arrow.slickPrev { left: calc(50% - 25px); } .ourGallerySlider .gPhoColumn { max-width: 380px; margin-left: auto; margin-right: auto; } /*------------------------------------------------------------------ 123: Drop Caption / .dropCap -------------------------------------------------------------------*/ .dropCap { font-size: 30px; width: 40px; height: 40px; } /*------------------------------------------------------------------ 124: Feedback Slide Quote / .feedbackSlide -------------------------------------------------------------------*/ .feedbackSlide { font-size: 24px; } .feedbackSlide:before { content: ""; position: absolute; top: 7px; left: 0; } .feedbackSlide:before { content: "\e97a"; font-size: 34px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .feedbackSlide cite { font-size: 18px; font-style: normal; color: #62718d; } /*------------------------------------------------------------------ 125: Feedback Features List / .fabFeaturesList -------------------------------------------------------------------*/ .fabFeaturesList > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; min-width: 50%; position: relative; } .fabFeaturesList li + li .featureColumn:before { content: ""; position: absolute; top: 50%; left: 0; } .fabFeaturesList li + li .featureColumn:before { background-color: #e5e5e5; width: 1px; height: 150px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fabFeaturesList li:last-child:after { content: ""; position: absolute; top: 0; right: 0; } .fabFeaturesList li:last-child:after { background-color: #e5e5e5; width: 1px; height: 150px; } /*------------------------------------------------------------------ 126: Feature Column / .featureColumn -------------------------------------------------------------------*/ .featureColumn { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .featureColumn .h6 { position: relative; font-size: 18px; } .featureColumn .h6 a { color: inherit; } .featureColumn .icnWrap { height: 60px; font-size: 60px; } /*------------------------------------------------------------------ 127: Feature Column Classic / .ftColumnClassic -------------------------------------------------------------------*/ .ftColumnClassic { -webkit-transition: box-shadow .35s ease; transition: box-shadow .35s ease; border-radius: 10px; } .ftColumnClassic:hover { box-shadow: 0 10px 40px rgba(0, 0, 0, .1); } .ftColumnClassic .h5 a { color: inherit; } .ftColumnClassic .icnWrap { height: 50px; font-size: 50px; width: 82px; height: 82px; background-color: rgba(45, 183, 255, .3); } /*------------------------------------------------------------------ 128: Feature Column Grid / .ftColumnGrid -------------------------------------------------------------------*/ .ftColumnGrid .h5 a { color: inherit; } .ftColumnGrid .icnWrap { height: 50px; font-size: 50px; width: 82px; height: 82px; background-color: rgba(45, 183, 255, .3); } .ftColumnGrid .dscrWrap p { margin-bottom: 0; } /*------------------------------------------------------------------ 129: Progress Top Wrap / .prgTopWrap -------------------------------------------------------------------*/ .prgTopWrap { margin-left: -5px; margin-right: -5px; } .prgTopWrap .wrap { width: 50%; padding-left: 5px; padding-right: 5px; } /*------------------------------------------------------------------ 130: Progress Wrap / .progresWrap -------------------------------------------------------------------*/ .progresWrap .progressBar { height: 5px; } /*------------------------------------------------------------------ 131: Skills Rank List / .skillsRankList -------------------------------------------------------------------*/ .skillsRankList > li { margin-bottom: 27px; } /*------------------------------------------------------------------ 132: Progress Bar / .progressBar -------------------------------------------------------------------*/ .progressBar { width: 100%; height: 4px; background-color: #e5e5e9; } .progressBar .percentageProgBar { height: inherit; display: block; position: relative; } .progressBar .percentageProgBar .bar { height: inherit; display: inline-block; } .progressBar .percentageProgBar .over { position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: all .75s linear; transition: all .75s linear; } .progressBar .pbCountNumber { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; color: #fff; width: 48px; height: 24px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonialSlider .slick-list, .testimonialSliderVI .slick-list { padding-top: 20px; padding-bottom: 20px; } /*------------------------------------------------------------------ 133: Testimonials Slider Style 1 / .testimonialSliderVI -------------------------------------------------------------------*/ .testimonialSliderVI .ssArrowVii { background-color: transparent; border-color: rgba(98, 113, 141, .4); color: rgba(98, 113, 141, .6); } .testimonialSliderVI .ssArrowVii:hover { color: #fff; } .testimonialSliderVI .slickPrev, .testimonialSliderVI .slickNext { opacity: 0; visibility: hidden; } /*------------------------------------------------------------------ 134: Client Feedback Quote / .clientFeedback -------------------------------------------------------------------*/ .clientFeedback { max-width: 320px; margin-left: auto; margin-right: auto; } .clientFeedback.shadowLg { box-shadow: 0 2px 16px rgba(6, 22, 58, .1); } .clientFeedback .cImgWrap { width: 62px; height: 62px; overflow: hidden; } .clientFeedback .cImgWrap img { width: 100%; } /*------------------------------------------------------------------ 135: Client Feedback Quote Style 2 / .clientQuoteii -------------------------------------------------------------------*/ .clientQuoteii { position: relative; } .clientQuoteii:after { position: absolute; content: "\e900"; font-family: "icomoon" !important; right: 0; bottom: 13px; font-size: 24px; z-index: 0; } .clientQuoteii cite { font-size: 15px; font-style: normal; } .clientQuoteii cite .h5 { font-size: 18px; } /*------------------------------------------------------------------ 136: Accordion Row / .ctaccRow -------------------------------------------------------------------*/ .ctaccRow { border: 1px solid #e8e8e8; border-radius: .25rem; } /*------------------------------------------------------------------ 137: Accordion Opener / .ctaccOpener -------------------------------------------------------------------*/ .ctaccOpener > a { padding: 17px 25px; display: block; font-size: 18px; line-height: 1.3333333333; font-weight: 500; position: relative; } .ctaccOpener > a:after { content: ""; position: absolute; top: 50%; right: 15px; } .ctaccOpener > a:after { border: solid #62718d; border-width: 0 0 1.5px 1.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; height: 7px; margin-top: -4px; } /*------------------------------------------------------------------ 138: FAQs Accordion / .faqAccordion -------------------------------------------------------------------*/ .faqAccordion .ctaccRow { box-shadow: 0 10px 40px rgba(6, 22, 58, .1); background-color: #fff; border: 1px solid transparent; } .faqAccordion .ctaccOpener > a { font-size: 18px; line-height: 1.3333333333; padding: 17px 25px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .faqAccordion .ctaccOpener > a:after { -webkit-transition: -webkit-transform .35s linear; transition: -webkit-transform .35s linear; transition: transform .35s linear; transition: transform .35s linear, -webkit-transform .35s linear; } .faqAccordion .ctaccOpener a[aria-expanded="true"]:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .faqAccordion .ctaccOpener a[aria-expanded="true"], .faqAccordion .ctaccOpener a:hover { color: #263788 !important; } .dcsTabContent { border: 1px solid #e8e8e8; } /*------------------------------------------------------------------ 139: Tabset List / .dcsTabset -------------------------------------------------------------------*/ .dcsTabset, .dcsTabset.nav-tabs { margin-bottom: -1px; } .dcsTabset .nav-link, .dcsTabset.nav-tabs .nav-link { font-size: 15px; padding: 10px 15px; line-height: 1.3; border-color: transparent; border-radius: 0; color: #263787; position: relative; } .dcsTabset .nav-link:after, .dcsTabset.nav-tabs .nav-link:after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; } .dcsTabset .nav-link:before, .dcsTabset.nav-tabs .nav-link:before { content: ""; position: absolute; top: 0; right: 0; left: 0; } .dcsTabset .nav-link.active, .dcsTabset.nav-tabs .nav-link.active { border-color: #e8e8e8; } .dcsTabset .nav-link.active:after, .dcsTabset .nav-link.active:before, .dcsTabset.nav-tabs .nav-link.active:after, .dcsTabset.nav-tabs .nav-link.active:before { opacity: 1; visibility: visible; } .dcsTabset .nav-link:hover:before, .dcsTabset.nav-tabs .nav-link:hover:before { opacity: 1; visibility: visible; } .dcsTabset .nav-link:after, .dcsTabset.nav-tabs .nav-link:after { border-bottom: 1px solid #fff; } .dcsTabset .nav-link:before, .dcsTabset.nav-tabs .nav-link:before { border-style: solid; border-width: 2px 0 0; } .dcsTabset .nav-link:before, .dcsTabset .nav-link:after, .dcsTabset.nav-tabs .nav-link:before, .dcsTabset.nav-tabs .nav-link:after { opacity: 0; visibility: hidden; } /*------------------------------------------------------------------ 140: Tabset List Style 2 / .dcsTabsetVII -------------------------------------------------------------------*/ .dcsTabsetVII li + li { margin-left: 38px; } .dcsTabsetVII, .dcsTabsetVII.nav-tabs { margin-bottom: -1px; } .dcsTabsetVII .nav-link, .dcsTabsetVII.nav-tabs .nav-link { padding-left: 0; padding-right: 0; } .dcsTabsetVII .nav-link.active, .dcsTabsetVII.nav-tabs .nav-link.active { border: 0; } .dcsTabsetVII .nav-link:hover:after, .dcsTabsetVII.nav-tabs .nav-link:hover:after { opacity: 1; visibility: visible; } .dcsTabsetVII .nav-link:before, .dcsTabsetVII.nav-tabs .nav-link:before { border: 0; } .dcsTabsetVII .nav-link:after, .dcsTabsetVII.nav-tabs .nav-link:after { border-style: solid; border-width: 2px 0 0; } /*------------------------------------------------------------------ 141: Default Table / .tableDefault -------------------------------------------------------------------*/ .tableDefault { min-width: 768px; font-size: 17px; color: #62718d; } .tableDefault th { font-size: 24px; color: #fff; border-bottom: 0 !important; } .tableDefault td { border-top: 0; } .tableDefault th, .tableDefault td { padding-left: 25px; } .tableDefault tbody tr:nth-child(even) td { background-color: #ecedf5; } /*------------------------------------------------------------------ 142: Message Box / .messageBox -------------------------------------------------------------------*/ .messageBox .icnWrap { width: 50px; height: 50px; font-size: 30px; } .messageBox .icnClose { position: absolute; right: 20px; top: 50%; color: #62718d; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .35s ease; transition: all .35s ease; } .messageBox .icnClose:hover { color: #000; font-size: 18px; } .messageBox.successMessage .icnWrap { background-color: rgba(45, 183, 255, .4); } .messageBox.errorMessage .icnWrap { background-color: rgba(245, 89, 47, .4); } .messageBox.warningMessage .icnWrap { background-color: rgba(249, 175, 59, .4); } .messageBox.importantMessage .icnWrap { background-color: rgba(75, 212, 139, .4); } /*------------------------------------------------------------------ 143: Button Box / .btnBox -------------------------------------------------------------------*/ .btnBox ul li + li { margin-top: 25px; } /*------------------------------------------------------------------ 144: Contact Form / .contactForm -------------------------------------------------------------------*/ .contactForm .colFormLabel { font-size: 18px; line-height: 18px; } .contactForm .form-group { margin-bottom: 28px; } .contactForm .form-control { height: 50px; } .contactForm textarea.form-control { height: 160px; resize: none; border-radius: 25px; } /*------------------------------------------------------------------ 145: Contact Form Wrap / .ctFormWrap -------------------------------------------------------------------*/ .ctFormWrap .contactForm .form-control { color: #000; } .ctFormWrap .contactForm .form-control::-webkit-input-placeholder { color: #263788; font-size: 18px; font-weight: 400; } .ctFormWrap .contactForm .form-control::-moz-placeholder { opacity: 1; color: #263788; font-size: 18px; font-weight: 400; } .ctFormWrap .contactForm .form-control:-moz-placeholder { color: #263788; font-size: 18px; font-weight: 400; } .ctFormWrap .contactForm .form-control:-ms-input-placeholder { color: #263788; font-size: 18px; font-weight: 400; } .ctFormWrap .contactForm .form-control.placeholder { color: #263788; font-size: 18px; font-weight: 400; } .ctFormWrap .contactForm .btnThemeAlt { min-width: 200px; } /*------------------------------------------------------------------ 146: Services List View / .serviceListView -------------------------------------------------------------------*/ .serviceListView > li { max-width: 350px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } /*------------------------------------------------------------------ 147: Services view Box / .serviceViewBox -------------------------------------------------------------------*/ .serviceViewBox { padding: 30px 50px 50px; box-shadow: 0 10px 50px rgba(0, 0, 0, .1); width: 100%; } .serviceViewBox .icn { height: 76px; font-size: 76px; } .serviceViewBox .h6 { min-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .serviceViewBox .h6 a { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 148: Pie Chart Wrapper / .pieWrapper -------------------------------------------------------------------*/ .pieWrapper { max-width: 221px; width: 100%; height: 221px; position: relative; margin-left: auto; margin-right: auto; } .pieWrapper .label { color: #263787; cursor: default; font-size: 50px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 300; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; border-radius: 50%; } .pieWrapper .pie { height: 100%; width: 100%; clip: rect(0, 221px, 221px, 0); left: 0; position: absolute; top: 0; } .pieWrapper .left-side { -webkit-transform: rotate(162deg); -ms-transform: rotate(162deg); transform: rotate(162deg); } .pieWrapper .half-circle { height: 100%; width: 100%; border-width: 8px; border-style: solid; border-radius: 50%; clip: rect(0, 186px, 221px, 0); position: absolute; left: 0; top: 0; } .pieWrapper .right-side { display: none; } .pieWrapper .shadow { height: 100%; width: 100%; border: 8px solid #eee; border-radius: 50%; box-shadow: none !important; } .pieWrapper .pieAnaTitle { font-size: 18px; } /*------------------------------------------------------------------ 149: Page Not Found Style / .page_404 -------------------------------------------------------------------*/ .page_404 .header-404 { font-size: 130px; line-height: 130px; font-weight: 400; color: #a3b0c7; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .page_404 .header-404 .icn { font-size: 100px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*------------------------------------------------------------------ 150: My Tabset Style / #myTab -------------------------------------------------------------------*/ #myTab { border-bottom: 0; } #myTab .nav-item { margin-right: 25px; } #myTab .nav-item:last-child { margin-right: 0; } #myTab .tablink { font-size: 24px; color: #263787; position: relative; border: 0; padding: 0; font-weight: 500; } #myTab .tablink:before { position: absolute; content: ""; bottom: -3px; left: 0; height: 2px; width: 0; padding: 0; opacity: 0; -webkit-transition: all .35s ease; transition: all .35s ease; } #myTab .tablink.active:before, #myTab .tablink:hover:before { opacity: 1; width: 100%; } /*------------------------------------------------------------------ 151: Login Tabset Contetn / #loginTabContent -------------------------------------------------------------------*/ #loginTabContent .form-group { margin-bottom: 20px; } #loginTabContent label { margin-bottom: 12px; } #loginTabContent .txtLink { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } #loginTabContent .txtLink:hover { color: #263787 !important; } /*------------------------------------------------------------------ 152: Fake Input / .fakeInput -------------------------------------------------------------------*/ .fakeInput { position: fixed; left: 0; top: 0; opacity: 0; visibility: hidden; clip: rect(0, 0, 0, 0); overflow: hidden; } /*------------------------------------------------------------------ 153: Custom Form Checkbox / .customCheckboxLabel -------------------------------------------------------------------*/ .customCheckboxLabel .cuFakeLabel { font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; position: relative; padding-left: 25px; line-height: 21px; color: #62718d; cursor: pointer; } .customCheckboxLabel .cuFakeLabel:before, .customCheckboxLabel .cuFakeLabel:after { position: absolute; content: ""; } .customCheckboxLabel .cuFakeLabel:before { width: 15px; height: 15px; left: 2px; top: 3px; border: 1px solid #aaa; background-color: transparent; box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); -webkit-transition: box-shadow .35s ease; transition: box-shadow .35s ease; } .customCheckboxLabel .cuFakeLabel:after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; background-color: transparent; width: auto; height: auto; color: #222; font-size: 16px; left: 5px; top: -1px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: transform .1s ease, -webkit-transform .1s; } .customCheckboxLabel .fakeInput:checked + .cuFakeLabel:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------------ 154: Custom Form Radio / .customRadioBtnLabel -------------------------------------------------------------------*/ .customRadioBtnLabel .fakeInput { position: fixed; left: 0; top: 0; opacity: 0; visibility: hidden; clip: rect(0, 0, 0, 0); overflow: hidden; } .customRadioBtnLabel .cuFakeLabel { position: relative; padding-left: 30px; line-height: 21px; color: #62718d; cursor: pointer; } .customRadioBtnLabel .cuFakeLabel:before, .customRadioBtnLabel .cuFakeLabel:after { position: absolute; content: ""; } .customRadioBtnLabel .cuFakeLabel:before { left: 0; top: 3px; width: 14px; height: 14px; border: 1px solid #aaa; border-radius: 50%; background-color: transparent; box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); -webkit-transition: box-shadow .35s ease; transition: box-shadow .35s ease; } .customRadioBtnLabel .cuFakeLabel:after { width: 8px; height: 8px; background-color: #263787; border-radius: 50%; top: 6px; left: 3px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: transform .1s ease, -webkit-transform .1s; } .customRadioBtnLabel .fakeInput:checked + .cuFakeLabel:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------------ 155: Checkout Alert Popup / .checkoutAlert -------------------------------------------------------------------*/ .checkoutAlert { color: #62718d; background-color: #ecedf5; margin-bottom: 25px; padding-top: 1rem; padding-bottom: 1rem; border-radius: 10px; font-weight: 400; } /*------------------------------------------------------------------ 156: Alert Popup Button / .alertPopBtn -------------------------------------------------------------------*/ .alertPopBtn { border: 0; background-color: transparent; padding: 0; color: #263787; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .alertPopBtn:hover { text-decoration: underline; } .alertPopBtn:focus { outline: 0; } /*------------------------------------------------------------------ 157: Alert Popup Collapse / .alertCollapseWrap -------------------------------------------------------------------*/ .alertCollapseWrap { margin-bottom: 30px; background-color: #fff; padding: 30px 15px; border: 1px solid #e5e5e5; font-size: 15px; } .alertCollapseWrap .form-control { height: 45px; } .alertCollapseWrap .form-control::-webkit-input-placeholder { color: #62718d; font-size: 15px; } .alertCollapseWrap .form-control::-moz-placeholder { opacity: 1; color: #62718d; font-size: 15px; } .alertCollapseWrap .form-control:-moz-placeholder { color: #62718d; font-size: 15px; } .alertCollapseWrap .form-control:-ms-input-placeholder { color: #62718d; font-size: 15px; } .alertCollapseWrap .form-control.placeholder { color: #62718d; font-size: 15px; } .alertCollapseWrap .alertPopForm label { font-size: 17px; } .alertCollapseWrap .alertPopForm .btnGary { min-width: 90px; } .alertCollapseWrap .alertPopForm .customCheckboxLabel { vertical-align: middle; } .alertCollapseWrap .alertPopForm .txtLink { font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; font-size: 17px; color: #202b5d; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 158: Login Alert Popup / #loginAlertPopup -------------------------------------------------------------------*/ #loginAlertPopup .btnThemeAlt { min-width: 90px; font-size: 16px; } #loginAlertPopup .btnThemeAlt:before, #loginAlertPopup .btnThemeAlt .btnText { padding: .532rem 0; } /*------------------------------------------------------------------ 159: Coupon Alert Popup / #couponAlertPopup -------------------------------------------------------------------*/ #couponAlertPopup .btnThemeAlt { min-width: 150px; font-size: 16px; } #couponAlertPopup .btnThemeAlt:before, #couponAlertPopup .btnThemeAlt .btnText { padding: .532rem 0; } /*------------------------------------------------------------------ 160: Billing Details Wrap / .bilingDetailsWrap -------------------------------------------------------------------*/ .bilingDetailsWrap .formCol { width: 100%; padding-left: 5px; padding-right: 5px; } .bilingDetailsWrap .fLabel { font-weight: 400; margin-bottom: 5px; font-size: 18px; } .bilingDetailsWrap .form-group .form-control::-webkit-input-placeholder { color: #919baf; font-size: 15px; } .bilingDetailsWrap .form-group .form-control::-moz-placeholder { opacity: 1; color: #919baf; font-size: 15px; } .bilingDetailsWrap .form-group .form-control:-moz-placeholder { color: #919baf; font-size: 15px; } .bilingDetailsWrap .form-group .form-control:-ms-input-placeholder { color: #919baf; font-size: 15px; } .bilingDetailsWrap .form-group .form-control.placeholder { color: #919baf; font-size: 15px; } .bilingDetailsWrap .form-group .form-control + .form-control { margin-top: 10px; } .bilingDetailsWrap .form-control { height: 45px; padding-top: 0; padding-bottom: 0; } .bilingDetailsWrap .coolSelect { font-size: 15px; color: #919baf; } .bilingDetailsWrap label.h2vii { font-weight: 500; color: #263787; line-height: 1.2222222222; } .bilingDetailsWrap label.h2vii:before { top: 8px !important; width: 20px; height: 20px; } .bilingDetailsWrap label.h2vii:after { font-size: 13px; left: 6px !important; top: 11px !important; } .bilingDetailsWrap .order-notes { border-radius: 30px; height: 150px; resize: none; } .req { font-style: normal; color: #ef3139; } /*------------------------------------------------------------------ 161: Confirmation Box Wrap / .confirmationBoxWrap -------------------------------------------------------------------*/ .confirmationBoxWrap .tableWrap { border: 1px solid #e5e5e5; border-radius: .5rem; } .confirmationBoxWrap .fLabel { font-weight: 400; } /*------------------------------------------------------------------ 162: Checkout Count Table / .checkoutCountTable -------------------------------------------------------------------*/ .checkoutCountTable { color: #263787; min-width: 455px; } .checkoutCountTable thead th { border-top: 0; border-bottom-width: 1px; } .checkoutCountTable td, .checkoutCountTable th { padding: .96rem 1.5625rem; } .checkoutCountTable .proItemName { color: #62718d; font-size: 16px; } .checkoutCountTable .col01 { width: 60%; } .checkoutCountTable .price { font-size: 16px; } .checkoutCountTable .cuFakeLabel { font-size: 15px; color: #62718d; } .checkoutCountTable .cuFakeLabel .price { color: #263787; } /*------------------------------------------------------------------ 163: Checkout Payment Method Wrap / .pmsWrap -------------------------------------------------------------------*/ .pmsWrap { background-color: #ecedf5; border-radius: .5rem; } .pmsWrap .btnThemeAlt { min-width: 180px; font-size: 20px; } .pmsWrap .btnThemeAlt:before, .pmsWrap .btnThemeAlt .btnText { padding: .813rem 0; } /*------------------------------------------------------------------ 164: Placeholder Only / .placeOrder -------------------------------------------------------------------*/ .placeOrder { margin-top: 40px; border-top: 1px solid #e5e5e5; padding: 20px 28px 20px 28px; } /*------------------------------------------------------------------ 165: Checkout Payment Method Selection List / .pmSlctList -------------------------------------------------------------------*/ .pmSlctList { padding: 40px 25px 0; } .pmSlctList .cuFakeLabel { font-size: 18px; color: #263787; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .pmSlctList li { margin-bottom: 15px; } .pmSlctList li:last-child { margin-bottom: 0; } .pmSlctList .pmNotePop { line-height: 22px; color: #62718d; border-radius: 3px; background-color: #fff; padding: 27px 22px 20px 22px; margin-bottom: 13px; margin-top: 15px; display: none; -webkit-transform: none; -ms-transform: none; transform: none; max-height: 0; overflow: hidden; transition: height .35s ease, transform .35s ease, -webkit-transform .35s ease; } .pmSlctList .pmNotePop:before, .pmSlctList .pmNotePop:after { position: absolute; content: ""; bottom: 100%; left: 40px; border: 1px solid transparent; height: 0; width: 0; pointer-events: none; } .pmSlctList .pmNotePop:before { border-color: transparent; border-bottom-color: #fff; border-width: 11px; margin-left: -11px; } .pmSlctList .pmNotePop:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .pmSlctList .fakeInput:checked + .cuFakeLabel + .pmNotePop, .pmSlctList .fakeInput:checked + .cuFakeLabel + img + a + .pmNotePop { display: inline-block; max-height: 500px; overflow: visible; transition: height .35s ease, transform .35s ease, -webkit-transform .35s ease; } .pmSlctList .payPalLink { font-size: 16px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #0067da; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 166: Portfolio Filters List / .ifbFiltersList -------------------------------------------------------------------*/ .ifbFiltersList li { margin-bottom: 25px; } .ifbFiltersList li + li { margin-left: 25px; } .ifbFiltersList li.active a:after { width: 100%; } .ifbFiltersList a { display: block; font-weight: 500; font-size: 18px; line-height: 1.1111111111; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; position: relative; } .ifbFiltersList a:after { content: ""; position: absolute; bottom: -6px; left: 50%; } .ifbFiltersList a:after { width: 0; height: 3px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .35s ease; transition: all .35s ease; } .ifbFiltersList a:hover:after { width: 100%; } /*------------------------------------------------------------------ 167: Load More Button / .btnLoadMore -------------------------------------------------------------------*/ .btnLoadMore { min-width: 166px; } .btnLoadMore:before, .btnLoadMore .btnText { padding: .907rem 0; } /*------------------------------------------------------------------ 168: Masonary Content Holder / .isoContentHolder -------------------------------------------------------------------*/ .isoContentHolder .gPhoColumn .pgLink .pgLinkGo { border-width: 2px; color: #fff; background-color: transparent !important; } .isoContentHolder .gPhoColumn .pgLink:hover .pgLinkGo { background-color: #fff !important; } /*------------------------------------------------------------------ 169: Gallery Photo Columns Grid / .gPhoColumnGrid -------------------------------------------------------------------*/ .gPhoColumnGrid .gPhootCaptionWrap .pgCategory { margin-top: 5px; color: #62718d; font-size: 16px; } .gPhoColumnGrid .imgWrap { border-radius: 12px; overflow: hidden; position: relative; } .gPhoColumnGrid .imgWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gPhoColumnGrid .imgWrap:before { -webkit-transition: all .65s ease; transition: all .65s ease; opacity: 0; visibility: hidden; background-color: rgba(38, 55, 136, .4); } .gPhoColumnGrid:hover .imgWrap:before { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 170: Gallery Photo Column Gallery / .gPhoColumnGallery -------------------------------------------------------------------*/ .gPhoColumnGallery .imgWrap { border-radius: 12px; overflow: hidden; position: relative; } .gPhoColumnGallery .imgWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gPhoColumnGallery .imgWrap:before { -webkit-transition: all .65s ease; transition: all .65s ease; opacity: 0; visibility: hidden; background-color: rgba(38, 55, 136, .4); } .gPhoColumnGallery:hover .imgWrap:before { opacity: 1; visibility: visible; } .gPhoColumnGallery:hover .icnSearch { opacity: 1; visibility: visible; } .gPhoColumnGallery .icnSearch { width: 50px; height: 50px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; font-size: 22px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: all .65s ease; transition: all .65s ease; } .portSingPagiWrap { border-top: 1px solid #e5e5e5; } /*------------------------------------------------------------------ 171: Post Navigation List Nav / .postNavigatorNav -------------------------------------------------------------------*/ .postNavigatorNav { border: solid #e5e5e9; border-width: 1px 0; } .postNavigatorNav .btnPrev, .postNavigatorNav .btnNext { border: 1px solid #e5e5e5; color: #62718d; font-size: 13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; width: 32px; height: 32px; } .postNavigatorNav .btnPrev:hover, .postNavigatorNav .btnNext:hover { color: #fff; } .postNavigatorNav .btnPrev { left: 0; } .postNavigatorNav .btnNext { right: 0; } /*------------------------------------------------------------------ 172: Post Navigation List / .pnnPaginList -------------------------------------------------------------------*/ .pnnPaginList li { width: calc(50% - 50px); } .pnnPaginList li + li { text-align: right; } .pnnPaginList li > a { font-weight: 500; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .pnnPaginList h4, .pnnPaginList .h4 { font-size: 16px; } /*------------------------------------------------------------------ 173: Share Aside Block / .saShareAside -------------------------------------------------------------------*/ .saShareAside .title { font-size: 20px !important; line-height: 1.4; } .saShareAside .saSocialNetworks li { margin-bottom: 0; } /*------------------------------------------------------------------ 174: Share Aside Social Networks List / .saSocialNetworks -------------------------------------------------------------------*/ .saSocialNetworks li { padding-left: 4px; padding-right: 4px; margin-bottom: 8px; } .saSocialNetworks a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #263787; color: #fff; border-radius: 100%; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; font-size: 14px; width: 30px; height: 30px; } .saSocialNetworks a.facebook { background-color: #3b5998; } .saSocialNetworks a.facebook:hover { background-color: #2d4373; } .saSocialNetworks a.twitter { background-color: #18a6f0; } .saSocialNetworks a.twitter:hover { background-color: #0d88c8; } .saSocialNetworks a.pinterest { background-color: #dd4b39; } .saSocialNetworks a.pinterest:hover { background-color: #c23321; } .saSocialNetworks a.linkedin { background-color: #4c5fd7; } .saSocialNetworks a.linkedin:hover { background-color: #2c41c4; } /*------------------------------------------------------------------ 175: Portfolio Meta List / .psMetaList -------------------------------------------------------------------*/ .psMetaList strong { font-weight: 500; } .psMetaList li { margin-bottom: 20px; } .psMetaList li:last-child { margin-bottom: 0; } .psMetaList .socialNetworks li { margin-bottom: 0; padding-left: 0; padding-right: 7px; } .psMetaList .socialNetworks li:last-child { padding-right: 0; } /*------------------------------------------------------------------ 176: Sorting Wrapper Header / .ctSorterWrapHeader -------------------------------------------------------------------*/ .ctSorterWrapHeader { font-size: 14px; line-height: 1.7142857143; margin-bottom: 25px; } .ctSorterWrapHeader p { margin-bottom: 0; } /*------------------------------------------------------------------ 177: Sorting Wrapper Header Dropdown / .dsSortDropdown -------------------------------------------------------------------*/ .dsSortDropdown { max-width: 245px; width: 100%; margin-left: auto; margin-right: auto; height: 40px; border: 1px solid #e5e5e5; border-radius: 50px; font-size: 16px; } .dsSortDropdown #dropdownMenuLink { display: block; color: #62718d; padding: 9px 20px 8px; position: relative; } .dsSortDropdown #dropdownMenuLink:after { content: ""; position: absolute; top: 13px; right: 20px; } .dsSortDropdown .dropdown-toggle:after { border-width: 0 2px 2px 0; width: 8px; height: 8px; } /*------------------------------------------------------------------ 178: Rating Star List / .ratingList -------------------------------------------------------------------*/ .ratingList li + li { margin-left: 1px; } .ratingList li { font-size: 12px; color: #ccc; } .ratingList li.active { color: #f68773; } .ratingList a { color: #ccc; } .ratingList a:hover { color: #f68773; } /*------------------------------------------------------------------ 179: Add To Cart Button Link / .btnAddToCart -------------------------------------------------------------------*/ .btnAddToCart { min-width: 150px; color: #fff; padding: .438rem 0 !important; font-size: 16px; font-weight: 500; } .btnAddToCart .icn { font-size: 12px; line-height: 12px; -webkit-transition: all .35s ease; transition: all .35s ease; } .btnAddToCart:hover { color: #fff; background-color: #00a4f9 !important; } .btnAddToCart:hover .icn { margin-left: 7px; } /*------------------------------------------------------------------ 180: Product Item Column / .proItemCol -------------------------------------------------------------------*/ .proItemCol { border: 1px solid #e5e5e5; border-radius: .5rem; padding: 5px 10px 30px; overflow: hidden; max-width: 320px; margin-left: auto; margin-right: auto; } .proItemCol.hasOver { -webkit-transition: all .35s ease; transition: all .35s ease; } .proItemCol.hasOver:hover { box-shadow: 0 10px 40px rgba(6, 22, 58, .1); } .proItemCol.hasOver:hover .prodImgWrap img { -webkit-transform: none; -ms-transform: none; transform: none; } .proItemCol .productName { font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 45px; } .proItemCol .prodPrice { font-size: 18px; font-weight: 500; } .proItemCol[data-featured-tag]:before { content: ""; position: absolute; top: 20px; right: 20px; } .proItemCol[data-featured-tag]:before { font-weight: 500; content: attr(data-featured-tag); color: #fff; border-radius: 3px; font-size: 14px; line-height: 13px; min-width: 54px; text-align: center; padding: 5px 4px 5px; z-index: 1; background-color: #ee4118; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .proItemCol .prodImgWrap img { -webkit-transition: .35s linear; transition: .35s linear; } .proItemCol:hover .prodImgWrap img { -webkit-transform: scale(1.035); -ms-transform: scale(1.035); transform: scale(1.035); } /*------------------------------------------------------------------ 181: Pagination / .pagination -------------------------------------------------------------------*/ .pagination .page-item { margin-left: 4px; margin-right: 4px; } .pagination .page-item.active .page-link { color: #fff; } .pagination .page-item.disabled { display: none; } .pagination .page-link { line-height: 17px; color: #62718d; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; border-radius: 50px !important; font-weight: 500; padding: .969rem 1.261rem; } .pagination .page-link:hover { color: #fff; } .pagination .icn { font-size: .7em; } /*------------------------------------------------------------------ 182: Sidebar Widget Title / .widgetTitile -------------------------------------------------------------------*/ .widgetTitile { padding-bottom: 10px; } .widgetTitile:before { content: ""; position: absolute; bottom: 0; left: 5px; } .widgetTitile:after { content: ""; position: absolute; bottom: 0; left: 33px; } .widgetTitile:before, .widgetTitile:after { width: 38px; height: 2px; } .widgetTitile:after { width: 3px; background-color: #fff; } /*------------------------------------------------------------------ 183: Widget/Tag List / .tagList -------------------------------------------------------------------*/ .widgetTags, .tagList { margin-left: -5px; margin-right: -5px; } .widgetTags li, .tagList li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .widgetTags a, .tagList a { display: block; font-size: 15px; line-height: 1.3333333333; color: #62718d; border: 1px solid #e0e0e0; border-radius: 4px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; padding: 2px 9px; } /*------------------------------------------------------------------ 184: Sidebar Widget Featured Products List / .fpList -------------------------------------------------------------------*/ .fpList .prPrice { color: #62718d; } .fpList .imgWrap { border: 1px solid #e5e5e5; overflow: hidden; border-radius: 5px; } .fpList .imgWrap img { -webkit-transition: -webkit-transform .55s linear; transition: -webkit-transform .55s linear; transition: transform .55s linear; transition: transform .55s linear, -webkit-transform .55s linear; } .fpList li { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .fpList li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .fpList li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .fpList h4 { font-size: 17px; } /*------------------------------------------------------------------ 185: Get Search Results Wrap / .getResultsWrap -------------------------------------------------------------------*/ .getResultsWrap .btnGreyAlter { font-size: 18px; max-width: 79px; min-width: 79px; } .getResultsWrap .btnGreyAlter:before, .getResultsWrap .btnGreyAlter .btnText { padding: .188rem 0; } .getResultsWrap #amount { font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; font-size: 14px; color: #263787; } .getResultsWrap .btn-sm { font-size: 16px; font-weight: 500; min-width: 80px; } .getResultsWrap .btn-sm:before, .getResultsWrap .btn-sm .btnText { padding: .375rem 0; } /*------------------------------------------------------------------ 186: Sidebar Widget Category List / .wCatList -------------------------------------------------------------------*/ .wCatList li { margin-bottom: 10px; } .wCatList a { position: relative; padding-left: 14px; display: block; font-weight: 400; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .wCatList a:before { content: ""; position: absolute; top: 7px; left: 0; } .wCatList a:before { content: "\f054"; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: .7em; } .wCatList .catCount { color: #62718d; cursor: default !important; } /*------------------------------------------------------------------ 187: Sidebar Widget Search Form / .searchForm -------------------------------------------------------------------*/ .searchForm .inputWrap { position: relative; } .searchForm .form-control { height: 60px; padding-right: 65px; padding-left: 20px; } .searchForm .form-control::-webkit-input-placeholder { color: #a6afbd; font-size: 17px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .searchForm .form-control::-moz-placeholder { opacity: 1; color: #a6afbd; font-size: 17px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .searchForm .form-control:-moz-placeholder { color: #a6afbd; font-size: 17px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .searchForm .form-control:-ms-input-placeholder { color: #a6afbd; font-size: 17px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .searchForm .form-control.placeholder { color: #a6afbd; font-size: 17px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .searchForm .btnSearch { width: 46px; height: 46px; color: #fff; position: absolute; right: 7px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-width: 1px; border-style: solid; border-radius: 50px; font-size: 20px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .searchForm .btnSearch:hover { background-color: #00a4f9 !important; } /*------------------------------------------------------------------ 188: Product Quantity Input / .quantity -------------------------------------------------------------------*/ .quantity { width: 80px; height: 50px; margin-right: 15px; border-radius: 50px; overflow: hidden; } .quantity input { width: 100%; height: 100%; border: 1px solid #e5e5e5; color: #263787; padding-left: 25px; padding-right: 20px; border-radius: inherit; } .quantity .quantity-button { position: absolute; right: 15px; cursor: pointer; text-align: center; color: #aaa; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: 15px; -webkit-transition: .3s ease; transition: .3s ease; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .quantity .quantity-button.quantity-plus { top: 12px; } .quantity .quantity-button.quantity-minus { bottom: 12px; } /*------------------------------------------------------------------ 189: Cart Details Table / .cartTable -------------------------------------------------------------------*/ .cartTable { color: #263787; min-width: 760px; } .cartTable .col01 { width: 50%; } .cartTable .col02, .cartTable .col03 { width: 14%; } .cartTable .col04 { width: 22%; } .cartTable thead th { border-top: 0; border-bottom: 0; background-color: #ecedf5; padding: 15px 0 15px 0; font-weight: 500; } .cartTable thead tr th:first-child { padding-left: 30px; } .cartTable .h6 { font-size: 16px; } .cartTable tbody td { border-top: 0; border-bottom: 1px solid #e5e5e5; } .cartTable td.cart-item-details { padding: 20px 0 20px 26px; } .cartTable td.cart-item-details .h6 { color: #62718d; } .cartTable td.product-subtotal { padding: 40px 0 0; } .cartTable td.product-quantity { padding: 32px 0 0; } .cartTable td.product-total { padding: 40px 0 0; } .cartTable .remove-item { position: absolute; right: 27px; top: -3px; width: 26px; height: 26px; border: 1px solid #e5e5e5; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; color: #25282e; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .cartTable .remove-item:hover { color: #dc3545; } .cartTable .quantity { width: 80px; height: 36px; border-radius: 50px; overflow: hidden; } .cartTable .quantity .quantity-button { width: 15px; height: 11px; font-size: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #e5e5e9; right: 12px; color: #555; } .cartTable .quantity .quantity-button.quantity-plus { top: 6px; } .cartTable .quantity .quantity-button.quantity-minus { bottom: 6px; } .cartTable .quantity input { font-size: 16px; font-weight: 500; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding-left: 15px; border-radius: inherit; } .cartTable .product-price-amount { position: relative; } .cartTable tfoot td { padding: 25px 0; } .cartTable tfoot .btn { font-size: 16px; } .cartTable tfoot .btn:before, .cartTable tfoot .btn .btnText { padding-top: .375rem; padding-bottom: .375rem; border-width: 2px; } .cartTable tfoot .btn-outline-secondary { min-width: 146px; } .cartTable .coupenFormControl { width: 160px; height: 40px; font-size: 15px; color: #263787; } .cartTable .coupenFormControl::-webkit-input-placeholder { color: #62718d; } .cartTable .coupenFormControl::-moz-placeholder { opacity: 1; color: #62718d; } .cartTable .coupenFormControl:-moz-placeholder { color: #62718d; } .cartTable .coupenFormControl:-ms-input-placeholder { color: #62718d; } .cartTable .coupenFormControl.placeholder { color: #62718d; } /*------------------------------------------------------------------ 190: Cart Details Table Wrap / .cartTableWrap -------------------------------------------------------------------*/ .cartTableWrap { border-radius: .5rem; } .crttTableWrap { border: 1px solid #e5e5e5; border-radius: .5rem; } /*------------------------------------------------------------------ 191: Cart Totals Detail Table / .cartTotals -------------------------------------------------------------------*/ .cartTotals { min-width: 637px; font-weight: 400; color: #263787; } .cartTotals .col01 { width: 30%; } .cartTotals thead th { border: 0; padding-left: 0; padding-right: 0; padding-bottom: 40px; font-size: 30px; font-weight: 500; color: #263787; } .cartTotals tbody td { padding: 20px 15px; } .cartTotals tbody tr:first-child td { border-top: 0 !important; } .cartTotals tbody tr td:first-child { background-color: #fcfcfc; } .cartTotals tbody tr td:last-child { border-left: 1px solid #e5e5e5; } .cartTotals tfoot td { padding: 25px 0; } .cartTotals .cuFakeLabel { font-size: 15px; color: #62718d; font-weight: 400; } .cartTotals .cuFakeLabel .price { color: #263787; } .cartTotals strong.price { font-size: 16px; } .cartTotals .tdWrap { font-size: 15px; } .cartTotals .form-control { height: 40px; font-size: 15px; padding-top: 5px; padding-bottom: 5px; } .cartTotals .form-control::-webkit-input-placeholder { color: #919baf !important; font-size: 15px; } .cartTotals .form-control::-moz-placeholder { opacity: 1; color: #919baf !important; font-size: 15px; } .cartTotals .form-control:-moz-placeholder { color: #919baf !important; font-size: 15px; } .cartTotals .form-control:-ms-input-placeholder { color: #919baf !important; font-size: 15px; } .cartTotals .form-control.placeholder { color: #919baf !important; font-size: 15px; } .cartTotals .btnGary { font-weight: 500; min-width: 136px; font-size: 15px; } .cartTotals .btnGary:before, .cartTotals .btnGary .btnText { padding-top: .5rem; padding-bottom: .5rem; } .cartTotals .btnTheme { font-size: 20px; } .cartTotals .btnTheme:before, .cartTotals .btnTheme .btnText { padding-top: .875rem; padding-bottom: .875rem; } /*------------------------------------------------------------------ 192: Single Product Description / .sdbWDescription -------------------------------------------------------------------*/ .sdbWDescription .ratingStarList li { font-size: 14px; line-height: 14px; } .sdbWDescription h4 { color: #62718d; } .sdbWDescription .shpDefinaition { margin-bottom: 0; font-size: 16px; } .sdbWDescription .shpDefinaition dt { margin-bottom: 2px; margin-right: 5px; float: left; clear: left; color: #62718d; font-weight: 400; } .sdbWDescription .shpDefinaition dd { overflow: hidden; margin-bottom: 2px; font-weight: 400; } /*------------------------------------------------------------------ 193: Cart Form / .cartForm -------------------------------------------------------------------*/ .cartForm .btnThemeAlt { min-width: 207px; font-size: 16px; } .cartForm .btnThemeAlt:before, .cartForm .btnThemeAlt .btnText { padding: .688rem 0; } /*------------------------------------------------------------------ 194: Single Product Wrap / .singleProductWrap -------------------------------------------------------------------*/ .singleProductWrap .imageWrap { border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; } .singleProductWrap .txtStock { font-weight: 500; } /*------------------------------------------------------------------ 195: Reviews List / .reviewsList -------------------------------------------------------------------*/ .reviewsList li { overflow: hidden; margin-bottom: 20px; } .reviewsList .descrWrap h3 { font-size: 18px; } .reviewsList .ratingList li { margin-bottom: 0; font-size: 14px; line-height: 1.5; } .reviewsList .time { font-size: 16px; color: #42516d; font-weight: 500; } .reviewsList .alignleft { float: none; width: 82px; margin: 0 0 15px; } /*------------------------------------------------------------------ 196: Review Submit Form / .reviewSubmissionForm -------------------------------------------------------------------*/ .reviewSubmissionForm .btnThemeAlt { min-width: 116px; font-weight: 500; } .reviewSubmissionForm .btnThemeAlt:before, .reviewSubmissionForm .btnThemeAlt .btnText { padding: .594rem 0; } .reviewSubmissionForm .form-group { margin-bottom: 20px; } .reviewSubmissionForm .col-form-label { padding-top: 0; padding-right: 0; font-size: 18px; font-weight: 400; } .reviewSubmissionForm .form-control { height: 45px; resize: none; } .reviewSubmissionForm textarea.form-control { height: 143px; border-radius: 25px; } /*------------------------------------------------------------------ 197: Meet Team Column List / .mcssList -------------------------------------------------------------------*/ .mcssList { position: absolute; bottom: 30%; left: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; text-align: center; -webkit-transition: all .35s linear; transition: all .35s linear; } .mcssList .mcssLink { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 19px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .mcssList li:first-child .mcssLink { padding-left: 5px; } .mcssList li:last-child .mcssLink { padding-right: 8px; } /*------------------------------------------------------------------ 198: Meet Team Column / .mccColumn -------------------------------------------------------------------*/ .mccColumn { max-width: 290px; } .mccColumn .mccName { font-weight: 500; font-size: 22px; line-height: 22px; } .mccColumn .mccDesig { font-size: 15px; } .mccColumn .imgHolder:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .35s ease; transition: all .35s ease; background-color: rgba(38, 55, 136, .2); } .mccColumn:hover .imgHolder:before { opacity: 1; visibility: visible; } .mccColumn:hover .mcssList { bottom: 44%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 199: About Block Description Column / .abtBlockColumn -------------------------------------------------------------------*/ .abtBlockColumn .icnWrap { height: 67px; font-size: 68px; } /*------------------------------------------------------------------ 200: Offer Choice Block / .offerYouChoiceSection -------------------------------------------------------------------*/ .offerYouChoiceSection .servicesList > li:after { opacity: 1; background-color: #fff; } /*------------------------------------------------------------------ 201: Video Box Wrap / .videoBoxWrap -------------------------------------------------------------------*/ .videoBoxWrap { border-radius: 30px; -webkit-transition: all .35s ease; transition: all .35s ease; } .videoBoxWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .videoBoxWrap:before { background-color: rgba(38, 55, 136, .3); -webkit-transition: inherit; transition: inherit; } .videoBoxWrap .btnPlay { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 62px; height: 62px; background-color: #fff; -webkit-transition: inherit; transition: inherit; } .videoBoxWrap .btnPlay:before { position: absolute; content: ""; width: 78px; height: 78px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; -webkit-transition: inherit; transition: inherit; } .videoBoxWrap .btnPlay:after { position: absolute; content: ""; display: block; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); height: 0; width: 0; border-left-width: 25px; border-left-style: solid; border-left-color: #2db7ff; border-bottom: 14px solid transparent; border-top: 14px solid transparent; -webkit-transition: inherit; transition: inherit; } .videoBoxWrap:hover .btnPlay { width: 78px; height: 78px; } .videoBoxWrap:hover:before { background-color: rgba(38, 55, 136, .6); } /*------------------------------------------------------------------ 202: Proccess Column Wrap Style 2 / .pcColumnsWrapVII -------------------------------------------------------------------*/ .pcColumnsWrapVII .processColumn .pcCountSpan:before { background-color: #fff; } .pcColumnsWrapVII .processColumn .pcCountSpan:after { border-color: #fff; opacity: .5; } .pcColumnsWrapVII .col + .col:before { left: 50%; top: -60px; bottom: auto; opacity: .7; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); width: 25px; height: 25px; } /*------------------------------------------------------------------ 203: Default Dots List / .dotsList -------------------------------------------------------------------*/ .dotsList > li { padding-left: 19px; position: relative; } .dotsList > li:before { content: ""; position: absolute; top: 8px; left: 0; } .dotsList > li:before { border-radius: 50px; width: 6px; height: 6px; } .dotsList li + li { margin-top: 15px; } /*------------------------------------------------------------------ 204: Book Appointment Widget / .bookAppointmentWidget -------------------------------------------------------------------*/ .bookAppointmentWidget .icn { position: absolute; font-size: 68px; left: 30px; top: 68px; } /*------------------------------------------------------------------ 204: Book Appointment Widget / .bookAppointmentWidget -------------------------------------------------------------------*/ .commentForm .form-control { height: 50px; color: #000; font-weight: 400; } .commentForm .form-control::-webkit-input-placeholder { color: #263788; font-size: 18px; font-weight: 300; } .commentForm .form-control::-moz-placeholder { opacity: 1; color: #263788; font-size: 18px; font-weight: 300; } .commentForm .form-control:-moz-placeholder { color: #263788; font-size: 18px; font-weight: 300; } .commentForm .form-control:-ms-input-placeholder { color: #263788; font-size: 18px; font-weight: 300; } .commentForm .form-control.placeholder { color: #263788; font-size: 18px; font-weight: 300; } .commentForm .btnThemeAlt { min-width: 200px; } textarea.form-textArea { height: 180px !important; resize: none; border-radius: 30px; } /*------------------------------------------------------------------ 205: Services Single Post / .serviceSingle -------------------------------------------------------------------*/ .serviceSingle .tableDefault { min-width: 450px; } .serviceSingle .tableDefault tbody tr td:last-child { padding-right: 25px; } .serviceSingle .fzLarge .text-lDark { font-weight: 300; color: #202b5d; } .widgetBgLight { background-color: #ecedf5; } /*------------------------------------------------------------------ 206: Widget Filter/Departs Nav / .widgetFiltersNav -------------------------------------------------------------------*/ .widgetDepartsNav li + li, .widgetFiltersNav li + li { border-top: 1px solid #e5e5e5; } .widgetDepartsNav li.active > a, .widgetFiltersNav li.active > a { background-color: #fff; } .widgetDepartsNav li a, .widgetFiltersNav li a { font-size: 18px; line-height: 1.1666666667; padding: 14px 10px; color: #263787; display: block; font-weight: 400; border-radius: .5rem; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .widgetDepartsNav li a:hover, .widgetFiltersNav li a:hover { background-color: #fff; } /*------------------------------------------------------------------ 207: Button Description Back / .btnDcsBack -------------------------------------------------------------------*/ .btnDcsBack { font-size: 14px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 208: Department Items Row / .drItemRow -------------------------------------------------------------------*/ .drItemRow { -webkit-transition: box-shadow .3s ease, background-color .3s ease; transition: box-shadow .3s ease, background-color .3s ease; border: 2px solid #e8e8e8; margin-bottom: -2px; } .drItemRow:hover { background-color: #fff; box-shadow: 0 10px 40px rgba(6, 22, 58, .1); } .drItemRow h4, .drItemRow .h4 { font-size: 17px; line-height: 1.1764705882; word-break: break-all; } .drItemRow .fileSize { font-size: 15px; } .drItemRow .btnDownload { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; line-height: 1; font-size: 17px; } .drItemRow .icn { font-size: 33px; height: 32px; font-weight: 500; } /*------------------------------------------------------------------ 209: Widget Help / .widgetHelp -------------------------------------------------------------------*/ .widgetHelp .icn { font-size: 62px; height: 62px; } .widgetHelp p { opacity: .5; } .widgetHelp .captionHolder { position: relative; z-index: 1; } .widgetHelp .bgImg { z-index: 0; } /*------------------------------------------------------------------ 210: Team Power Block / .superPowerTeamSection -------------------------------------------------------------------*/ .superPowerTeamSection .captionHolder { color: #a0abdc; } .superPowerTeamSection .captionHolder .btnThemeWhite { min-width: 197px; } .superPowerTeamSection .cabCounterList { max-width: unset; } .superPowerTeamSection .cabCounterList li { padding: 0; width: auto; margin: 0 20px 30px 0; } .superPowerTeamSection .cabCounterList li:last-child { margin-right: 0; } .superPowerTeamSection .cabCounterList .subtitle { font-size: 18px !important; } .superPowerTeamSection .videoBoxWrap { max-width: 570px; margin-left: auto; margin-right: auto; } .superPowerTeamSection .videoBoxWrap:before { background-color: rgba(38, 55, 136, .2); opacity: 0; } .superPowerTeamSection .videoBoxWrap:hover:before { opacity: 1; } .superPowerTeamSection .videoBoxWrap .btnPlay { width: 48px; height: 48px; -webkit-transition: all .35s ease; transition: all .35s ease; left: unset; top: unset; -webkit-transform: none; -ms-transform: none; transform: none; } .superPowerTeamSection .videoBoxWrap .btnPlay:before { width: 62px; height: 62px; background-color: rgba(45, 183, 255, .3); -webkit-transition: all .45s linear; transition: all .45s linear; border: 0; } .superPowerTeamSection .videoBoxWrap .btnPlay:after { border-left: 17px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; -webkit-transition: all .35s ease; transition: all .35s ease; } .superPowerTeamSection .playBtnWrap { left: 15px; top: 15px; padding: 14px 18px; max-width: 200px; } .superPowerTeamSection .plyBtnTxt { font-size: 18px; line-height: 22px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 211: Benefits Block / .seeBenefitsAside -------------------------------------------------------------------*/ .seeBenefitsAside .fabFeaturesList:before { content: ""; position: absolute; top: 44%; left: 0; } .seeBenefitsAside .fabFeaturesList:after { content: ""; position: absolute; top: 44%; right: 0; } .seeBenefitsAside .fabFeaturesList:before, .seeBenefitsAside .fabFeaturesList:after { background-color: rgba(255, 255, 255, .3); width: 1px; height: 150px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .seeBenefitsAside .fabFeaturesList li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; min-width: 50%; } .seeBenefitsAside .fabFeaturesList li + li .featureColumn:before { height: 150px; background-color: rgba(255, 255, 255, .3); } .seeBenefitsAside .fabFeaturesList li:last-child:after { background-color: rgba(255, 255, 255, .3); height: 150px; } .seeBenefitsAside .fabFeaturesList .icnWrap { color: #fff; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; width: 92px; height: 92px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .35s ease; transition: all .35s ease; } .seeBenefitsAside .fabFeaturesList .featureColumn:hover .icnWrap { background-color: #fff; } .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList:before, .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList:after { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); background-color: rgba(255, 255, 255, .1); } .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList .featureColumn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; min-width: 50%; } .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList li + li .featureColumn:before { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); background-color: rgba(255, 255, 255, .1); } .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList li:last-child:after { background-color: rgba(255, 255, 255, .1); height: 150px; } .seeBenefitsAside.seeBenefitsAsideVII .fabFeaturesList .icnWrap { color: #2db7ff !important; } /*------------------------------------------------------------------ 212: Block Post Column / .blockPostColumn -------------------------------------------------------------------*/ .blockPostColumn .imgWrap { border-radius: 10px; position: relative; } .blockPostColumn .imgWrap img { -webkit-transition: -webkit-transform .35s linear; transition: -webkit-transform .35s linear; transition: transform .35s linear; transition: transform .35s linear, -webkit-transform .35s linear; } .blockPostColumn .title { font-size: 16px; } .blockPostColumn .title a { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .blockPostColumn .btnLink { -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .blockPostColumn[data-category]:before { content: ""; position: absolute; top: 20px; left: 20px; } .blockPostColumn[data-category]:before { content: attr(data-category); font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 7px 10px 7px 11px; text-align: center; text-transform: capitalize; border-radius: 50px; color: #fff; font-size: 16px; line-height: 16px; z-index: 2; } .blockPostColumn .catTag { font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 7px 10px 7px 11px; text-align: center; text-transform: capitalize; border-radius: 50px; color: #fff; font-size: 16px; line-height: 16px; display: inline-block; } .blockPostColumn .nrcImageSlider .ssArrowVii { -webkit-transition: all .35s ease; transition: all .35s ease; } .blockPostColumn:hover .imgWrap img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .blockPostColumn:hover .nrcImageSlider .imgWrap img { -webkit-transform: none; -ms-transform: none; transform: none; } .blockPostColumn[data-media-type-video] .imgWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .blockPostColumn[data-media-type-video] .imgWrap:before { background-color: rgba(38, 55, 136, .1); -webkit-transition: all .35s ease; transition: all .35s ease; } .blockPostColumn[data-media-type-video]:hover .imgWrap img { -webkit-transform: none; -ms-transform: none; transform: none; } .blockPostColumn[data-media-type-video]:hover .imgWrap:before { background-color: rgba(38, 55, 136, .2); } .blockPostColumn.blogClassic .decWrap .h4 { padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .blockPostColumn.blogClassic:hover .imgWrap img { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .blockPostColumn.blogClassicVII { border-radius: .5rem; background-color: #fff; box-shadow: 0 10px 40px rgba(6, 22, 58, .1); padding: 20px 15px 40px; } .blockPostColumn.blogClassicVII .fdbWrap { background-color: #ebf2f5; padding: 20px 15px 40px; background-position: 50% 50%; } .blockPostColumn.blogClassicVII .feedbackSlide:before { content: none; } .blockPostColumn.blogClassicVII .feedbackSlide .icnWrap { font-size: 40px; height: 41px; } .blockPostColumn.blogClassicVII q { font-size: 22px; } .blockPostColumn.blogClassicVII q:before, .blockPostColumn.blogClassicVII q:after { content: none; } .blockPostColumn.blogClassicVII cite { font-size: 17px; } /*------------------------------------------------------------------ 213: Team Description Box / .tmcbDescriptionBox -------------------------------------------------------------------*/ .tmcbDescriptionBox { z-index: 1; } .tmcbDescriptionBox .imgHolder { width: 260px; width: 260px; height: 260px; } .tmcbDescriptionBox h2, .tmcbDescriptionBox .h2 { font-size: 24px; } .tmcbDescriptionBox h3, .tmcbDescriptionBox .h3 { font-size: 18px; } .tmcbDescriptionBox .icnWatermark { bottom: -100px; right: -100px; font-size: 385px; color: rgba(38, 55, 136, .05); z-index: -1; } /*------------------------------------------------------------------ 214: Team Information List / .tmcbInfosList -------------------------------------------------------------------*/ .tmcbInfosList dt { color: #263787; float: left; margin-right: 3px; } .tmcbInfosList dt, .tmcbInfosList dd { margin-bottom: 14px; } .tmcbInfosList a { color: inherit; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .tmcbInfosList a:hover { color: #263787; } /*------------------------------------------------------------------ 215: Team Social Networks List / .tmcbSocialNetworks -------------------------------------------------------------------*/ .tmcbSocialNetworks { margin-left: -2px; margin-right: -2px; } .tmcbSocialNetworks li { padding-left: 2px; padding-right: 2px; margin-bottom: 4px; } .tmcbSocialNetworks a { border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #b0b8c6; color: #fff; font-size: 15px; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; width: 36px; height: 36px; } /*------------------------------------------------------------------ 216: Meet Column Separator / .mccSeprator -------------------------------------------------------------------*/ .mccSeprator { max-width: 40px; margin: 0; } /*------------------------------------------------------------------ 217: Education Information List / .edupiInfosList -------------------------------------------------------------------*/ .edupiInfosList { margin-left: -15px; margin-right: -15px; } .edupiInfosList > li { border-bottom: 1px solid #e5e5e5; width: calc(100% - 30px); margin: 0 15px 30px; } .edupiInfosList .timeTitle { font-size: 20px; margin-bottom: 2px; } /*------------------------------------------------------------------ 218: Get Discount Aside Block / .getDiscountAside -------------------------------------------------------------------*/ .getDiscountAside .btnThemeAlt { min-width: 286px; } .getDiscountAside .icnWrap { height: 63px; font-size: 62px; } .getDiscountAside .h4 { font-size: 25px; line-height: 1.4; } /*------------------------------------------------------------------ 219: Fake Radio Input / .fakeRadioInput -------------------------------------------------------------------*/ .fakeRadioInput { max-width: 150px; width: 100%; } .fakeRadioInput .icnWrap { font-size: 40px; height: 48px; margin-bottom: 10px; color: rgba(38, 55, 136, .5); -webkit-transition: all .35s ease; transition: all .35s ease; } .fakeRadioInput .fake_label { font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; font-size: 17px; -webkit-transition: all .35s ease; transition: all .35s ease; display: block; cursor: pointer; text-align: center; padding: 17px 10px 18px; } .fakeRadioInput .fakeInput:checked + .fake_label { box-shadow: 0 10px 40px rgba(6, 22, 58, .1); } /*------------------------------------------------------------------ 220: Custom Reviews Block / .customerReviewsBlock -------------------------------------------------------------------*/ .customerReviewsBlock .btnThemeAlt { min-width: 239px; } /*------------------------------------------------------------------ 221: FAQs Block / .faqSectionBlock -------------------------------------------------------------------*/ .faqSectionBlock .headingHead a { color: inherit; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .faqSectionBlock .contactForm .colFormLabel { font-weight: 300; } /*------------------------------------------------------------------ 222: Contact Block / .contactSectionBlock -------------------------------------------------------------------*/ .contactSectionBlock .imgBg { height: 67% !important; } /*------------------------------------------------------------------ 223: Address Column / .ardcColumn -------------------------------------------------------------------*/ .ardcColumn .icnWrap { font-size: 34px; height: 45px; } .ardcColumn .ardcList li + li { margin-top: 8px; } .ardcColumn .ardcList a { color: inherit; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } /*------------------------------------------------------------------ 224: Button Link Video Play / .btnYouPlay -------------------------------------------------------------------*/ .btnYouPlay { background-color: #f00; border-radius: 9px; top: 50%; left: 50%; color: #fff; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70px; height: 48px; } .btnYouPlay:hover { color: #fff; box-shadow: 0 10px 40px rgba(6, 22, 58, .1); } .btnYouPlay:before { display: block; content: ""; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent currentColor; width: 0; height: 0; } /*------------------------------------------------------------------ 225: Widget Gallery / .widgetGallery -------------------------------------------------------------------*/ .widgetGallery ul { margin-left: -5px; margin-right: -5px; max-width: 325px; } .widgetGallery li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; width: 33.333%; } .widgetGallery a { display: block; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .widgetGallery a:hover { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .widgetGallery img { width: 100%; } /*------------------------------------------------------------------ 226: Widget Recent News / .recentNewsWidget -------------------------------------------------------------------*/ .recentNewsWidget li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 1.3333333333; } .recentNewsWidget li + li { border-top: 1px solid #e5e5e5; padding-top: 15px; margin-top: 18px; } .recentNewsWidget .imgHolder { width: 80px; } .recentNewsWidget h4, .recentNewsWidget .h4 { font-size: 18px; line-height: 1.3333333333; } .recentNewsWidget .readMoreLink { font-size: 18px; } /*------------------------------------------------------------------ 227: Widget Author / .authorWidget -------------------------------------------------------------------*/ .authorWidget .imgWrap { width: 175px; height: 175px; margin-left: auto; margin-right: auto; } /*------------------------------------------------------------------ 228: News Holder / .nwssHolder -------------------------------------------------------------------*/ .nwssHolder .vssIcn { color: #62718d; font-size: 15px; line-height: 15px; -webkit-transition: all .35s ease; transition: all .35s ease; } .nwssHolder .vssOpener { border-radius: 50px; position: relative; z-index: 3; color: #62718d; border: 1px solid #e5e5e5; } .nwssHolder .vssOpener.hover { color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; } .nwssHolder .vssLink { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .35s ease; transition: all .35s ease; } .nwssHolder .vssLink:hover { color: #fff !important; } /*------------------------------------------------------------------ 229: Blog Share Dropdown Holder / .vssDropdownHolder -------------------------------------------------------------------*/ .vssDropdownHolder { border-radius: 50px; } .vssDropdownHolder .vssDropdown { position: absolute; top: 0; left: 0; visibility: hidden; z-index: 2; } .vssDropdownHolder:hover .vssDropdown li { opacity: 1; visibility: visible; } .vssDropdownHolder:hover .vssDropdown li:nth-child(2) { -webkit-transition-delay: .2s; transition-delay: .2s; } .vssDropdownHolder:hover .vssDropdown li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s; } .vssDropdownHolder:hover .vssOpener { color: #fff; } /*------------------------------------------------------------------ 230: Blog Share Dropdown List / .vssDropdownList -------------------------------------------------------------------*/ .vssDropdownList li { position: absolute; display: block; background-color: #f6f6f6; visibility: hidden; overflow: hidden; opacity: 0; -webkit-transition: opacity .2s ease-out, visibility .2s ease-out; transition: opacity .2s ease-out, visibility .2s ease-out; } .vssDropdownList li:nth-child(1) { padding-bottom: 25px; bottom: -25px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } .vssDropdownList li:nth-child(2) { bottom: 34px; } .vssDropdownList li:nth-child(3) { bottom: 68px; border-top-left-radius: 50px; border-top-right-radius: 50px; } .vssDropdownList li:nth-child(3) .vssLink { padding-top: 8px; } /*------------------------------------------------------------------ 231: Blog Single Post / .blogSinglePost -------------------------------------------------------------------*/ .blogSinglePost .portSingPagiWrap { border-top: 0; } .blogSinglePost .tagList li.current a { color: #fff !important; } .blogSinglePost .imgWrap[data-category]:before { content: ""; position: absolute; top: 20px; left: 20px; } .blogSinglePost .imgWrap[data-category]:before { content: attr(data-category); font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 7px 10px 7px 11px; text-align: center; text-transform: capitalize; border-radius: 50px; color: #fff; font-size: 16px; line-height: 16px; z-index: 2; } .blogSinglePost .socialNetworks.saSocialNetworks li { margin-bottom: 10px; } .blogSinglePost cite strong { font-weight: 300 !important; } /*------------------------------------------------------------------ 232: Widget Portfolio Information / .widgetProfilerInfo -------------------------------------------------------------------*/ .widgetProfilerInfo .socialNetworks li + li { margin-left: 3px; } .widgetProfilerInfo .socialNetworks a { width: 30px; height: 30px; font-size: 14px; background-color: #62718d; } .widgetProfilerInfo .socialNetworks a:hover { background-color: #263787; } .widgetProfilerInfo .avatarHolder { width: 80px; height: 80px; } /*------------------------------------------------------------------ 233: Comments List Opener / .cmntListOpener -------------------------------------------------------------------*/ .cmntListOpener { background-color: #ecedf5; font-size: 24px; padding: 13px 13px; position: relative; font-weight: 500; } .cmntListOpener:before { content: none; } .cmntListOpener:after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; right: 20px; top: 22px; color: #62718d; font-size: 14px; -webkit-transition: all .35s ease; transition: all .35s ease; } .cmntListOpener.collapsed:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*------------------------------------------------------------------ 234: Comments List / .bpCommentsList -------------------------------------------------------------------*/ .bpCommentsList li { border-bottom: 1px solid #ccc; } .bpCommentsList li:last-child { border-bottom: 0; } .bpCommentsList .cmntWrap { padding: 30px 10px; } .bpCommentsList .cmntWrap .avatarHolder { width: 82px; height: 82px; } .bpCommentsList .cmntWrap .h6 { font-size: 18px; } .bpCommentsList time { font-size: 16px; font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bpCommentsList .btnThemeWhiteOutline { font-size: 16px; min-width: 71px; } .bpCommentsList .btnThemeWhiteOutline .btnText, .bpCommentsList .btnThemeWhiteOutline:before { padding: .125rem 0; border-width: 1px; } .bpCommentsList .bpChildCommentsList { padding-left: 60px; border-top: 1px solid #e8e8e8; } .bpCommentsList .bpChildCommentsList li:last-child { border-bottom: 0; border-top: 0; padding-bottom: 0; } .bpCommentsList .bpChildCommentsList .cmntWrap { padding-left: 40px; } /*------------------------------------------------------------------ 235: Widget Comments Wrap / .commentsWrapWidget -------------------------------------------------------------------*/ .commentsWrapWidget { border: 1px solid #e8e8e8; border-radius: .5rem; } /*------------------------------------------------------------------ 236: Booking System Wrap / .bookingSystemWrap -------------------------------------------------------------------*/ .bookingSystemWrap { margin-top: -70px; } .bookingSystemWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bookingSystemWrap:before { background-color: #9da2ba; } .bookingSystemWrap .formWrap { z-index: 1; } /*------------------------------------------------------------------ 237: Booking System Form / .bookingForm -------------------------------------------------------------------*/ .bookingForm .cbBtn { min-width: 250px; } .bookingForm .form-control { font-size: 17px; font-weight: 400; padding-left: 15px; font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bookingForm .form-control::-webkit-input-placeholder { color: #99a4b8; } .bookingForm .form-control::-moz-placeholder { opacity: 1; color: #99a4b8; } .bookingForm .form-control:-moz-placeholder { color: #99a4b8; } .bookingForm .form-control:-ms-input-placeholder { color: #99a4b8; } .bookingForm .form-control.placeholder { color: #99a4b8; } .bookingForm .apdInputWrap .form-control { padding-right: 40px; } .bookingForm .apdInputWrap .icn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } .bookingForm .bsColumn { font-size: 16px; } .bookingForm .bsColumn .icnWrap { font-size: 43px; } /*------------------------------------------------------------------ 238: Extra Services Wrap / .extSerWrap -------------------------------------------------------------------*/ .extSerWrap .fakeWrap { border: 1px solid #e5e5e5; border-radius: .5rem; padding: 21px 15px 10px 65px; width: 100%; font-size: 16px; -webkit-transition: all .35s ease; transition: all .35s ease; margin-bottom: 0; } .extSerWrap .time { font-weight: 500; } .extSerWrap .btnLnk { font-size: 15px; font-weight: 500; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .extSerWrap .fakeRadioSytles:after { content: ""; position: absolute; top: 25px; left: 20px; } .extSerWrap .fakeRadioSytles:before { content: ""; position: absolute; top: 32px; left: 27px; } .extSerWrap .fakeRadioSytles:after { width: 31px; height: 31px; border: 1px solid #ccc; border-radius: 50%; } .extSerWrap .fakeRadioSytles:before { width: 17px; height: 17px; border-radius: 50%; background-color: #ccc; } .extSerWrap .fakeInput:checked + .fakeWrap { box-shadow: 0 10px 40px rgba(6, 22, 58, .1); } .extSerWrap .fakeInput:checked + .fakeWrap .fakeRadioSytles:after { background-color: #39b972; border-color: #39b972; } .extSerWrap .fakeInput:checked + .fakeWrap .fakeRadioSytles:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 15px; color: #fff; z-index: 2; background-color: #39b972; width: auto; height: auto; top: 33px; left: 28px; } /*------------------------------------------------------------------ 239: Products Slider / .productSlider -------------------------------------------------------------------*/ .productSlider .ssArrowVii { border-color: #e2e2e2; border-width: 1px; color: #888; background-color: transparent; top: 42%; z-index: 10; } .productSlider .ssArrowVii:hover { color: #fff; } .productSlider .ssArrowVii.slickPrev { left: -10px; } .productSlider .ssArrowVii.slickNext { right: -10px; } .exploreServicesBlock .btnWrap .btn { min-width: 220px; } /*------------------------------------------------------------------ 240: About Service Column / .abtServiceColumn -------------------------------------------------------------------*/ .abtServiceColumn { border-radius: 28px; max-width: 300px; margin-left: auto; margin-right: auto; z-index: 1; } .abtServiceColumn .imgWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .abtServiceColumn .imgWrap:before { background-color: rgba(38, 55, 136, .5); } .abtServiceColumn .onHover { bottom: 0; z-index: 2; padding: 15px 30px 30px; width: 100%; } .abtServiceColumn .btnThemeWhite { font-size: 16px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; min-width: 131px; max-width: 131px; max-height: 0; overflow: hidden; margin-top: 0; border: 0; -webkit-transition: all .35s ease; transition: all .35s ease; } .abtServiceColumn .btnThemeWhite .icn { font-size: 12px; } .abtServiceColumn:hover .btnThemeWhite { max-height: 40px; height: 40px; margin-top: 20px; } .abtServiceColumn .icnWrap { font-size: 60px; height: 85px; } /*------------------------------------------------------------------ 241: About Service Column Row / .abtServiceRow -------------------------------------------------------------------*/ .abtServiceRow .bgPattern { bottom: 62px; right: -58px; z-index: 0; } /*------------------------------------------------------------------ 242: Join Aside Block / .joinAsideBlock -------------------------------------------------------------------*/ .joinAsideBlock .h4 { font-size: 28px; } .joinAsideBlock .icn { font-size: 58px; } .joinAsideBlock .bgPatternv2 { left: 0; bottom: -111px; max-width: 576px; } .joinAsideBlock .container { z-index: 2; position: relative; } /*------------------------------------------------------------------ 243: Our Gallery Block / .ourGallerySection -------------------------------------------------------------------*/ .ourGallerySection:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; } .ourGallerySection:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; } .ourGallerySection:before { width: 100%; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } .ourGallerySection:after { z-index: 0; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(images/bgPattern09.png); } .ourGallerySection .container { position: relative; z-index: 1; } /*------------------------------------------------------------------ 244: Introduction Block / .introBlock -------------------------------------------------------------------*/ .introBlock .ibsBgWrap { left: 0; top: 0; z-index: -1; } .introBlock .ibsBgWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .introBlock .ibsBgWrap:before { opacity: .40; } .introBlockWrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .introBlockWrap .slickDotsv1 { bottom: 40px; } .introBlockWrap:before { height: 50%; } .introBlockWrap .introBlock { max-width: 95%; width: 100%; margin-left: auto; margin-right: auto; border-radius: 1.625rem; overflow: hidden; } .introBlockWrap .contactWidget { right: 15%; max-width: 335px; width: 100%; bottom: -140px; } /*------------------------------------------------------------------ 245: Back To Top Button Link / #backToTop -------------------------------------------------------------------*/ #backToTop { width: 42px; height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0 2px 12px rgba(0, 0, 0, .18); position: fixed; right: 20px; bottom: 20px; color: #fff; float: right; cursor: pointer; z-index: 9; font-size: 14px; opacity: 0; visibility: hidden; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; } #backToTop:hover { background-color: #0093e0 !important; } #backToTop.active { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 246: Page Loader Overlay / .loader-holder -------------------------------------------------------------------*/ .loader-holder { top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; position: fixed; background-color: rgba(255, 255, 255, .9); } .loader-holder .spinner-grow, .loader-holder svg { width: 100px; height: 100px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; display: inline-block; } /*------------------------------------------------------------------ 247: Header Main Dropdown / .hdMainDropdown -------------------------------------------------------------------*/ .hdMainDropdown { padding: 0; background-color: transparent; box-shadow: none; border: 0; font-size: 15px; left: -10px; border-radius: 0; background-color: #fff; } .hdMainDropdown .dropdown-item { padding: 9px 30px; } /*------------------------------------------------------------------ 248: Header Main Dropdown List / .hdDropdownList -------------------------------------------------------------------*/ .hdDropdownList > li.active > a { color: #fff; } .hdDropdownList a { color: #263787; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; display: block; padding: 5px 8px 5px 28px; } .hdDropdownList a:hover { color: #fff; } .hdDropdownList .desktopDropOnHover { left: 100%; top: 0; margin-top: 0; } /*------------------------------------------------------------------ 249: Header Main Dropdown Submenu / .dropdown-submenu -------------------------------------------------------------------*/ .dropdown-submenu { position: relative; } .dropdown-submenu:hover > .dropdown-item { color: #fff; } .dropdown-submenu:hover > .desktopDropOnHover { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .dropdown-submenu .dropIcn:after { position: absolute; right: 10px; top: 16px; } .dropdown-submenu.show > .dropdown-item { color: #fff; } .dropdown-submenu.show .dropdown-menu .dropdown-item { padding-left: 45px; } .dropdown-submenu.show .dropdown-menu.show .dropdown-menu .dropdown-item { padding-left: 60px; } /*------------------------------------------------------------------ 250: Map Block / .cuMapBlock -------------------------------------------------------------------*/ .cuMapBlock { background-color: #f6f6f6; } .cuMapBlock .cuMapHolder { min-height: 250px; } .cuMapBlock iframe { width: 100%; min-height: inherit; margin-bottom: -10px; border: 0; } .cr1, .cr2 { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: 5; animation-iteration-count: 5; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated .cr1 { -webkit-animation-name: cr1anim; animation-name: cr1anim; } .animated .cr2 { -webkit-animation-name: cr2anim; animation-name: cr2anim; } /*------------------------------------------------------------------ 251: ui widget ui widgetcontent styles / .ui-widget -------------------------------------------------------------------*/ .ui-widget.ui-widget-content { border-color: #e5e5e5; } .ui-widget.ui-slider.ui-slider-horizontal { border-radius: 0; height: 5px; border: 0; background-color: #e5e5e5; margin: 0 3px 20px 11px; cursor: pointer; } .ui-widget.ui-slider.ui-slider-horizontal .ui-slider-handle { border-radius: 100%; background-color: #fff; border-color: #e5e5e5; top: -6px; cursor: pointer; width: 16px; height: 16px; } .ui-widget.ui-slider.ui-slider-horizontal .ui-slider-handle:focus-visible { outline: 0; } .ui-widget.ui-slider.ui-slider-horizontal .ui-widget-header { border-radius: 0; border: 0; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ .pulse { -webkit-animation-name: pulse; animation-name: pulse; } .shake { -webkit-animation-name: shake; animation-name: shake; } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ .wobble { -webkit-animation-name: wobble; animation-name: wobble; } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @media (min-width: 768px) { .commentlist-item .commentlist-item { padding: 0 0 0 2em; } } @media (max-width: 991.98px) { .navigation .page-numbers, .navigation-comments .page-numbers { padding: 0; } .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev { padding: .2em; } .navigation-single .next a, .navigation-single .prev a { padding: .2em; } } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } @media (max-height: 576px) { .fancybox-caption { padding: 12px; } .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes icnjuggle { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 20%, 30% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60%, 70% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes icnjuggle { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 20%, 30% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60%, 70% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes icnbounce { 0% { -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes icnbounce { 0% { -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes cr1anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20%, 30% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 60%, 70% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes cr1anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20%, 30% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 60%, 70% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cr2anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20%, 30% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 60%, 70% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes cr2anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20%, 30% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 60%, 70% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @-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); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); -ms-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -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; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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% { -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; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-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); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }