/* Theme name: Career Star Group Description: Custom Theme */ /* Source post-css styles are located in the postcss directory. The compiled bundle is in assets/bundle.css; The README.md file contains instructions how to get the compilation process up & running. If you need to make a quick fix, feel free to add CSS below this comment. It will override bundle.css styles. */ /* Table of Contents 01. Settings ---------------------------------- Main image in popup ---------------------- The shadow behind the image -------------- 02. Sprite ------------------------------------ 03. Generic ----------------------------------- 04. Base -------------------------------------- Small Desktop ---------------------------- 05. Fonts ------------------------------------- 06. Helpers ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 07. Reset ------------------------------------- 08. Base WordPress CSS ------------------------ 09. Gallery ----------------------------------- 10. Pagination -------------------------------- 11. Comments ---------------------------------- 12. Search Form ------------------------------- 13. Page -------------------------------------- 14. Regions ----------------------------------- 15. Modules ----------------------------------- 16. Article ----------------------------------- 17. Box --------------------------------------- Mobile ----------------------------------- 18. Button ------------------------------------ Button Dark Violet ----------------------- Button Pink ------------------------------ Button Brown ----------------------------- Button Light Violet ---------------------- Button With Icon ------------------------- Button Bordered -------------------------- Button Bordered White -------------------- Button Bordered Pink --------------------- 19. Button Menu ------------------------------- 20. Content ----------------------------------- 21. Copyright --------------------------------- 22. Entry ------------------------------------- 23. Feature ----------------------------------- Feature Alignright ----------------------- Feature Aligncenter ---------------------- 24. Footer ------------------------------------ 25. Form -------------------------------------- 26. Form Search ------------------------------- 27. Form Subscribe ---------------------------- Errors ----------------------------------- 28. Header ------------------------------------ Header Fixed ----------------------------- 29. - Admin Bar (if header is fixed) ---------- 30. Ico --------------------------------------- 31. Intro ------------------------------------- 32. Logo -------------------------------------- 33. Main -------------------------------------- 34. Member ------------------------------------ 35. Nav --------------------------------------- 36. Nav Secondary ----------------------------- 37. Section ----------------------------------- Section Head Border ---------------------- Section Background ----------------------- Section Solid ---------------------------- Section Gradient ------------------------- Section Violet --------------------------- Section Accordion ------------------------ 38. Section Slider ---------------------------- 39. Section Services -------------------------- 40. Section Background ------------------------ 41. Separator --------------------------------- Separator Red ---------------------------- 42. Service ----------------------------------- Service Right ---------------------------- 43. # Shell ----------------------------------- 44. - Fluid ----------------------------------- 45. Sidebar ----------------------------------- 46. Slider ------------------------------------ 47. Slider Main ------------------------------- 48. Slider Testimonials ----------------------- 49. Slider Members ---------------------------- 50. Slider Articles --------------------------- 51. Socials ----------------------------------- 52. Form Elements ----------------------------- 53. Button ------------------------------------ Button Block ----------------------------- 54. Wrapper ----------------------------------- 55. Shell ------------------------------------- 56. Container --------------------------------- 57. Header ------------------------------------ 58. Main -------------------------------------- 59. Content ----------------------------------- 60. Sidebar ----------------------------------- 61. Widget ------------------------------------ 62. Footer ------------------------------------ 63. Testimonial ------------------------------- 64. # Widgets --------------------------------- 65. - Calendar -------------------------------- 66. - Rss ------------------------------------- 67. - Categories ------------------------------ 68. Widget Form ------------------------------- Errors ----------------------------------- 69. Widget Search ----------------------------- 70. Wrapper ----------------------------------- 71. Themes ------------------------------------ */ /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ .articles:after, .copyright .copyright__aside ul:after, .members:after, .nav > ul:after, .shell:after { content: ''; line-height: 0; display: table; clear: both; } .entry .entry__video a, .intro .intro__slider, .intro .intro__grafic, .member .member__image, .section--background .section__image, .section-background .section__image, .service .service__overlay, .slider-main .slider__slide-image, .wrapper:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .service .service__overlay { top: -400px; bottom: -400px; } .entry .entry__image-holder, .features .features__image, .member .member__image, .section--background .section__image, .section-background .section__image, .slider-main .slider__slide-image, .slider-members .slider__slide-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .service .service__image { background-size: contain; background-position: center center; background-repeat: no-repeat; } /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-arrow { background: url(resources/images/sprite/ico-arrow.png) no-repeat 0 0; background-size: 100% 100%; width: 53px; height: 77px; display: inline-block; vertical-align: middle; } .ico-diagram { background: url(resources/images/sprite/ico-diagram.png) no-repeat 0 0; background-size: 100% 100%; width: 55px; height: 50px; display: inline-block; vertical-align: middle; } .ico-linkedin { background: url(resources/images/sprite/ico-linkedin.png) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .ico-mail { background: url(resources/images/sprite/ico-mail.png) no-repeat 0 0; background-size: 100% 100%; width: 27px; height: 33px; display: inline-block; vertical-align: middle; } .ico-mail-close { background: url(resources/images/sprite/ico-mail-close.svg) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .ico-person { background: url(resources/images/sprite/ico-person.png) no-repeat 0 0; background-size: 100% 100%; width: 39px; height: 52px; display: inline-block; vertical-align: middle; } .ico-search { background: url(resources/images/sprite/ico-search.png) no-repeat 0 0; background-size: 100% 100%; width: 23px; height: 23px; display: inline-block; vertical-align: middle; } .ico-twitter { background: url(resources/images/sprite/ico-twitter.png) no-repeat 0 0; background-size: 100% 100%; width: 31px; height: 25px; display: inline-block; vertical-align: middle; } .ico-facebook { background: url(resources/images/facebook.svg) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .ico-instagram { background: url(resources/images/instagram.svg) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .quotes { background: url(resources/images/sprite/quotes.png) no-repeat 0 0; background-size: 100% 100%; width: 94px; height: 81px; display: inline-block; vertical-align: middle; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .ico-arrow { background: url(resources/images/sprite/ico-arrow@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 52px; height: 76px; display: inline-block; vertical-align: middle; } .ico-diagram { background: url(resources/images/sprite/ico-diagram@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 55px; height: 50px; display: inline-block; vertical-align: middle; } .ico-linkedin { background: url(resources/images/sprite/ico-linkedin@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .ico-mail { background: url(resources/images/sprite/ico-mail@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 27px; height: 33px; display: inline-block; vertical-align: middle; } .ico-person { background: url(resources/images/sprite/ico-person@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 39px; height: 52px; display: inline-block; vertical-align: middle; } .ico-search { background: url(resources/images/sprite/ico-search@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 23px; height: 23px; display: inline-block; vertical-align: middle; } .ico-twitter { background: url(resources/images/sprite/ico-twitter@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 31px; height: 25px; display: inline-block; vertical-align: middle; } .quotes { background: url(resources/images/sprite/quotes@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 94px; height: 81px; display: inline-block; vertical-align: middle; } } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Futura', sans-serif; font-size: 16px; line-height: 1.44; color: #666; letter-spacing: -.01em; } body.show-nav-main { overflow: hidden; } a { color: inherit; text-decoration: underline; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } a:hover, a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.288em; font-family: 'Futura', sans-serif, sans-serif; line-height: 1; } h1 { margin-bottom: 32px; font-size: 50px; } h2 { margin-bottom: 32px; font-size: 40px; font-weight: 400; letter-spacing: -.03em; } h3 { margin-bottom: 23px; font-size: 34px; font-weight: 400; } h4 { font-size: 30px; font-weight: 400; } h5 { font-size: 24px; font-weight: 400; } h6 { margin-bottom: 10px; font-size: 18px; font-weight: 400; } ol { list-style-position: inside; } ul { list-style-position: inside; /*list-style-position: outside; padding-left: 18px;*/ } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.44em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } blockquote { position: relative; padding-top: 50px; margin-bottom: 44px; font-size: 34px; line-height: 1.2; color: #9e8e6a; font-weight: 700; text-align: center; letter-spacing: -.03em; } blockquote:after, blockquote:before { content: ''; position: absolute; top: 0; width: 95px; height: 90px; background: url(resources/images/sprite/quotes.png) no-repeat 0 0; background-size: contain; } blockquote:after { top: auto; bottom: -54px; right: -50px; } blockquote:before { left: -65px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Small Desktop */ @media (max-width: 1200px) { blockquote:before { left: -50px; } } @media (max-width: 767px) { body { font-size: 15px; line-height: 1.39; } h2 { margin-bottom: 18px; font-size: 24px; } h4 { font-size: 24px; } h6 { font-size: 11px; } blockquote { margin-bottom: 22px; font-size: 16px; } blockquote:after, blockquote:before { width: 59px; height: 63px; } blockquote:after { bottom: -43px; right: -13px; } blockquote:before { top: 10px; left: -16px; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Futura'; src: url('resources/fonts/Futura-Book.eot'); src: url('resources/fonts/Futura-Book.woff2') format('woff2'), url('resources/fonts/Futura-Book.eot?#iefix') format('embedded-opentype'), url('resources/fonts/Futura-Book.woff') format('woff'), url('resources/fonts/Futura-Book.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Futura'; src: url('resources/fonts/Futura-Bold.eot'); src: url('resources/fonts/Futura-Bold.woff2') format('woff2'), url('resources/fonts/Futura-Bold.woff') format('woff'), url('resources/fonts/Futura-Bold.ttf') format('truetype'), url('resources/fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'); font-weight: 700; font-style: normal; } /*@font-face { font-family: 'Futura'; src: url('resources/fonts/Futura-Bold-Italic-font.eot'); src: url('resources/fonts/Futura-Bold-Italic-font.woff2') format('woff2'), url('resources/fonts/Futura-Bold-Italic-font.eot?#iefix') format('embedded-opentype'), url('resources/fonts/FuturaBT-BoldItalic.woff') format('woff'), url('resources/fonts/FuturaBT-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Futura'; src: url('resources/fonts/Futura-Book-Italic-font.eot'); src: url('resources/fonts/Futura-Book-Italic-font.woff2') format('woff2'), url('resources/fonts/Futura-Book-Italic-font.eot?#iefix') format('embedded-opentype'), url('resources/fonts/FuturaBT-BookItalic.woff') format('woff'), url('resources/fonts/FuturaBT-BookItalic.ttf') format('truetype'); font-weight: 400; font-style: italic; }*/ /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; display: block; clear: both; } /* Notext */ .notext { overflow: hidden; text-indent: 101%; white-space: nowrap; } /* Hidden */ [hidden], .hidden { display: none !important; } .memberHidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .contentArea ul { list-style-position: outside; padding-left: 18px; } .contentArea .entry .entry__body { margin-bottom: 0; } /* other */ .noMarginBottom { margin-bottom: 0!important; } .tooltip { background-color: rgba(0,0,0,0.5); border-radius: 5px; display: none; color: #fff; padding: 10px; position: absolute; z-index: 20; } h1.mainTitle { margin-bottom: 32px; font-size: 40px; font-weight: 400; letter-spacing: -.03em; } .sectionTitle h1.mainTitle { margin-bottom: 0; } @media (max-width: 767px) { .cols { display: block; } .col--1of2 { display: block; max-width: 100%; } .col--1of2.contentArea { margin-bottom: 30px; } .headerBlockquote { width: 100%!important; } h1.mainTitle { font-size: 24px; margin-bottom: 18px; } } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1200px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base WordPress CSS \* ------------------------------------------------------------ */ .alignnone, .alignleft, .alignright, .aligncenter { margin: 5px 15px 10px; } .alignleft { margin-left: 0; } .alignright { margin-right: 0; } .alignnone { display: block; margin-left: 0; margin-right: 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { position: relative; } .wp-caption p { margin-bottom: 0; } .wp-caption img { width: 100%; } .wp-caption-text { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0, 0, 0, 0.5); color: #fff; } /* ------------------------------------------------------------ *\ Gallery \* ------------------------------------------------------------ */ .gallery { position: relative; overflow: hidden; padding-bottom: 20px; } .gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; text-align: left; } .gallery-item { float: left; position: relative; padding: 10px; } .gallery-item img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.67%; } .gallery-columns-7 .gallery-item { width: 14.29%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-columns-7 .wp-caption, .gallery-columns-8 .wp-caption, .gallery-columns-9 .wp-caption { display: none; } /* ------------------------------------------------------------ *\ Alternative Gallery \* ------------------------------------------------------------ */ .galleryImage { align-items: center; border:2px solid #992559; display: flex; float: left; height: 125px; justify-content: center; margin-bottom: 20px; margin-right: 4%; padding: 15px; width: 22%; } .galleryImage:nth-child(4) { margin-right: 0; } .galleryImage img { max-height: 100%; } @media (max-width: 767px) { .galleryImage { margin-right: 4%; width: 48%; } .galleryImage:nth-child(2) { margin-right: 0; } /* .galleryImage:nth-child(4) { margin-right: 0; } */ } /* ------------------------------------------------------------ *\ Pagination \* ------------------------------------------------------------ */ .paging { padding: 20px 0 20px; text-align: center; } .paging ul { list-style: none outside none; } .paging ul, .paging li { display: inline-block; vertical-align: top; } .paging a { display: inline-block; margin: 0 2px; text-decoration: none; padding: 10px 22px; border: 1px solid #795688; background: transparent; color: #795688; font-size: 16px; line-height: 1; text-transform: uppercase; letter-spacing: .05em; } .paging .current a, .paging a:hover { text-decoration: none; background: #795688; border-color: #795688; color: #fff; } .paging-label { padding-right: 10px; } /* ------------------------------------------------------------ *\ Comments \* ------------------------------------------------------------ */ .section-comments { padding-top: 15px; } .section-comments a { text-decoration: none; } .section-comments p { padding-bottom: 18.2px; } .section-comments ol, .section-comments ul { padding: 0; margin: 0; list-style: none outside none; } .section-comments h3 { position: relative; padding: 0 0 10px; } .section-comments h3 small { position: absolute; top: 0; right: 0; } .comments, .comments .children { position: relative; } .comments .children:before, .comments .children:after { content: ''; position: absolute; display: block; } .comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; } .comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3; } .comments .comment { position: relative; border-top: 1px dashed #363636; } .comments .children { padding-left: 70px; } .comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } .comments .says { padding-left: 5px; } .comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } .comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } .comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; } .comments .comment-meta { padding-bottom: 12px; } .comments .comment-meta a { color: #363636; } .comments .comment-reply { padding-top: 10px; text-align: right; } .comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } .comments .comment-reply a:hover { text-decoration: none; opacity: .8; } .comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; } .comment-respond h3 { position: relative; } .comment-respond small { position: absolute; top: 0; right: 0; } .comment-respond label { display: block; padding-bottom: 4px; } .comment-respond input[type="text"], .comment-respond textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: rgba(231,168,197,.4); } .comment-respond textarea { width: 100%; height: 100px; } .comment-respond textarea:focus, .comment-respond input[type="text"]:focus { background-color: #fff; border-color: #562251; } .comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; } .comment-respond input[type="text"]:-ms-input-placeholder { color: #777; } .comment-respond input[type="text"]::-ms-input-placeholder { color: #777; } .comment-respond input[type="text"]::placeholder { color: #777; } .comment-respond textarea { width: 100%; } .comment-respond .required { color: #e40000; } .comment-respond .comment-notes { padding-top: 15px; } .comment-respond .form-submit input { display: block; padding: 14px 26px; border: 1px solid transparent; background: #992559; font-size: 18px; line-height: 1; color: #fff; cursor: pointer; color: #fff; text-transform: uppercase; letter-spacing: .05em; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .comment-respond .form-submit input:hover { background: #fff; border-color: #992559; color: #992559; } .nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; } /* ------------------------------------------------------------ *\ Search Form \* ------------------------------------------------------------ */ .search-form { position: relative; overflow: hidden; } .search-form .search__field { display: block; width: 100%; padding: 10px; border: 1px solid #562251; background: #fff; font-size: 18px; color: #562251; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .search-form .search__field:focus { border-color: #562251; background-color: #fff; color: #562251; } .search-form .search__field::-webkit-input-placeholder { color: #562251; } .search-form .search__field:-ms-input-placeholder { color: #562251; } .search-form .search__field::-ms-input-placeholder { color: #562251; } .search-form .search__field::placeholder { color: #562251; } .search-form .screen-reader-text { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0.5; visibility: hidden; } .error404 .pagetitle, .blog .pagetitle, .search .pagetitle, .post-template-default .pagetitle { margin-bottom: 20px; } /* ------------------------------------------------------------ *\ Page \* ------------------------------------------------------------ */ .page .pagetitle { margin-bottom: 20px; } .page .page__entry a { color: #562251; } .page .page__entry a:hover { color: #666; } .page .page__image { margin-bottom: 20px; } /* ------------------------------------------------------------ *\ Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .articles { list-style-type: none; } .articles .article { margin-bottom: 30px; } .articles .article:last-child { margin-bottom: 0; } .article .article__entry a { color: #562251; } .article .article__entry a:hover { color: #666; } .article .article__head, .article .article-head { margin-bottom: 20px; } .article .article__title { margin-bottom: 20px; font-size: 36px; } .article .article__title a { text-decoration: none; } .article .article__title a:hover { color: #562251; } .article .article__image { margin-bottom: 20px; } .article .article__meta { font-size: 18px; } .article .article__meta p { margin-bottom: 5px; } .article .article__meta a:hover { color: #582c6a; } /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box { position: relative; z-index: 2; max-width: 766px; color: #fff; } .box .box__inner { padding: 47px 37px 30px 44px; background: rgba(148,132,96,.8); } .box .box__head { margin-bottom: 32px; } .box p + ul { padding-top: 5px; } .box ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 80px; column-gap: 80px; -webkit-column-width: 200px; column-width: 200px; list-style-type: none; } .box ul li { position: relative; padding-left: 20px; } .box ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } /* Mobile */ @media (max-width: 767px) { .box .box__inner { padding: 7px 23px 30px 19px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ [class^="btn"] { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } [class^="btn"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn { padding: 14px 26px; border: 1px solid transparent; background: #992559; font-size: 18px; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: .05em; } .btn:hover { background: #fff; border-color: #992559; color: #992559; } .btn:focus, .btn:active { background: #992559; color: #fff; border-color: transparent; } /* Button Dark Violet */ .btn--dark-violet { background: #582c6a; } .btn--dark-violet:hover { background: #fff; border-color: #582c6a; color: #582c6a; } .btn--dark-violet:focus, .btn--dark-violet:active { background: #582c6a; color: #fff; border-color: transparent; } /* Button Pink */ .btn--pink { background: #ad3f87; } .btn--pink:hover { background: #fff; border-color: #ad3f87; color: #ad3f87; } .btn--pink:focus, .btn--pink:active { background: #ad3f87; color: #fff; border-color: transparent; } /* Button Brown */ .btn--brown { background: #9e8e6a; } .btn--brown:hover { background: #fff; border-color: #9e8e6a; color: #9e8e6a; } .btn--brown:focus, .btn--brown:active { background: #9e8e6a; color: #fff; border-color: transparent; } /* Button Light Violet */ .btn--light-violet { background: #784e9b; } .btn--light-violet:hover { background: #fff; border-color: #784e9b; color: #784e9b; } .btn--light-violet:focus, .btn--light-violet:active { background: #784e9b; color: #fff; border-color: transparent; } /* Button With Icon */ .btn--with-icon:hover i { border-color: #000; } .btn--with-icon .btn__icon { display: inline-block; vertical-align: middle; } .btn--with-icon .btn__icon i { display: none; } .btn--with-icon .btn__text, .btn--with-icon .btn__icon { display: inline-block; vertical-align: middle; } /* Button Bordered */ .btn--bordered { padding: 14px 18px; border: 1px solid #795688; background: transparent; color: #795688; } .btn--bordered:hover { background: #795688; border-color: #795688; color: #fff; } /* Button Bordered White */ .btn--bordered-white { border-color: #fff; color: #fff; } .btn--bordered-white:hover { background: #fff; border-color: #fff; color: #000; } /* Button Bordered Pink */ .btn--bordered-pink { border-color: #ae517b; color: #ae517b; } .btn--bordered-pink:hover { border-color: #ae517b; background: #ae517b; } @media (max-width: 767px) { .btn--bordered.btn--with-icon { padding: 7px 11px 7px 9px; } .btn--with-icon .btn__text { display: none; } .btn--with-icon .btn__icon { width: 17px; height: 20px; margin-left: -4px; } .btn--with-icon .btn__icon i { display: inline-block; } .btnFullWidth { white-space: normal; width: 100%; } } /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ .btn-menu { display: inline-block; vertical-align: middle; width: 42px; height: 32px; position: relative; } .btn-menu *, .btn-menu *:before, .btn-menu *:after { -webkit-transition: background .3s, margin .3s, -webkit-transform .3s; transition: background .3s, margin .3s, -webkit-transform .3s; -o-transition: background .3s, margin .3s, transform .3s; transition: background .3s, margin .3s, transform .3s; transition: background .3s, margin .3s, transform .3s, -webkit-transform .3s; } .btn-menu span, .btn-menu span:before, .btn-menu span:after { content: ' '; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; height: 4px; background-color: #fff; } .btn-menu span:before { margin-top: -13px; } .btn-menu span:after { margin-top: 10px; } .btn-menu:hover span, .btn-menu:hover span:before, .btn-menu:hover span:after { background: rgba(255, 255, 255, .8); } body.show-nav-main .btn-menu span { background-color: transparent; } body.show-nav-main .btn-menu span:before, body.show-nav-main .btn-menu span:after { margin-top: -4px; } body.show-nav-main .btn-menu span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body.show-nav-main .btn-menu span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 767px) { .btn { font-size: 15px; } .btn--bordered { padding: 12px 16px; } /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ .btn-menu { width: 32px; } .btn-menu span, .btn-menu span:before, .btn-menu span:after { height: 3px; margin-top: -4px; } .btn-menu span:before { margin-top: -10px; } .btn-menu span:after { margin-top: 7px; } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content { float: left; width: calc(100% - 300px); padding-right: 30px; } .searchResults .content { padding-right: 0; width: 100%; } @media (max-width: 767px) { .content { float: none; width: 100%; padding-right: 0; } } /* ------------------------------------------------------------ *\ Copyright \* ------------------------------------------------------------ */ .copyright .copyright__content { position: relative; float: left; width: 50%; } .copyright .copyright__content:before { content: ''; position: absolute; top: -13px; left: -18px; bottom: -14px; width: 1px; background: #b0567e; } .copyright .copyright__aside { float: right; width: 50%; } .copyright .copyright__aside ul {float: right; list-style-type: none; margin: 0 -22px; } .copyright .copyright__aside ul li { float: left; padding: 0 20px; } .copyright .copyright__aside ul li:last-child { position: relative; } .copyright .copyright__aside ul li:last-child:after { content: ''; position: absolute; top: -13px; left: 1px; bottom: -14px; width: 1px; background: #836290; } .copyright .copyright__aside a { text-decoration: none; } .copyright .copyright__aside a:hover { text-decoration: underline; } @media (max-width: 767px) { .copyright { position: relative; } .copyright:before { content: ''; position: absolute; top: 3px; left: -3px; bottom: -2px; width: 1px; background: #b0567e; } .copyright .copyright__content, .copyright .copyright__aside { float: none; width: 100%; } .copyright .copyright__content:before { display: none; } .copyright .copyright__aside ul { float: none; padding-top: 12px; } .copyright .copyright__aside ul li { float: none; margin-bottom: 12px; } .copyright .copyright__aside ul li:last-child { margin-bottom: 0; } .copyright .copyright__aside ul li:last-child:after { display: none; } } /* ------------------------------------------------------------ *\ Entry \* ------------------------------------------------------------ */ .entry h2 { font-weight: 400; } .entry h2 a { text-decoration: none; } .entry img.alignright { margin: 13px -2px 0 55px; } .entry .entry__head { margin-bottom: 40px; } .entry .entry__image { position: relative; display: block; max-width: 523px; width: 100%; height: 332px; margin-bottom: 35px; overflow: hidden; } .entry .entry__image-holder { @expand full; height: 100%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .entry .entry__image .entry__image-holder:hover { -webkit-transform: scale(1.05s); -ms-transform: scale(1.05s); transform: scale(1.05s); } .entry .entry__video { position: relative; max-width: 345px; height: auto; } .entry .entry__video a:after, .entry .entry__video a:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .entry .entry__video a:after { width: 99px; height: 99px; border: 8px solid #aae8fb; border-radius: 50%; } .entry .entry__video a:before { left: 51.5%; width: 0; height: 0; border-top: 25px solid transparent; border-left: 42px solid #aae8fb; border-bottom: 25px solid transparent; } .entry .entry__video a:hover:after, .entry .entry__video a:hover:before { opacity: 0; } .entry .fullWidthVideo { margin-left:68px; max-width: calc(100% - 68px); } .entry .fullWidthVideo img { width: 100%; } .entry .entry__body { padding-right: 10px; margin-bottom: 46px; } .entry .entry__body .btn { margin-top: 15px; } .entry .testimonial { max-width: 470px; margin-left: 95px; } .entry .testimonial blockquote { padding-top: 70px; margin-bottom: 37px; font-size: 28px; } .entry .testimonial .testimonial__author h3 { margin-bottom: 5px; font-size: 28px; } .entry .testimonial .testimonial__author h5 { font-size: 20px; } .entry .testimonial blockquote:after, .entry .testimonial blockquote:before { width: 80px; height: 88px; } .entry .testimonial blockquote:after { bottom: -60px; right: -35px; } .entry .testimonial blockquote:before { top: 17px; left: -28px; } @media (max-width: 1200px) { .entry .testimonial { margin: 0 auto; } .entry .testimonial blockquote:after { right: 0; } .entry .testimonial blockquote:before { left: 0; } } @media (max-width: 767px) { /* .entry .testimonial { display: none; } */ .entry .entry__body { padding-right: 0; margin-bottom: 0; } .entry .entry__head { margin-bottom: 30px; } .entry .entry__image { height: 203px; margin-bottom: 28px; } .entry .entry__body .btn { margin-top: 8px; } .entry img.alignright, .entry img.alignleft { float: none; margin: 0 0 23px; } } /* ------------------------------------------------------------ *\ Feature \* ------------------------------------------------------------ */ .features { position: relative; min-height: 900px; } .features .feature { display: table; max-width: 310px; height: 250px; } .features .features__body { position: relative; z-index: 100; } .features .features__body h4 { margin-bottom: 22px; } .features .features__image { position: absolute; top: 17px; left: 0; right: 0; bottom: 0; width: 824px; height: 774px; margin: 0 auto; } .features .features__image:after { content: ''; position: absolute; top: -640px; left: -645px; right: -570px; bottom: -600px; z-index: -1; /*background: url(resources/images/background-blend.png) no-repeat 0 0; background-size: cover;*/ } .features .features__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; } .features .features__row:nth-child(1) { margin-bottom: 113px; } .features .features__row:nth-child(2) { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 30px 0 38px; } .features .features__row:nth-child(3) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feature .feature__inner { display: table-cell; vertical-align: bottom; } /* Feature Alignright */ .feature--alignright { text-align: right; } /* Feature Aligncenter */ .feature--aligncenter { text-align: center; } @media (max-width: 1200px) { .features .features__row:nth-child(2) { padding: 0; margin: 0 -15px; } .features .features__row:nth-child(2) .feature { max-width: 300px; } } @media (max-width: 991px) { .features { min-height: 760px; } .features .features__image { width: 660px; height: 626px; } .features .features__image:after { top: -484px; left: -550px; right: -508px; bottom: -550px; } .features .feature { max-width: 276px; height: 228px; } .features .features__row:nth-child(1) { margin-bottom: 80px; } .features .features__row:nth-child(1) { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .features .features__row:nth-child(2) { margin: 0; } .features .features__row:nth-child(2) .feature { max-width: 190px; } } @media (max-width: 767px) { .features .features__image { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 62px; height: 59px; margin: 42px auto 22px; } .features .features__image:after { left: -701px; bottom: -824px; } .features .feature { max-width: 100%; height: auto; margin-bottom: 53px; text-align: center; } .features .features__row:nth-child(1) { margin-bottom: 0; } .features .features__row:nth-child(2) .feature { max-width: 100%; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding: 26px 0 28px; background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(153,37,89,1)),color-stop(93%, rgba(88,44,106,1))); background: -o-linear-gradient(left, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); background: linear-gradient(to right, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); font-size: 15px; color: #fff; } .footer .logo { width: 38px; } .footer .copyright { position: relative; display: inline-block; vertical-align: middle; width: calc(100% - 44px); padding-left: 26px; padding-top: 7px; } @media (max-width: 767px) { .footer { padding: 18px 0 25px; font-size: 12px; } .footer .logo { width: 90px; } .footer .copyright { width: calc(100% - 100px); padding-top: 4px; padding-left: 24px; } } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .sublabel-hidden input + label, .label-hidden { display: none !important; } /* ------------------------------------------------------------ *\ Form Search \* ------------------------------------------------------------ */ .form-search { padding-right: 30px; } .form-search .form__label { display: inline-block; margin-bottom: 20px; color: #ce548c; } .form-search form { position: relative; } .form-search .form__controls { width: 100%; } .form-search .field { width: 100%; border: 0; background: #562251; } .form-search .form__btn { position: absolute; bottom: 3px; right: 12px; height: 43px; border: 0; line-height: 25px; vertical-align: middle; background: transparent; } @media (max-width: 991px) { .form-search .form__btn { height: 33px; line-height: 20px; } } @media (max-width: 767px) { .form-search .form__btn { height: 27px; line-height: 22px; } } /* ------------------------------------------------------------ *\ Form Subscribe \* ------------------------------------------------------------ */ .form-subscribe { position: fixed; top: 175px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 990; width: 468px; -webkit-transform: translateX(400px); -ms-transform: translateX(400px); transform: translateX(400px); padding: 16px 16px 17px; border-width: 1px 0 1px 9px; border-style: solid; border-color: #992559; background: #fff; -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s; transition: -webkit-transform .3s, -webkit-box-shadow .3s; -o-transition: transform .3s, box-shadow .3s; transition: transform .3s, box-shadow .3s; transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s; } .form-subscribe:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .7); box-shadow: 0 0 15px 1px rgba(0, 0, 0, .7); } .form-subscribe.form--visible { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .form-subscribe .form__head { width: 66px; line-height: 47px; } .form-subscribe .form__body { width: calc(100% - 66px); padding: 0 32px 0 25px; } .form-subscribe .btn__form { display: inline-block; vertical-align: middle; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 0; line-height: 0; } .form-subscribe .btn__form span { display: inline-block; vertical-align: middle; padding-top: 14px; font-size: 24px; line-height: 1; color: #582c6a; } .form-subscribe .btn__form .ico-mail-close { display: none; } .form-subscribe.form--visible .btn__form .ico-mail { display: none; } .form-subscribe.form--visible .btn__form .ico-mail-close { display: inline-block; } .form-subscribe .gform_wrapper .top_label div.ginput_container { margin-top: 4px; } .form-subscribe .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 46px; border: 1px solid #d8d8d8; background: #ecebeb; color: #992559; } .form-subscribe .gform_wrapper .top_label .gfield_label { font-family: 'Futura', sans-serif; font-size: 24px; line-height: 1; font-weight: 400; color: #992559; } .form-subscribe .gform_wrapper ul.gform_fields li.gfield { max-width: 100%; padding-right: 0; } .form-subscribe .gform_wrapper ul li.gfield { margin-top: 0; margin-bottom: 25px; } .form-subscribe .gform_wrapper ul li.gfield:last-child { margin-bottom: 0; } .form-subscribe .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } .form-subscribe .gform_wrapper .gform_footer input.button, .form-subscribe .gform_wrapper .gform_footer input[type=submit], .form-subscribe .gform_wrapper .gform_page_footer input.button, .form-subscribe .gform_wrapper .gform_page_footer input[type=submit] { padding: 10px 21px !important; background: #992559; font-size: 24px; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: -.01em; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; min-height: auto !important; line-height: 1 !important; width: auto !important; } .form-subscribe .gform_wrapper .gform_footer input.button:hover, .form-subscribe .gform_wrapper .gform_footer input[type=submit]:hover, .form-subscribe .gform_wrapper .gform_page_footer input.button:hover, .form-subscribe .gform_wrapper .gform_page_footer input[type=submit]:hover { background: #fff; border-color: #992559; color: #992559; } .form-subscribe .gform_wrapper .gform_footer { margin: 0; padding: 28px 0 10px; } .gfield--time select { margin-top: 0!important; } /* Errors */ .form-subscribe .gform_wrapper div.validation_error { color: #992559; border-top-color: #992559; border-bottom-color: #992559; } .form-subscribe .gform_wrapper li.gfield.gfield_error, .form-subscribe .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border-top-color: #992559; border-bottom-color: #992559; background-color: rgba(174,81,123,.05); } .form-subscribe .gform_wrapper .validation_message { color: #992559; } .form-subscribe .gform_wrapper .top_label .gfield_error { width: 100% !important; } @media (max-width: 1400px) { .form-subscribe { width: 270px; -webkit-transform: translateX(210px); -ms-transform: translateX(210px); transform: translateX(210px); height: 50px;} .form-subscribe.form--visible{height: 330px;width: 270px;} .form-subscribe.form--visible .btn__form span { font-size: 20px; display: inline-block; } .form-subscribe .form__head { width: 50px; } .form-subscribe .form__body { padding: 0; width: calc(100% - 50px); } .form-subscribe .btn__form span { font-size: 20px;display:none; } .form-subscribe .gform_wrapper .top_label .gfield_label { font-size: 20px; } .form-subscribe .gform_wrapper .gform_footer input.button, .form-subscribe .gform_wrapper .gform_footer input[type=submit], .form-subscribe .gform_wrapper .gform_page_footer input.button, .form-subscribe .gform_wrapper .gform_page_footer input[type=submit] { font-size: 20px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 32px 0; } .header { -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .header .logo { position: absolute; left: calc(50% - 600px); top: 50%; } .header .logo { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header .logo img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .header .logo img:nth-child(2) { display: none; } .header .header__actions { font-size: 0; line-height: 0; margin-right: -115px; margin-left: auto; } .header .header__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .header .header__nav { position: absolute; top: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; max-height: 0; padding: 20px 0 60px; background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(153,37,89,1)),color-stop(93%, rgba(88,44,106,1))); background: -o-linear-gradient(left, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); background: linear-gradient(to right, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); -webkit-transition: opacity .3s, visibility .3s, max-height .3s; -o-transition: opacity .3s, visibility .3s, max-height .3s; transition: opacity .3s, visibility .3s, max-height .3s; } .header .socials { display: inline-block; vertical-align: middle; } .header .header__nav .socials { display: none; } .header .btn-menu { margin-left: 15px; } /* Header Fixed */ .header.header--fixed { padding: 20px 0; background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(153,37,89,.8)),color-stop(93%, rgba(88,44,106,.8))); background: -o-linear-gradient(left, rgba(153,37,89,.8) 8%,rgba(88,44,106,.8) 93%); background: linear-gradient(to right, rgba(153,37,89,.8) 8%,rgba(88,44,106,.8) 93%); -webkit-box-shadow: 0 0 40px 10px rgba(0, 0, 0, .15); box-shadow: 0 0 40px 10px rgba(0, 0, 0, .15); } .header.header--fixed .header__actions { padding-top: 0; } .header.header--fixed .logo { max-width: 323px; } .header.header--fixed .logo img:nth-child(2) { display: inline-block; } .header.header--fixed .logo img:nth-child(1) { display: none; } body.show-nav-main .header .header__nav { opacity: 1; visibility: visible; max-height: 900px; } body.show-nav-main .header { background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(153,37,89,1)),color-stop(93%, rgba(88,44,106,1))); background: -o-linear-gradient(left, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); background: linear-gradient(to right, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); } body:not(.home) .header { background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(153,37,89,1)),color-stop(93%, rgba(88,44,106,1))); background: -o-linear-gradient(left, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); background: linear-gradient(to right, rgba(153,37,89,1) 8%,rgba(88,44,106,1) 93%); } body:not(.home) .header.header--fixed { padding: 20px 0; background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(153,37,89,.8)),color-stop(93%, rgba(88,44,106,.8))); background: -o-linear-gradient(left, rgba(153,37,89,.8) 8%,rgba(88,44,106,.8) 93%); background: linear-gradient(to right, rgba(153,37,89,.8) 8%,rgba(88,44,106,.8) 93%); -webkit-box-shadow: 0 0 40px 10px rgba(0, 0, 0, .15); box-shadow: 0 0 40px 10px rgba(0, 0, 0, .15); } body:not(.home) .header + * { padding-top: 99px; } @media (max-width: 1500px) { .header .header__actions { margin-right: -50px; } } @media (max-width: 1400px) { .header .header__actions { margin-right: -20px; } } @media (max-width: 1300px) { .header .header__actions { margin-right: 0; } } @media (max-width: 1240px) { .header .logo { left: 10px; } } @media (max-width: 1200px) { .header .btn-menu { margin-left: 15px; } } @media (max-width: 991px) { .header .header__actions .socials { display: none; } .header .header__nav .socials { display: block; margin-top: 20px; } } @media (max-width: 767px) { .header { padding: 18px 0; } .header.header--fixed .logo { max-width: 227px; } .header .logo { left: 28px; } .header .logo img:nth-child(1) { display: none; } .header .logo img:nth-child(2) { display: inline-block; } .header .header__actions { padding-top: 0; margin-right: -7px; } .header .socials { display: none; } .header .header__nav { min-height: calc(100vh - 68px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } body.show-nav-main .header .header__nav { max-height: 100%; } body:not(.home) .header { padding: 15px 0 12px; } body:not(.home) .header + * { padding-top: 59px; } } /* ------------------------------------------------------------ *\ - Admin Bar (if header is fixed) \* ------------------------------------------------------------ */ body.admin-bar .header { margin-top: 32px; } @media (max-width: 782px) { body.admin-bar .header { margin-top: 46px; } } @media (max-width: 600px) { body.admin-bar .header.header--fixed { margin-top: 0; } } /* ------------------------------------------------------------ *\ Ico \* ------------------------------------------------------------ */ .ico-arrow-btn { display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; } .intro .intro__slider { height: 1786px; } .intro .intro__grafic { z-index: 1; bottom: auto; height: 1786px; left: -371px; } .intro .intro__grafic { -webkit-transition: left 1.2s; -o-transition: left 1.2s; transition: left 1.2s; } .intro .intro__content { position: relative; z-index: 2; } .intro .intro__grafic:before, .intro .intro__grafic:after { content: ''; position: absolute; left: -135px; width: 2890px; background-size: 100% auto; } .intro .intro__grafic:before { top: -311px; background: url(resources/images/STAR-top2.svg) no-repeat 0 0; width: 2890px; height: 1216px; opacity: .8; } .intro .intro__grafic:after { background: url(resources/images/STAR-bottom.svg) no-repeat 0 bottom; left: -144px; top: auto; bottom: 0; width: 2905px; height: 887px; } .intro .intro__grafic span { position: absolute; top: calc(100% - 150px); bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(40%, rgba(255,255,255,1))); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%); } .intro .intro__content-top { max-width: 405px; min-height: 946px; padding: 197px 0 500px 3px; color: #fff; } .intro .intro__content-top h2 { line-height: 1.2; letter-spacing: -.03em; } .intro .intro__content-top .btn { margin-top: 15px; } .intro .intro__content-bottom { min-height: 816px; padding-top: 43px; padding-bottom: 60px; } .intro .entry { max-width: 483px; } .intro .entry .entry__head { margin-bottom: 49px; } .intro .entry .entry__video { margin-bottom: 28px; } .intro .entry .entry__video img { width: 100%; } .intro .entry .entry__body { max-width: 345px; padding-left: 2px; margin-bottom: 0; } .intro .entry .entry__actions { padding-top: 27px; } .intro .entry h1, .intro .entry h2 { line-height: 1.2; color: #582c6a; } .intro .entry .btn { padding: 14px 28px; } .intro .testimonial { max-width: 420px; padding-top: 392px; margin: 0 auto; } .intro .testimonial blockquote:after { bottom: -50px; right: 22px; } .intro .testimonial blockquote:before { top: 5px; left: 15px; } .intro .testimonial blockquote > p { position: absolute; left: 0; top: 50px; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .intro .testimonial blockquote > p.active { position: relative; opacity: 1; visibility: visible; top: 0; } .intro .entry, .intro .testimonial blockquote, .intro .intro__content-top h2 { opacity: 0; visibility: hidden; } .intro .entry, .intro .testimonial blockquote, .intro .intro__content-top h2 { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 1.2s, visibility 1.2s, -webkit-transform 1.2s; transition: opacity 1.2s, visibility 1.2s, -webkit-transform 1.2s; -o-transition: opacity 1.2s, visibility 1.2s, transform 1.2s; transition: opacity 1.2s, visibility 1.2s, transform 1.2s; transition: opacity 1.2s, visibility 1.2s, transform 1.2s, -webkit-transform 1.2s; } .intro .intro__content-top a { opacity: 0; visibility: hidden; } .intro .intro__content-top a { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); /*-webkit-transition: opacity 1.2s, visibility 1.2s, -webkit-transform 1.2s; transition: opacity 1.2s, visibility 1.2s, -webkit-transform 1.2s; -o-transition: opacity 1.2s, visibility 1.2s, transform 1.2s; transition: opacity 1.2s, visibility 1.2s, transform 1.2s; transition: opacity 1.2s, visibility 1.2s, transform 1.2s, -webkit-transform 1.2s;*/ } body.page-loaded .intro .intro__grafic { left: 0; } body.page-loaded .intro .intro__content-top h2.animate, body.page-loaded .intro .testimonial blockquote.animate, body.page-loaded .intro .entry.animate { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } body.page-loaded .intro .btn.animate { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } @media (max-width: 1800px) { .intro .intro__grafic { left: -440px; } body.page-loaded .intro .intro__grafic { left: -110px; } } @media (max-width: 1700px) { .intro .intro__grafic { left: -490px; } body.page-loaded .intro .intro__grafic { left: -160px; } } @media (max-width: 1500px) { .intro .intro__grafic { left: -580px; } body.page-loaded .intro .intro__grafic { left: -280px; } .intro .entry .entry__body { max-width: 320px; } } @media (max-width: 1400px) { .intro .intro__grafic { left: -650px; } body.page-loaded .intro .intro__grafic { left: -350px; } } @media (max-width: 1300px) { .intro .entry { max-width: 400px; } .entry .entry__video { max-width: 300px; } .entry .fullWidthVideo { margin-left:68px; max-width: calc(100% - 68px); } .intro .entry .entry__body { max-width: 260px; } .intro .testimonial { margin-left: 20px; } body.page-loaded .intro .intro__grafic { left: -420px; } } @media (max-width: 1200px) { .intro .intro__grafic { height: 1682px; } .intro .intro__content-top { min-height: 783px; padding: 143px 0 368px; } .intro .intro__content-bottom { min-height: 750px; padding-bottom: 60px; } .intro .intro__grafic:before { top: -164px; left: -36px; height: 947px; width: 2250px; } .intro .intro__grafic:after { left: -320px; height: 900px; width: 2962px; } .intro .entry { max-width: 390px; padding-top: 50px; } .entry .entry__video { max-width: 310px; } .entry .fullWidthVideo { margin-left:68px; max-width: calc(100% - 68px); } .intro .entry .entry__head { margin-bottom: 30px; } .intro .entry .entry__head h1, .intro .entry .entry__head h2 { font-size: 35px; } .intro .testimonial { padding-top: 375px; margin-left: 80px; } .intro .entry .entry__body { max-width: 248px; } .intro .intro__grafic { left: -500px; } body.page-loaded .intro .intro__grafic { left: -300px; } } @media (max-width: 1023px) { .intro .intro__content-bottom { padding-top: 0; } .intro .intro__grafic:before { top: -164px; left: 0; } .intro .intro__grafic:after { left: -285px; } .intro .entry { max-width: 380px; } .intro .entry .entry__video { margin-bottom: 20px; } .intro .testimonial { max-width: 300px; padding-top: 400px; margin-left: 150px; } .intro .testimonial blockquote { font-size: 28px; } .intro .intro__grafic { left: -560px; } body.page-loaded .intro .intro__grafic { left: -340px; } } @media (max-width: 991px) { .intro .intro__content-top { max-width: 457px; padding: 143px 0 332px; } .intro .intro__content-top .btn { display: inline-block; } .intro .intro__content-top h2 { font-size: 38px; margin-bottom: 20px; } .intro .intro__slider { bottom: auto; height: 1169px; } .intro .entry { max-width: 370px; padding-top: 0; } .intro .entry .entry__body { max-width: 100%; } .intro .intro__grafic { height: 1184px; bottom: auto; } .intro .intro__grafic:after { bottom: 0; left: 239px; height: 499px; width: 1661px; } .intro .intro__grafic:before { top: 0; left: 248px; height: 685px; width: 1641px; } .intro .intro__grafic span { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(80%, rgba(255,255,255,1))); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); } .intro .testimonial { padding-top: 200px; max-width: 300px; margin-left: 60px; } .intro .testimonial blockquote { font-size: 24px; } .intro .testimonial blockquote:after { right: 0; } .intro .testimonial blockquote:before { left: 0; } .intro .intro__grafic { left: -550px; } body.page-loaded .intro .intro__grafic { left: -373px; } } @media (max-width: 767px) { .intro .intro__slider { bottom: auto; height: 592px; } .intro .intro__content-top { padding: 82px 0 0; min-height: 344px; max-width: 255px } .intro .intro__content-top h2 { font-size: 18px; } .intro .intro__content-bottom { padding-top: 35px; padding-bottom: 73px; } .intro .entry { margin-top: 0; } .intro .entry .entry__head { max-width: 200px; margin-bottom: 37px; } .intro .entry .entry__head h1, .intro .entry .entry__head h2 { font-size: 18px; } .intro .entry .entry__body { margin-bottom: 0; } .intro .entry .entry__actions { padding-top: 22px; } .intro .entry .btn { padding: 12px 25px; } .intro .entry .entry__video { max-width: 350px; margin-bottom: 28px; } .entry .fullWidthVideo { margin-left: 0; max-width: 100%; } .intro .intro__grafic { bottom: auto; height: 597px; } .intro .intro__grafic:after { left: 355px; height: 252px; width: 860px; } .intro .intro__grafic:before { left: 362px; height: 345px; width: 847px; } .intro .intro__grafic span { top: calc(100% - 90px); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(80%, rgba(255,255,255,1))); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); } .intro .testimonial { padding-top: 0; margin: 0 auto; } .intro .testimonial blockquote { font-size: 16px; padding-top: 54px; } .intro .testimonial blockquote > p { top: 54px; } .intro .testimonial blockquote > p.active { top: 0; } .intro .testimonial blockquote:after, .intro .testimonial blockquote:before { width: 54px; } .intro .testimonial blockquote:after { bottom: -45px; right: -35px; } .intro .testimonial blockquote:before { top: 12px; left: -34px; } } @media (max-width: 480px) { .intro .entry .entry__head { max-width: 150px; } .intro .intro__grafic:after { left: 287px; height: 252px; width: 855px; } .intro .intro__grafic:before { left: 292px; height: 345px; width: 857px; } .intro .testimonial { max-width: 230px; } .intro .testimonial blockquote:after { bottom: -45px; right: -52px; } .intro .testimonial blockquote:before { top: 14px; left: -40px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; vertical-align: middle; max-width: 203px; text-decoration: none; } @media (max-width: 767px) { .logo { max-width: 227px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main .main__inner { padding: 50px 0; } /* ------------------------------------------------------------ *\ Member \* ------------------------------------------------------------ */ .members { margin: -3px; } .members .full { float: left; width: 100%; } .members .member { float: left; width: 25%; padding: 3px; } .member .member__inner { position: relative; display: block; height: 295px;overflow: hidden; text-decoration: none; } .member .member__content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 14px 23px 21px; font-size: 15px; line-height: 1.2; letter-spacing: 0; } .member .member__content:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(153,37,89,.3); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .member .member__content p { margin-bottom: 10px; } .member .member__content p:last-child { margin-bottom: 0; } .member.active .member__content { height: 100%; } .member .member__head, .member .member__body { position: relative; z-index: 2; } .member .member__head h6 { margin-bottom: 0; text-transform: uppercase; letter-spacing: 0; } .member .member__body { padding-top: 10px; opacity: 0; visibility: hidden; max-height: 0; -webkit-transition: opacity .3s, visibility .3s, max-height .3s; -o-transition: opacity .3s, visibility .3s, max-height .3s; transition: opacity .3s, visibility .3s, max-height .3s; } .member .member__inner:hover .member__body, .member.active .member__body { opacity: 1; visibility: visible; max-height: 300px; } .member .member__inner:hover .member__content, .member.active .member__content { height: 100%; } .member_description { background: #992559; bottom: 0; color: #ffffff; left: 0; margin: 4px 0 -4px; padding: 26px 33px; position: relative; width: calc(400% + 18px); } .member:nth-child(4n+2) .member_description { left: calc(-100% - 6px); } .member:nth-child(4n+3) .member_description, .full .half:nth-child(2n+2) .member .member_description { left: calc(-200% - 12px); } .member:nth-child(4n+4) .member_description, .full .half:nth-child(2n+2) .member:nth-child(2n+2) .member_description { left: calc(-300% - 18px); } @media (max-width: 991px) { /*.members .member { width: 33.33%; }*/ } @media (max-width: 767px) { .members { margin: 0 -30px; } .members .full .half { float: left; width: 100%; } .members .member { width: 50%; padding: 2px; } .member .member__inner { height: 188px; } .member .member__content { padding: 9px 16px 11px; } .member_description { width: calc(200% + 4px); } .member:nth-child(4n+2) .member_description { left: calc(-100% - 4px); } .member:nth-child(4n+3) .member_description , .full .half:nth-child(2n+2) .member .member_description { left: auto; } .member:nth-child(4n+4) .member_description , .full .half:nth-child(2n+2) .member:nth-child(2n+2) .member_description { left: calc(-100% - 4px); } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav li { letter-spacing: -.01em; } .nav a { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .nav a:hover { color: #ce548c; } .nav > ul { margin: 0 -15px; } .nav > ul > li { float: left; width: 25%; min-height: 139px; padding: 0 15px 20px; font-size: 36px; line-height: 1; color: #fff; } .nav > ul > li > a { position: relative; display: block; padding-bottom: 22px; } .nav > ul > li > a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 77%; height: 1px; background: #ad3f87; } .nav > ul > li:nth-child(4n) a:after { width: 89%; } .nav a { text-decoration: none; } .nav a + ul { padding-top: 26px; } .nav a + ul li { margin-bottom: 24px; font-size: 25px; line-height: 1; } .nav a + ul li:last-child { margin-bottom: 0; } @media (max-width: 991px) { .nav > ul > li { font-size: 28px; } .nav a + ul li { font-size: 20px; } } @media (max-width: 767px) { .nav > ul > li { width: 33.33%; min-height: 100px; padding-bottom: 40px; } .nav > ul > li:nth-child(4n) a:after { width: 77%; } .nav > ul > li:last-child { padding-bottom: 20px; } } @media (max-width: 782px) { .nav > ul > li { width: 50%; min-height: 70px; } .nav > ul > li { font-size: 24px; } .nav a + ul li { font-size: 18px; } } @media (max-width: 374px) { .nav > ul > li { width: 100%; min-height: auto; } .nav > ul > li > a:after, .nav > ul > li:nth-child(4n) > a:after { width: 100%; } } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { padding: 70px 0 40px; } .nav-secondary ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -29px; } .nav-secondary li { width: 25%; padding: 0 28px; } .nav-secondary li a { width: 100%; } @media (max-width: 1200px) { .nav-secondary ul { margin: 0 -5px; } .nav-secondary li { padding: 0 5px; } .nav-secondary li a { padding: 14px 20px; } } @media (max-width: 991px) { .nav-secondary li a { padding: 14px 1px; font-size: 16px; } } @media (max-width: 767px) { .nav-secondary { display: none; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 32px 0 35px; } .sectionTitle { padding-bottom: 0; } .section .section__head { margin-bottom: 32px; } .sectionTitle .section__head { margin-bottom: 0; } .section .section__head h2 { color: #992559; } /* Section Head Border */ .section--head-border { padding: 100px 0 75px; } .section--head-border .section__head{ position: relative; max-width: 900px; padding-bottom: 41px; margin: 0 auto 40px; text-align: center; } .section--head-border .section__head h2 { margin-bottom: 50px; } .section--head-border .section__head:after { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 64px; height: 3px; background: #ef404a; } /* Section Background */ .section--background { position: relative; padding: 110px 0 132px; color: #fff; } .section--background .section__image { opacity: .08; } .section--background .section__image.particles-js { opacity: 0.2; -webkit-filter: blur(1px); filter: blur(1px); } .section--background .section__body { position: relative; z-index: 1; } .section--background .entries { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 -77px; } .section--background .entries .entry { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; padding: 0 77px; } .section--background .entry .entry__actions { -ms-flex-item-align: end; align-self: flex-end; } /* Section Solid */ .section--solid { background-color: #9e8e6a; color: #fff; } .section--purple { background-color: #582c6a; color: #fff; } /* Section Gradient */ .section--gradient { position: relative; z-index: 1; background: -webkit-gradient(linear, left top, right top, from(rgba(152,37,89,1)),to(rgba(57,16,68,1))); background: -o-linear-gradient(left, rgba(152,37,89,1) 0%,rgba(57,16,68,1) 100%); background: linear-gradient(to right, rgba(152,37,89,1) 0%,rgba(57,16,68,1) 100%); background-image: url(resources/images/background-blend.png),linear-gradient(to right, rgba(152,37,89,1) 0%,rgba(57,16,68,1) 100%); background-size: cover; color: #fff; overflow: hidden; background-attachment: fixed; } @media (max-width: 1024px) { .section--gradient { background-attachment: scroll; } } .section--gradient .section__head h2 { color: #fff; } /* Section Violet */ .section--violet { padding: 95px 0 135px; background: #502561; color: #fff; } .section--violet .section__head { max-width: 1100px; margin: 0 auto 55px; text-align: center; } .section--violet .section__head h2 { margin-bottom: 43px; color: #fff; } /* Section Accordion */ .section--accordion .section__head-mobile { display: none; width: 100%; position: relative; z-index: 1; } .section--accordion .section__head-mobile .btn { display: block; font-size: 18px; } @media (max-width: 991px) { .section--background .entries { margin: 0 -40px; } .section--background .entries .entry { padding: 0 40px; } .section--background .entry .entry__body { margin-bottom: 46px; } } @media (max-width: 767px) { .section { padding: 33px 0 45px; } .section--solid { padding: 40px 0 54px; } .section--head-border .section__head { padding-bottom: 0; margin: 0 auto 20px; } .section--head-border .section__head:after { display: none; } .section--background .entries { margin: 0 -15px; } .section--background .entries .entry { padding: 0 15px; margin-bottom: 56px; } .section--background .entry .entry__body { margin-bottom: 31px; } .section--violet .section__head-mobile + .section__inner .section__head { margin-bottom: 50px; } .section--accordion { padding-top: 0; } .section--accordion .section__head-mobile { display: block; } .section--accordion .section__head-mobile + .section__inner .section__head { margin-bottom: 0; } .section--accordion .section__head-mobile + .section__inner .section__head h2 { display: none; } .section--accordion .section__head-mobile + .section__inner .section__body .box .box__head h2 { display: none; } .section--accordion { padding: 0; } .section--accordion .section__inner { opacity: 0; visibility: hidden; max-height: 0; -webkit-transition: opacity .3s, visibility .3s, max-height .3s; -o-transition: opacity .3s, visibility .3s, max-height .3s; transition: opacity .3s, visibility .3s, max-height .3s; } .section--accordion.active .section__inner { opacity: 1; visibility: visible; max-height: 3000px; } .section--accordion.active .entry { padding-bottom: 58px; } .section--accordion.active .section__head-mobile + .section__inner { margin-top: 37px; } .section-background.active .section__head-mobile + .section__inner { margin-top: 0; } .sectionTitle { padding-bottom: 0; } .sectionTitle .section__head { margin-bottom: 0; } } @media (max-width: 600px) { .section--background .entries { margin: 0; } .section--background .entries .entry { width: 100%; padding: 0; } .section--background .entries .entry:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Slider \* ------------------------------------------------------------ */ .section-slider { padding: 74px 0 50px; } .sectionCarouselfeatured { margin: 32px 0 35px; text-align: center; } .sectionCarouselfeatured .btn { margin-top:-95px; } @media (max-width: 767px) { .section-slider { padding: 25px 0 53px; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section-services { position: relative; overflow: hidden; background-color: #9e8e6a; } .section-services .section__ajax { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background-color: #fff; } .section-services .section__ajax { border-top: 10px solid #9e8e6a; } .section-services .section__ajax { -webkit-transition: opacity 1.2s, visibility 1.2s; transition: opacity 1.2s, visibility 1.2s; } .section-services .section__body { position: relative; z-index: 10; color: #fff; } .section-services .section-about .section__body-content p { color: #666; } .section-services .btn * { pointer-events: none; } .section-services .service { -webkit-transition: transform 1.2s; transition: transform 1.2s; } /* -- Active */ .section-services--active .service:first-child { -webkit-transform: translate(-100%,100%); transform: translate(-100%,100%); } .section-services--active .service--right { -webkit-transform: translate(100%,-100%); transform: translate(100%,-100%); } .section-services--active .service:first-child.active + .service__icon__hidden, .section-services--active .service--right.active + .service__icon__hidden { -webkit-transform: rotate(32deg) translate(0px,0px); transform: rotate(32deg) translate(0px,0px); -webkit-transition-delay: 1.0s; transition-delay: 1.0s; } .section-services--active .section__ajax { opacity: 1; visibility: visible; } .section-services--complete > .section__ajax { position: relative; } .section-services--complete > .section__body { max-height: 0; } .section-services--complete > .section__body .service { display: none; } .section-services:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5) url(resources/images/loading.gif) no-repeat center center; background-size: 32px auto; z-index: 20; opacity: 0; visibility: hidden; } .section-services:before { -webkit-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .section-services--loading:before { opacity: 1; visibility: visible; } /* ------------------------------------------------------------ *\ Section Background \* ------------------------------------------------------------ */ .section-background { position: relative; width: 100%; padding-bottom: 102px; } .section-background .section__image { width: 100%; height: 100%; opacity: .7; } .section-background .section__body { height: 800px; } .section-background .section__body .shell { display: table; width: 100%; height: 100%; } .section-background .box { display: table-cell; max-width: 766px; width: 766px; vertical-align: bottom; } @media (max-width: 1023px) { .section-background .section__body { height: 700px; } } @media (max-width: 767px) { .section-background { padding: 0; } .section-background .section__body { height: auto; min-height: 448px; } .section-background .section__body .shell { position: relative; display: block; min-height: inherit; } .section-background .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; max-width: 100%; height: 100%; } .section-background .box .box__inner { height: 100%; } .section-background .section__head-mobile { padding-bottom: 0; } } .page-template-about-us .section-background .section__image{ background-attachment: fixed; opacity: 1; } .page-template-about-us .section-background .section__body { height: 600px; } /* ------------------------------------------------------------ *\ Separator \* ------------------------------------------------------------ */ .separator { margin: 53px 0 58px; clear: both; color: inherit; text-align: center; text-transform: uppercase; overflow: hidden; } .separator h4 { color: #9e8e6a; } .separator h4 span { position: relative; display: inline-block; vertical-align: middle; padding: 0 33px; } .separator h4 span:after, .separator h4 span:before { content: ''; position: absolute; bottom: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 500px; height: 3px; background: currentColor; } .separator h4 span:after { left: 100%; } .separator h4 span:before { right: 100%; } /* Separator Red */ .separator--red h4 { color: #ef404a; } @media (max-width: 767px) { .page-template-about-us .section-background .section__body { height: auto; } .separator { margin: 27px 0 26px; } .separator h4 span { padding: 0 25px; } .separator h4 span:after, .separator h4 span:before { bottom: 44%; width: 500px; height: 1px; } } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .services { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service { position: relative; z-index: 5; width: 50%; padding: 125px 0; font-size: 21px; } .service .service__overlay { right: 7px; left: calc(-50vw - 600px); background: -o-linear-gradient(290deg, rgba(152,37,89,1) 57%,rgba(57,16,68,1) 100%); background: linear-gradient(-200deg, rgba(152,37,89,1) 57%,rgba(57,16,68,1) 100%); -webkit-transform: translateZ(0) skewX(55.9deg); transform: translateZ(0) skewX(55.9deg); border-right: 26px solid #9e8e6a; } .service .service__image { position: absolute; top: 170px; left: -38%; width: 410px; bottom: 0; opacity: .05; } .service .service__inner { position: relative; z-index: 1; max-width: 430px; padding: 312px 0 15px; } .service .service__head { margin-bottom: 27px; } .service .service__head h2 { display: inline-block; vertical-align: middle; padding-left: 14px; } .service .service__icon { display: inline-block; vertical-align: middle; max-width: 55px; } .service .service__icon img { max-height: 51px; } .service + .service__icon__hidden { position: fixed; right: -120px; top: -120px; background-color: #4f285f; border: 10px solid #9e8e6a; width: 425px; height: 240px; z-index: 10; } .service + .service__icon__hidden { -webkit-transform: rotate(32deg) translate(-400px,-400px); transform: rotate(32deg) translate(-400px,-400px); -webkit-transition: transform 0.4s; transition: transform 0.4s; } .service + .service__icon__hidden img { max-height: 60px; position: absolute; left: 50%; top: 50%; margin: 22px 0 0 40px; } .service + .service__icon__hidden img { -webkit-transform: rotate(-32deg) translate(-50%,-50%); transform: rotate(-32deg) translate(-50%,-50%); } .service .service__actions { padding-top: 41px; } /* Service Right */ .service--right { text-align: right; z-index: 4; } .service--right:after { display: none; } .service--right .service__head h2 { display: inline-block; vertical-align: middle; padding-left: 0; padding-right: 13px; margin-bottom: 0; } .service--right .service__overlay { left: -50%; right: calc(-50vw - 600px); border-right: 0; background: -o-linear-gradient(290deg, rgba(88,44,106,1) 0%,rgba(30,1,55,1) 70%); background: linear-gradient(-200deg, rgba(88,44,106,1) 0%,rgba(30,1,55,1) 70%); } .service--right .service__image { left: auto; top: -215px; right: -45%; width: 537px; } .service--right .service__inner { float: right; padding-top: 8px; } .service--right + .service__icon__hidden { right: auto; left: -120px; top: auto; bottom: -120px; } .service--right + .service__icon__hidden { -webkit-transform: rotate(32deg) translate(400px,400px); transform: rotate(32deg) translate(400px,400px); } .service--right + .service__icon__hidden img { margin: -70px 0 0 -20px; } @media (max-width: 1500px) { .service .service__image { left: 0; width: 350px; } .service--right .service__image { left: auto; right: 0; width: 450px; } } @media (max-width: 991px) { .service .service__image { top: 300px; left: 10%; width: 250px; } .service--right .service__image { left: auto; top: -300px; right: 0; width: 350px; } } @media (max-width: 767px) { .service { font-size: 13px; padding: 30px 0; } .service .service__inner { margin-right: -65px; padding: 307px 0 8px; } .service .service__head { margin-bottom: 22px; } .service .service__head h2 { padding-left: 8px; } .service .service__actions { padding-top: 22px; } .service .service__icon { width: 30px; } .service .service__image { display: none; } .service--right .service__head h2 { padding-right: 14px; padding-left: 0; } .service--right .service__inner { margin-right: 0; margin-left: -80px; padding-top: 8px; } .service .service__overlay { right: -13px; border-right-width: 10px; } .service--right .service__overlay { right: calc(-50vw - 600px); } } /* ------------------------------------------------------------ *\ # Shell \* ------------------------------------------------------------ */ .shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; } @media (min-width: 1600px) { .shell { max-width: 1500px; } } @media (max-width: 1200px) { .shell { padding-left: 28px !important; padding-right: 28px !important; } } /* ------------------------------------------------------------ *\ - Fluid \* ------------------------------------------------------------ */ .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { float: left; width: 300px; } @media (max-width: 767px) { .sidebar { float: none; width: 100%; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .owl-dots { padding-top: 40px; text-align: center; } .owl-dots .owl-dot { display: inline-block; padding: 0 3px; } .owl-dots .owl-dot span { display: inline-block; width: 12px; height: 12px; border: 1px solid #9e8e6a; border-radius: 50%; background: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .owl-dots .owl-dot:hover span, .owl-dots .owl-dot.active span { background: #9e8e6a; } .owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 55px; height: 77px; color: black; font-size: 0; line-height: 0; background: url(resources/images/sprite/ico-arrow.png) no-repeat 0 0; background-size: contain; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: .25; } .owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled { opacity: 1; } .owl-nav .owl-next { /*top: 37.5%;*/ right: -123px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .owl-nav .owl-prev { left: -122px; } .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { opacity: .6; } @media (max-width: 767px) { .owl-dots { padding-top: 15px; } .owl-dots .owl-dot span { width: 10px; height: 10px; } } /* ------------------------------------------------------------ *\ Slider Main \* ------------------------------------------------------------ */ .slider-main { position: relative; overflow: hidden; height: 100%; } .slider-main{ -webkit-transform: translateZ(0); transform: translateZ(0); } .slider-main .slider__clip, .slider-main .slider__slides, .slider-main .slider__slide, .slider-main .owl-stage, .slider-main .owl-item, .slider-main .owl-stage-outer { width: 100%; height: 100%; } .slider-main .slider__slide { position: relative; } .slider-main .slider__slide-image { height: 100%; pointer-events: none; } /* ------------------------------------------------------------ *\ Slider Testimonials \* ------------------------------------------------------------ */ .slider-testimonials { position: relative; } .slider-testimonials .slider__slide-content { max-width: 1050px; margin: 0 auto; } @media (max-width: 1200px) { .slider-testimonials .slider__slide-content { padding: 0 50px; } } @media (max-width: 767px) { .slider-testimonials .slider__slide-content { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Slider Members \* ------------------------------------------------------------ */ .slider-members { position: relative; } .slider-members .slider__slide-image { width: 100%; height: 296px; } .slider-membersOuter {position: relative;} #slider-membersOuter3 { left: 12.5% ; width: 75% ; } #slider-membersOuter2 { left: 25% ; width: 50% ; } #slider-membersOuter1 { left: 37.5% ; width: 25% ; } .memberBioFull { width:100%; } .memberBioFull3 { left: -16.5% ; width: 133%; } .memberBioFull2 { left: -50%; width: 200%; } .memberBioFull1 { left: -150%; width: 400%; } /*.memberBioFull { width: 100%; }*/ @media (max-width: 1500px) { .slider-members { padding: 0 65px; } .slider-members .owl-nav .owl-next { right: -66px; } .slider-members .owl-nav .owl-prev { left: -66px; } } @media (max-width: 1200px) { /*.slider-members .owl-nav .owl-next { right: -70px; } .slider-members .owl-nav .owl-prev { left: -70px; }*/ } @media (max-width: 767px) { /*.slider-members { padding: 5px 0 0; margin: 0 -28px 0; }*/ .slider-membersOuter { left:0!important; margin-bottom: 60px; width: 100%!important; } .slider-members { padding: 0; } .slider-members .owl-nav .owl-next { height: 28px; right: -24px; width: 20px; } .slider-members .owl-nav .owl-prev { height: 28px; left: -24px; width: 20px; } .slider-members .slider__slide-image { height: 190px; } .memberBioFull {left: 0!important; width: 100%!important; } } /* ------------------------------------------------------------ *\ Slider Articles \* ------------------------------------------------------------ */ .slider-articles, .slider-featured { position: relative; padding: 38px 0 65px; } .slider-articles, .slider-featured { padding: 15px 0; } .slider-articles .entry .entry__image, .slider-featured .entry .entry__image { max-width: 522px; height: auto; margin-bottom: 34px; } .slider-featured .entry .entry__image { margin-bottom: 0; } .slider-articles .entry .entry__head, .slider-featured .entry .entry__head { margin-bottom: 46px; } .slider-articles .entry .entry__body, .slider-featured .entry .entry__body { margin-bottom: 31px; } .slider-articles .owl-nav .owl-prev, .slider-featured .owl-nav .owl-prev { top: 33%; } .slider-articles .owl-nav .owl-next, .slider-featured .owl-nav .owl-next { top: 33%; } @media (max-width: 1500px) { .slider-articles, .slider-featured { padding: 38px 50px 38px; } .slider-articles .owl-nav .owl-next, .slider-featured .owl-nav .owl-next { right: -55px; } .slider-articles .owl-nav .owl-prev, .slider-featured .owl-nav .owl-prev { left: -55px; } } @media (max-width: 1200px) { .slider-articles .owl-nav .owl-next, .slider-featured .owl-nav .owl-next { right: -70px; } .slider-articles .owl-nav .owl-prev, .slider-featured .owl-nav .owl-prev { left: -70px; } } @media (max-width: 767px) { .slider-articles, .slider-featured { padding: 8px 0 10px; } .slider-articles .entry .entry__head, .slider-featured .entry .entry__head { margin-bottom: 29px; } .slider-articles .entry .entry__image, .slider-featured .entry .entry__image { height: 202px; margin-bottom: 29px; } .slider-featured .entry .entry__image { height: auto; margin-bottom: 0; } .slider-articles .slider__slide, .slider-featured .slider__slide { margin-bottom: 65px; } .slider-articles .slider__slide:last-child, .slider-featured .slider__slide:last-child { margin-bottom: 0; } .slider-featured .owl-nav .owl-next { height: 28px; right: -24px; width: 20px; } .slider-featured .owl-nav .owl-prev { height: 28px; left: -24px; width: 20px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style-type: none; } .socials li { display: inline-block; vertical-align: middle; padding: 0 5px; } .socials a { position: relative; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .socials a:after { content: ''; position: absolute; bottom: -9px; left: 0; right: 0; opacity: 0; visibility: hidden; height: 1.5px; border-radius: 50%; background: rgba(0,0,0, .4); -webkit-box-shadow: 0 0 14px 1px #000; box-shadow: 0 0 14px 1px #000; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .socials a:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .socials a:hover:after { opacity: 1; visibility: visible; } @media (max-width: 1200px) { .socials li { display: inline-block; vertical-align: middle; padding: 0 7px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell--fluid { max-width: none; } /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget { margin-bottom: 15px; } .widget ul { list-style: none outside none; margin: 0; } .widget li { padding: 5px 0; } .widget-title { padding-bottom: 5px; border-bottom: 1px solid #000; margin-bottom: 12px; } .widget_categories .screen-reader-text { display: none; } .widget_categories .post-form { width: 100%; padding: 5px; } .widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; } .widget_calendar td, .widget_calendar th { padding: 5px; border: 1px solid #000; } .widget_calendar caption { padding: 12px; font-weight: bold; } .widget_calendar tfoot { font-weight: bold; } .widget_rss .rsswidget { vertical-align: middle; } .widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { text-align: center; letter-spacing: -.03em; } .testimonial .testimonial__author h3 { margin-bottom: 7px; color: #9e8e6a; font-weight: 700; } .testimonial .testimonial__author h5 { color: #333; } @media (max-width: 767px) { .testimonial .testimonial__author h3 { margin-bottom: 5px; font-size: 16px; } .testimonial .testimonial__author h5 { font-size: 12px; } } /* ------------------------------------------------------------ *\ # Widgets \* ------------------------------------------------------------ */ [class^="widgets"] > ul { list-style: none; } .widget { margin-bottom: 25px; } .widget .widget__title { margin-bottom: 10px; font-size: 30px; } .widget > ul { list-style: none outside none; margin: 0; } .widget > ul li { padding: 3px 0; font-size: 18px; } .widget > ul a { text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .widget > ul a:hover { color: #582c6a; } /* ------------------------------------------------------------ *\ - Calendar \* ------------------------------------------------------------ */ .widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; } .widget_calendar td, .widget_calendar th { padding: 5px; border: 0; } .widget_calendar caption { padding: 12px; font-weight: bold; font-size: 20px; color: #562251; } .widget_calendar tfoot { font-weight: bold; } .widget_calendar a { color: #ad3f87; text-decoration: none; } .widget_calendar a:hover { color: #562251; } /* ------------------------------------------------------------ *\ - Rss \* ------------------------------------------------------------ */ .widget_rss .rsswidget { vertical-align: middle; } .widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; } /* ------------------------------------------------------------ *\ - Categories \* ------------------------------------------------------------ */ .widget_categories .screen-reader-text { display: none; } .widget_categories .post-form { width: 100%; padding: 5px; } /* ------------------------------------------------------------ *\ Widget Form \* ------------------------------------------------------------ */ .gform_widget .form__head { width: 66px; line-height: 47px; } .gform_widget .form__body { width: calc(100% - 66px); padding: 0 32px 0 25px; } .gform_widget .btn__form { display: inline-block; vertical-align: middle; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 0; line-height: 0; } .gform_widget .btn__form span { display: inline-block; vertical-align: middle; padding-top: 14px; font-size: 24px; line-height: 1; color: #582c6a; } .gform_widget .gform_wrapper .top_label div.ginput_container { margin-top: 4px; } .gform_widget .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 35px; border: 1px solid #d8d8d8; background: #ecebeb; color: #992559; } .gform_widget .gform_wrapper .top_label .gfield_label { font-family: 'Futura', sans-serif; font-size: 20px; line-height: 1; font-weight: 400; color: #992559; } .gform_widget .gform_wrapper ul.gform_fields li.gfield { max-width: 100%; padding-right: 0; } .gform_widget .gform_wrapper ul li.gfield { margin-top: 0; margin-bottom: 25px; } .gform_widget .gform_wrapper ul li.gfield:last-child { margin-bottom: 0; } .gform_widget .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } .gform_widget .gform_wrapper .gform_footer input.button, .gform_widget .gform_wrapper .gform_footer input[type=submit], .gform_widget .gform_wrapper .gform_page_footer input.button, .gform_widget .gform_wrapper .gform_page_footer input[type=submit] { padding: 10px 21px !important; background: #992559; font-size: 20px; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: -.01em; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; min-height: auto !important; line-height: 1 !important; width: auto !important; } .gform_widget .gform_wrapper .gform_footer input.button:hover, .gform_widget .gform_wrapper .gform_footer input[type=submit]:hover, .gform_widget .gform_wrapper .gform_page_footer input.button:hover, .gform_widget .gform_wrapper .gform_page_footer input[type=submit]:hover { background: #fff; border-color: #992559; color: #992559; } .gform_widget .gform_wrapper .gform_footer { margin: 0; padding: 28px 0 10px; } /* Errors */ .gform_widget .gform_wrapper div.validation_error { color: #992559; border-top-color: #992559; border-bottom-color: #992559; } .gform_widget .gform_wrapper li.gfield.gfield_error, .gform_widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border-top-color: #992559; border-bottom-color: #992559; background-color: rgba(174,81,123,.05); } .gform_widget .gform_wrapper .validation_message { color: #992559; } .gform_widget .gform_wrapper .top_label .gfield_error { width: 100% !important; } @media (max-width: 767px) { .gform_widget { width: 270px; -webkit-transform: translateX(210px); -ms-transform: translateX(210px); transform: translateX(210px); } .gform_widget .form__head { width: 50px; } .gform_widget .form__body { padding: 0; width: calc(100% - 50px); } .gform_widget .btn__form span { font-size: 20px; } .gform_widget .gform_wrapper .top_label .gfield_label { font-size: 20px; } .gform_widget .gform_wrapper .gform_footer input.button, .gform_widget .gform_wrapper .gform_footer input[type=submit], .gform_widget .gform_wrapper .gform_page_footer input.button, .gform_widget .gform_wrapper .gform_page_footer input[type=submit] { font-size: 20px; } } /* ------------------------------------------------------------ *\ Widget Search \* ------------------------------------------------------------ */ .widget_search .search-form .search__field { border: 1px solid transparent; background: #562251; color: #fff; } .widget_search .search-form .search__field:focus { border-color: #562251; background-color: #fff; color: #562251; } .widget_search .search-form .search__field::-webkit-input-placeholder { color: #fff; } .widget_search .search-form .search__field:-ms-input-placeholder { color: #fff; } .widget_search .search-form .search__field::-ms-input-placeholder { color: #fff; } .widget_search .search-form .search__field::placeholder { color: #fff; } .widget_search .search-form .search__field:focus::-webkit-input-placeholder { color: #562251; } .widget_search .search-form .search__field:focus:-ms-input-placeholder { color: #562251; } .widget_search .search-form .search__field:focus::-ms-input-placeholder { color: #562251; } .widget_search .search-form .search__field:focus::placeholder { color: #562251; } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; overflow: hidden; } .wrapper:after { content: ''; background: rgba(40,40,40,.68); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } body.show-nav-main .wrapper:after { opacity: 1; visibility: visible; } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ /*# sourceMappingURL=bundle.css.map */ /* post boxes colors */ .post-box-News {background-color: #992559 !important;} .post-box-Blog {background-color: #784e9b !important;} .post-box-Event {background-color: #9e8e6a !important;} ul.date-selector li span {color: #FFF; padding: 5px 8px;} ul.date-selector li span a {display: inline;} ul.date-selector span span {width: 50px; margin-top: -6px; text-align: right;padding-right: 3px;} img.ui-datepicker-trigger {margin-top: -5px; cursor: pointer;} .nav-pagination > ul span { display: block; color: #982559; font-size: 16px; line-height: 20px; padding: 6px 0;} .section-news .section__body{min-height:500px;} .section-news--loading {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5) url(resources/images/loading.gif) no-repeat center center; background-size: 32px auto; z-index: 20;} /*.section-intro .section__body*/ .btn-link:hover i {color:#000!important; background-color: #fff;}