/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 05. Brand Health ----------------------------- 06. Brand Development ------------------------ 07. Brand Publisher -------------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Content Primary ------------------------- 04. Footer ----------------------------------- 05. Footer home ----------------------------- 06. Header ----------------------------------- 07. Main ------------------------------------- 08. Main Alt -------------------------------- 09. Shell ------------------------------------ 10. Sidebar ---------------------------------- 11. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Article ---------------------------------- 02. Avatar ----------------------------------- 03. Avatar Big ------------------------------ 04. Brand ------------------------------------ 05. Btn Danger ------------------------------- 06. Callout ---------------------------------- 07. Counters --------------------------------- 08. Counters Primary ------------------------ 09. Divider ---------------------------------- 10. Filter ----------------------------------- 11. Form Elements ---------------------------- 12. Form Contacts ---------------------------- 13. Form Filter ------------------------------ 14. Gallery ---------------------------------- 15. Intro ------------------------------------ 16. Intro Home ------------------------------ 17. Link ------------------------------------- 18. List ------------------------------------- 19. List Logos ------------------------------- 20. List Bullets ----------------------------- 21. List Contacts ---------------------------- 22. List Tags -------------------------------- 23. List Tags Inline ------------------------ 24. List Info -------------------------------- 25. List Markers ----------------------------- 26. List Media ------------------------------- 27. List Details ----------------------------- 28. List Press ------------------------------- 29. List Partners ---------------------------- 30. Logo ------------------------------------- 31. Map Countries ---------------------------- 32. Map Main -------------------------------- 33. Nav -------------------------------------- 34. Nav Lang --------------------------------- 35. Nav Grants ------------------------------- 36. Plan ------------------------------------- 37. Preloader -------------------------------- 38. Project Info ----------------------------- 39. Questions -------------------------------- 40. Search ----------------------------------- 41. Section ---------------------------------- 42. Section Plan ----------------------------- 43. Section Contacts ------------------------ 44. Section Showcase ------------------------- 45. Section Primary -------------------------- 46. Section Placeholder ---------------------- 47. Section Project -------------------------- 48. Section Updates -------------------------- 49. section-social --------------------------- 50. Section Social Main --------------------- 51. section--intro --------------------------- 52. Section Copy ---------------------------- 53. Section Last ---------------------------- 54. Section Articles ------------------------ 55. Section News ----------------------------- 56. Section Alt ----------------------------- 57. Section Dark ----------------------------- 58. Section Projects ------------------------- 59. Section Partners ------------------------- 60. Slider Testimonials ---------------------- 61. Slider Socials --------------------------- 62. Slider Main ------------------------------ 63. Slider Projects -------------------------- 64. Slider Map ------------------------------- 65. Socials ---------------------------------- 66. Socials Simple -------------------------- 67. Tabs ------------------------------------- 68. Tab -------------------------------------- 69. Table ------------------------------------ 70. Table Filter ----------------------------- 71. Table Secondary ------------------------- 72. Tags ------------------------------------- 73. Team ------------------------------------- 74. Team Alt -------------------------------- 75. Testimonial ------------------------------ 76. Unit ------------------------------------- 77. video ------------------------------------ 78. Widget ----------------------------------- 79. Widget Contact --------------------------- 80. Widget Alt ------------------------------ */ .ico-close { background-image: url(images/sprite.png); background-position: 50.81967213114754% 66.99029126213593%; background-size: 1320% 1130%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo-danger { background-image: url(images/sprite.png); background-position: 93.44978165938865% 70.52631578947368%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo { background-image: url(images/sprite.png); background-position: 93.44978165938865% 28.421052631578945%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-scroll { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 528% 451.99999999999994%; width: 50px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-zoom { background-image: url(images/sprite.png); background-position: 75.6198347107438% 47.05882352941176%; background-size: 1200% 1027.2727272727273%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-danger { background-image: url(images/sprite.png); background-position: 58.964143426294825% 63.30275229357798%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-danger-hover, a:hover .icon-menu-danger, button:hover .icon-menu-danger, a.hover .icon-menu-danger, button.hover .icon-menu-danger, .icon-menu-danger.hover { background-image: url(images/sprite.png); background-position: 72.90836653386454% 55.96330275229357%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-development { background-image: url(images/sprite.png); background-position: 98.80478087649402% 79.81651376146789%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-development-hover, a:hover .icon-menu-development, button:hover .icon-menu-development, a.hover .icon-menu-development, button.hover .icon-menu-development, .icon-menu-development.hover { background-image: url(images/sprite.png); background-position: 92.03187250996015% 79.81651376146789%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-publisher { background-image: url(images/sprite.png); background-position: 65.73705179282868% 63.30275229357798%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-publisher-hover, a:hover .icon-menu-publisher, button:hover .icon-menu-publisher, a.hover .icon-menu-publisher, button.hover .icon-menu-publisher, .icon-menu-publisher.hover { background-image: url(images/sprite.png); background-position: 85.2589641434263% 79.81651376146789%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ejc-dark { background-image: url(images/sprite.png); background-position: 0% 51.06382978723404%; background-size: 300% 594.7368421052632%; width: 88px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ejc-small { background-image: url(images/sprite.png); background-position: 51.9774011299435% 51.06382978723404%; background-size: 303.44827586206895% 594.7368421052632%; width: 87px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ejc { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 125.71428571428571% 245.65217391304347%; width: 210px; height: 92px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-footer-dark { background-image: url(images/sprite.png); background-position: 0% 80.3921568627451%; background-size: 220.00000000000003% 1027.2727272727273%; width: 120px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-footer { background-image: url(images/sprite.png); background-position: 0% 67.64705882352942%; background-size: 220.00000000000003% 1027.2727272727273%; width: 120px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-icon-green { background-image: url(images/sprite.png); background-position: 93.44978165938865% 49.473684210526315%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-icon-purple { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-close { background-image: url(images/sprite.@2x.png); background-position: 50.81967213114754% 66.99029126213593%; background-size: 1320% 1130%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo-danger { background-image: url(images/sprite.@2x.png); background-position: 93.44978165938865% 70.52631578947368%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo { background-image: url(images/sprite.@2x.png); background-position: 93.44978165938865% 28.421052631578945%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-scroll { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 528% 451.99999999999994%; width: 50px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-zoom { background-image: url(images/sprite.@2x.png); background-position: 75.6198347107438% 47.05882352941176%; background-size: 1200% 1027.2727272727273%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-danger { background-image: url(images/sprite.@2x.png); background-position: 58.964143426294825% 63.30275229357798%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-danger-hover, a:hover .icon-menu-danger, button:hover .icon-menu-danger, a.hover .icon-menu-danger, button.hover .icon-menu-danger, .icon-menu-danger.hover { background-image: url(images/sprite.@2x.png); background-position: 72.90836653386454% 55.96330275229357%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-development { background-image: url(images/sprite.@2x.png); background-position: 98.80478087649402% 79.81651376146789%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-development-hover, a:hover .icon-menu-development, button:hover .icon-menu-development, a.hover .icon-menu-development, button.hover .icon-menu-development, .icon-menu-development.hover { background-image: url(images/sprite.@2x.png); background-position: 92.03187250996015% 79.81651376146789%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-publisher { background-image: url(images/sprite.@2x.png); background-position: 65.73705179282868% 63.30275229357798%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .icon-menu-publisher-hover, a:hover .icon-menu-publisher, button:hover .icon-menu-publisher, a.hover .icon-menu-publisher, button.hover .icon-menu-publisher, .icon-menu-publisher.hover { background-image: url(images/sprite.@2x.png); background-position: 85.2589641434263% 79.81651376146789%; background-size: 2030.7692307692307% 2825%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ejc-dark { background-image: url(images/sprite.@2x.png); background-position: 0% 51.06382978723404%; background-size: 300% 594.7368421052632%; width: 88px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ejc-small { background-image: url(images/sprite.@2x.png); background-position: 51.9774011299435% 51.06382978723404%; background-size: 303.44827586206895% 594.7368421052632%; width: 87px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ejc { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 125.71428571428571% 245.65217391304347%; width: 210px; height: 92px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-foote-darkr { background-image: url(images/sprite.@2x.png); background-position: 0% 80.3921568627451%; background-size: 220.00000000000003% 1027.2727272727273%; width: 120px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-footer { background-image: url(images/sprite.@2x.png); background-position: 0% 67.64705882352942%; background-size: 220.00000000000003% 1027.2727272727273%; width: 120px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-icon-green { background-image: url(images/sprite.@2x.png); background-position: 93.44978165938865% 49.473684210526315%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-icon-purple { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 754.2857142857142% 627.7777777777777%; width: 35px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }} .cols:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { 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; -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; } 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 \* ------------------------------------------------------------ */ html { font-size:16px; } body { min-width: 320px; background: #fff; font-family: 'Open Sans', 'Helvetica', sans-serif; font-size: 16px; line-height: 1.3; color: #000; } a { color: inherit; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; font-family: 'PlayfairDisplay', serif; margin-top:0; } h1 { font-size: 44px; } h2 { font-size: 40px; } h3 { font-size: 34px; } h4 { font-size: 26px; } h5 { font-size: 18px; } h6 { font-size: 16px; } @media (max-width: 1023px) { body { font-size:14px; } h1 { font-size: 38px; } h2 { font-size: 36px; } h3 { font-size: 30px; } h5 { font-size: 16px; } h6 { font-size: 14px; } } @media (max-width: 767px) { h1 { font-size:30px; } h2 { font-size:28px; } h3 { font-size:28px; } } ul:not([class]), ol:not([class]) { padding-left:0px; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.3em; padding: 0; margin-left:0; margin-top:0; } 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; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: "PlayfairDisplay"; src: url("fonts/PlayfairDisplay_400_normal_1508417026.eot"); src: url("fonts/PlayfairDisplay_400_normal_1508417026.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay_400_normal_1508417026.svg#PlayfairDisplay") format("svg"), url("fonts/PlayfairDisplay_400_normal_1508417026.woff") format("woff"), url("fonts/PlayfairDisplay_400_normal_1508417026.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "PlayfairDisplay"; src: url("fonts/PlayfairDisplay_400_italic_1508417072.eot"); src: url("fonts/PlayfairDisplay_400_italic_1508417072.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay_400_italic_1508417072.svg#PlayfairDisplay") format("svg"), url("fonts/PlayfairDisplay_400_italic_1508417072.woff") format("woff"), url("fonts/PlayfairDisplay_400_italic_1508417072.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "PlayfairDisplay"; src: url("fonts/PlayfairDisplay_700_normal_1508417115.eot"); src: url("fonts/PlayfairDisplay_700_normal_1508417115.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay_700_normal_1508417115.svg#PlayfairDisplay") format("svg"), url("fonts/PlayfairDisplay_700_normal_1508417115.woff") format("woff"), url("fonts/PlayfairDisplay_700_normal_1508417115.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "PlayfairDisplay"; src: url("fonts/PlayfairDisplay_700_italic_1508417151.eot"); src: url("fonts/PlayfairDisplay_700_italic_1508417151.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay_700_italic_1508417151.svg#PlayfairDisplay") format("svg"), url("fonts/PlayfairDisplay_700_italic_1508417151.woff") format("woff"), url("fonts/PlayfairDisplay_700_italic_1508417151.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "PlayfairDisplay"; src: url("fonts/PlayfairDisplay_900_normal_1508417206.eot"); src: url("fonts/PlayfairDisplay_900_normal_1508417206.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay_900_normal_1508417206.svg#PlayfairDisplay") format("svg"), url("fonts/PlayfairDisplay_900_normal_1508417206.woff") format("woff"), url("fonts/PlayfairDisplay_900_normal_1508417206.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "PlayfairDisplay"; src: url("fonts/PlayfairDisplay_900_italic_1508417247.eot"); src: url("fonts/PlayfairDisplay_900_italic_1508417247.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay_900_italic_1508417247.svg#PlayfairDisplay") format("svg"), url("fonts/PlayfairDisplay_900_italic_1508417247.woff") format("woff"), url("fonts/PlayfairDisplay_900_italic_1508417247.ttf") format("truetype"); font-weight: 900; font-style: italic; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-1of2 { width: 50%; } /* 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; } } .placeholder img { display:block; width: 100%; } .mfp-close-btn-in .mfp-close { color: #de4e4d; font-family: 'Open Sans', 'Helvetica', sans-serif; font-weight:600; font-size:20px; opacity: 1; margin-top:-20px; } .mfp-close-btn-in .mfp-close:before { content:'Close'; margin-right:12px; font-size:16px; display: inline-block; vertical-align: top; margin-top:-1px; } .mfp-arrow { width: auto; height: auto; margin: 0; top:100%; -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 1; } .mfp-arrow:hover { opacity: .8; } .mfp-arrow:active { margin-top:0; } .mfp-arrow:after { display:none; } .mfp-arrow:before { width: auto; height: auto; border:0; margin: 0; position:static; display: inline-block; font: normal normal normal 24px/1 FontAwesome; line-height:1; font-size: 44px; color: #de4e4d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mfp-arrow-left { left:-60px; } .mfp-arrow-right { right:-60px; } .mfp-arrow-left:before { content:"\f104"; } .mfp-arrow-right:before { content:"\f105"; } .mfp-bottom-bar { margin-top:-2px; } .mfp-title { padding-right:0; } .mfp-title h3 { color: #de4e4d; font-size:26px; } .mfp-title small { font-size:20px; color: #fff; font-weight:400; } .mfp-counter { font-size:21px; margin-right:4px; margin-top:3px; letter-spacing: -0.03em; color: #979797; } @media (max-width: 1200px) { .mfp-container { padding-left:70px; padding-right:70px; } } @media (max-width: 1023px) { .mfp-bottom-bar { padding: 0 40px; } .mfp-counter { margin: 0; right:40px;} .mfp-arrow-right { right:0; } .mfp-arrow-left { left:0; } } @media (max-width: 767px) { .mfp-counter { top:-15px; right:10px; } .mfp-container { padding-left:20px; padding-right:20px; } } .mCustomScrollBox { padding-top:40px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { top:0; bottom:auto; height: 20px; } .mCSB_scrollTools a+.mCSB_draggerContainer { display:none; } .mCSB_scrollTools a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; line-height:1; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; } .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { width: 30px !important; text-align:center; position: relative; line-height:1; font-size:0; height: 30px !important; border-radius: 3px; background:#ccc; line-height:30px; } .mCSB_scrollTools .mCSB_buttonLeft:before { content:"\f104"; font-size:20px; } .mCSB_scrollTools .mCSB_buttonRight:before { content:"\f105"; font-size:20px; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { opacity: 1; } @keyframes animatePreloader { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } /* ------------------------------------------------------------ *\ Brand Health \* ------------------------------------------------------------ */ .brand-health a { color: #de4e4d; } .brand-health .search .search__btn { color: #de4e4d; } .brand-health .search .search__expand { color: inherit; } .brand-health .search .search__expand:hover { color: #de4e4d; } .brand-health .search .search__field { background:#f3f3f3; } .brand-health .search .search__btn { color: #989898; } .brand-health .search.open .search__expand { color: #de4e4d; } .brand-health .search.open .search__expand:hover { color: #de4e4d; } .brand-health .header:not(th) { background:#fff; border-bottom:1px solid #e4e4e4; } .brand-health .logo .logo__text strong { color: #000; } .brand-health .btn { background:#de4e4d; color: #fff; } .brand-health .btn:hover { background:#bd2130; } .brand-health .btn.btn-outline { border-color: #de4e4d; color: #de4e4d; background:transparent; } .brand-health .btn.btn-outline:hover { background:#de4e4d; color: #fff; } .brand-health .nav-lang .current a { color: #de4e4d; } .brand-health .tabs .tabs__head { background:#de4e4d; } .brand-health .tabs .tabs__nav a { background:#de4e4d; } .brand-health .section-projects { background:#de4e4d; } .brand-health .map-countries .map__content h4 { color: #de4e4d; } .brand-health .slider-map .slick-dots li.slick-active button { background:#de4e4d; } .brand-health .section .section__subtitle a { color: #de4e4d; } .brand-health .section--articles .section__actions a { background:#de4e4d; color: #fff; } .brand-health .list-markers a:not(.current) { color: #de4e4d; } .brand-health .section-project .section__head { background:#de4e4d; } .brand-health .table thead th:after { color: #de4e4d; } .brand-health .slider-main .slider__clip .slick-dots .slick-active button { background:#de4e4d; } .brand-health .form-filter .form__controls:after { color: #de4e4d; } .brand-health .mfp-close-btn-in .mfp-close { color: #de4e4d; } .brand-health .mfp-arrow:before { color: #de4e4d; } .brand-health .mfp-title h3 { color: #de4e4d; } .brand-health .preloader__angle-big { border-top-color: #de4e4d; } .brand-health .preloader__angle-small { border-left-color: #666; } /* ------------------------------------------------------------ *\ Brand Development \* ------------------------------------------------------------ */ .brand-development a { color: #833688; } .brand-development .search .search__btn { color: #833688; } .brand-development .search .search__expand { color: inherit; } .brand-development .search .search__expand:hover { color: #833688; } .brand-development .search .search__field { background:#f3f3f3; } .brand-development .search .search__btn { color: #989898; } .brand-development .search.open .search__expand { color: #833688; } .brand-development .search.open .search__expand:hover { color: #833688; } .brand-development .header:not(th) { background:#fff; border-bottom:1px solid #e4e4e4; } .brand-development .logo .logo__text strong { color: #000; } .brand-development .btn { background:#833688; color: #fff; } .brand-development .btn:hover { background:#632a66; } .brand-development .btn.btn-outline { border-color: #833688; color: #833688; background:transparent; } .brand-development .btn.btn-outline:hover { background:#833688; color: #fff; } .brand-development .nav-lang .current a { color: #833688; } .brand-development .tabs .tabs__head { background:#833688; } .brand-development .tabs .tabs__nav a { background:#833688; } .brand-development .section-projects { background:#833688; } .brand-development .map-countries .map__content h4 { color: #833688; } .brand-development .slider-map .slick-dots li.slick-active button { background:#833688; } .brand-development .section .section__subtitle a { color: #833688; } .brand-development .section--articles .section__actions a { background:#833688; color: #fff; } .brand-development .list-markers a:not(.current) { color: #833688; } .brand-development .section-project .section__head { background:#833688; } .brand-development .table thead th:after { color: #833688; } .brand-development .slider-main .slider__clip .slick-dots .slick-active button { background:#833688; } .brand-development .form-filter .form__controls:after { color: #833688; } .brand-development .mfp-close-btn-in .mfp-close { color: #833688; } .brand-development .mfp-arrow:before { color: #833688; } .brand-development .mfp-title h3 { color: #833688; } .brand-development .preloader__angle-big { border-top-color: #833688; } .brand-development .preloader__angle-small { border-left-color: #c19ac3; } /* ------------------------------------------------------------ *\ Brand Publisher \* ------------------------------------------------------------ */ .brand-publisher a { color: #93bc9c; } .brand-publisher .search .search__btn { color: #93bc9c; } .brand-publisher .search .search__expand { color: inherit; } .brand-publisher .search .search__expand:hover { color: #93bc9c; } .brand-publisher .search .search__field { background:#f3f3f3; } .brand-publisher .search .search__btn { color: #989898; } .brand-publisher .search.open .search__expand { color: #93bc9c; } .brand-publisher .search.open .search__expand:hover { color: #93bc9c; } .brand-publisher .header:not(th) { background:#fff; border-bottom:1px solid #e4e4e4; } .brand-publisher .logo .logo__text strong { color: #000; } .brand-publisher .btn { background:#93bc9c; color: #fff; } .brand-publisher .btn:hover { background:#78967f; } .brand-publisher .btn.btn-outline { border-color: #93bc9c; color: #93bc9c; background:transparent; } .brand-publisher .btn.btn-outline:hover { background:#93bc9c; color: #fff; } .brand-publisher .nav-lang .current a { color: #93bc9c; } .brand-publisher .tabs .tabs__head { background:#93bc9c; } .brand-publisher .tabs .tabs__nav a { background:#93bc9c; } .brand-publisher .section-projects { background:#93bc9c; } .brand-publisher .map-countries .map__content h4 { color: #93bc9c; } .brand-publisher .slider-map .slick-dots li.slick-active button { background:#93bc9c; } .brand-publisher .section .section__subtitle a { color: #93bc9c; } .brand-publisher .section--articles .section__actions a { background:#93bc9c; color: #fff; } .brand-publisher .list-markers a:not(.current) { color: #93bc9c; } .brand-publisher .section-project .section__head { background:#93bc9c; } .brand-publisher .table thead th:after { color: #93bc9c; } .brand-publisher .slider-main .slider__clip .slick-dots .slick-active button { background:#93bc9c; } .brand-publisher .form-filter .form__controls:after { color: #93bc9c; } .brand-publisher .mfp-close-btn-in .mfp-close { color: #93bc9c; } .brand-publisher .mfp-arrow:before { color: #93bc9c; } .brand-publisher .mfp-title h3 { color: #93bc9c; } .brand-publisher .preloader__angle-big { border-top-color: #93bc9c; } .brand-publisher .preloader__angle-small { border-left-color: #c8ddcd; } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ @media (min-width: 1200px) { .container { max-width: 1118px; } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content { padding: 27px 0 0 0; font-size:18px; line-height:1.8; letter-spacing: -0.02em; } .content .content__body { border-bottom:1px solid #ccc; padding-bottom:56px; margin-bottom:60px; } .content .content__body:last-child { margin-bottom:0; } /* ------------------------------------------------------------ *\ Content Primary \* ------------------------------------------------------------ */ .content--primary { padding-top:0; } @media (max-width: 767px) { .content { font-size:inherit; margin-bottom:30px; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { margin-top:38px; } .footer .footer__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer .footer__content .btn { min-width: 127px; padding: 11px; } .footer .footer__content .btn-outline { min-width: 153px; border-color: #fff; color: #fff; opacity: .7; transition: opacity .3s; } .footer .footer__content .btn-outline:hover { opacity: 1; } .footer .footer__aside { -ms-flex-positive:1; flex-grow:1; text-align:right; } .footer .footer__content--left { max-width: 635px; } .footer .footer__title { margin: 0; position: relative; padding-left:80px; line-height:1.8; color: #494949; } .footer .footer__title i { position: absolute; left:0; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .footer .footer__body { background:#f3f3f3; padding: 26px 0; } .footer .footer__top { background:#e5e5e5; padding: 30px 0; } .footer .footer__nav { -ms-flex-positive: 1; flex-grow: 1; } .footer .footer__nav a { color: inherit; } .footer .footer__nav a:hover { text-decoration: underline; } .footer .footer__nav ul { display: -ms-flexbox; display: flex; width: 100%; } .footer .footer__nav ul li { margin-right:36px; } .footer .footer__nav ul li:last-child { margin-right:0; } @media (max-width: 1200px) { .footer .footer__nav ul li { margin-right:20px; } } @media (max-width: 1023px) { .footer .footer__nav { font-size:14px; } .footer .footer__nav ul li { margin-right:15px; } .footer .footer__content .btn { min-width: 0; padding: .375rem .75rem; } .footer .footer__title { line-height:1.3; } } @media (max-width: 767px) { .footer .footer__nav ul { display:block; text-align:center; margin-bottom:10px; } .footer .footer__content { text-align:center; } .footer .footer__nav ul li { margin: 0; display: inline-block; vertical-align: middle; margin: 4px; } .footer .footer__inner { display:block; } .footer .footer__title { font-size:14px; } .footer .footer__aside { text-align:center; margin-top:20px; } } /* ------------------------------------------------------------ *\ Footer home \* ------------------------------------------------------------ */ .footer--home { background:#1a1819; padding: 38px 0 38px 0; margin-top:0; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header:not(th) { background:#1a1819; position: relative; z-index: 99; position: fixed; top:0; left:0; width: 100%; } .header:not(th) .header__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; height: 90px; } .header:not(th) .header__body { -ms-flex-positive:1; flex-grow:1; opacity: 1; visibility: visible; transition: all .3s; } .header:not(th) .btn-close { position: absolute; right:0; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all .3s; font-size:24px; } .header .navbar-toggler { display:none; } .header.open:not(th) .header__body { opacity: 0; visibility: hidden; } @media (max-width: 1023px) { .header .navbar-toggler { display: inline-block; border-color: inherit; color: inherit; padding: 14px 8px; } .header .navbar-toggler .navbar-toggler-icon { display:block; background-color:#000; height: 3px; position: relative; } .header .navbar-toggler .navbar-toggler-icon:before { content:''; display:block; height: 3px; width: 100%; background:#000; margin: 3px 0; position: absolute; bottom:100%; } .header .navbar-toggler .navbar-toggler-icon:after { content:''; display:block; height: 3px; width: 100%; background:#000; margin: 3px 0; position: absolute; top:100%; } .header:not(th) .btn-close { right:-30px; } } @media (max-width: 767px) { .header .navbar-toggler { margin-right:40px; } .header:not(th) .btn-close { right:0; } } .header.open .btn-close { opacity: 1; visibility: visible; } .header.open .header__body .search__expand { opacity: 0; visibility: hidden; } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { padding: 35px 0 0 0; margin-bottom:13px; } .main .main__title { margin-bottom:16px; margin-top:35px; } @media (max-width: 767px) { .main .main__title { margin-top:0; } } /* ------------------------------------------------------------ *\ Main Alt \* ------------------------------------------------------------ */ .main--alt { padding: 10px 0 0 0; } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { padding-top:60px; } .sidebar--alt { padding-top:166px; } @media (max-width: 1023px) { .sidebar--alt { padding-top:0; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; overflow: hidden; padding-top:91px; position: relative; opacity: 0; transition: opacity .5s; visibility: hidden; max-height: 100vh; } .wrapper.loaded { opacity: 1; visibility: visible; max-height: none; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { margin: 70px 0; } .article .article__meta { margin-bottom:11px; } .article .article__category { font-weight:400; color: #000; font-size:14px; margin-right:15px; } .article .article__date { font-size:inherit; font-weight:300; font-size:14px; } .article .article__title { line-height:1.4; margin-bottom:10px; margin-right:-10px; } .article .article__title a:hover { text-decoration: underline; } .article .article__body p { line-height:1.8; } /* ------------------------------------------------------------ *\ Avatar \* ------------------------------------------------------------ */ .avatar { background:#f3f3f3; padding: 8px; display: inline-block; vertical-align: middle; } .avatar img { display:block; width: 100%; } /* ------------------------------------------------------------ *\ Avatar Big \* ------------------------------------------------------------ */ .avatar--big { width: 130px; padding: 15px; } /* ------------------------------------------------------------ *\ Brand \* ------------------------------------------------------------ */ .brand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .brand .brand__image { width: 113px; text-align:center; } .brand .brand__body { padding-left:20px; } .brand a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ Btn Danger \* ------------------------------------------------------------ */ .btn-danger { background-color: #de4e4d; } .btn-outline-danger { border-color: #de4e4d; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { padding: 40px 0 64px 0; } .callout .callout__inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .callout .callout__header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .callout .callout__number { width: 60px; height: 60px; border-radius: 50%; background:#1a1819; color: #fff; display: inline-block; text-align:center; line-height:60px; font-size:40px; font-weight:600; } .callout .callout__header__inner { padding-left:24px; color: #9b9b9b; font-size:20px; } .callout .callout__header__inner span { display:block; margin-bottom:6px; } .callout .callout__header__inner h4 { color: #000; } .callout .callout__body { max-width: 56%; color: #6b6b6b; font-size:14px; padding-right:10px; } .callout .callout__body p { line-height:1.8; } .callout .callout__body h6 { font-family: 'Open Sans', 'Helvetica', sans-serif; color: #000; text-transform: uppercase; font-weight:700; font-size:14px; margin-bottom:3px; } .callout .callout__actions .btn { padding: 14px 55px; font-size:16px; } @media (max-width: 1023px) { .callout .callout__body { max-width: 40%; padding-right:0; } } @media (max-width: 767px) { .callout .callout__body { max-width: 100%; width: 100%; margin-bottom:20px; margin-top:20px; } } /* ------------------------------------------------------------ *\ Counters \* ------------------------------------------------------------ */ .counters ul { list-style:none; list-style-position: outside; display:-ms-flexbox; display:flex; width: 100%; } .counters li { text-align:center; -ms-flex-positive:1; flex-grow:1; min-width: 214px; } .counters li:first-child { text-align:left; } .counters li:last-child { min-width: 0; width: 133px; } .counters li + li { border-left:1px solid #e5e5e5; } .counters strong { color: #1a1a1a; font-size:40px; font-weight:300; display:block; line-height:1; } .counters small { font-size:12px; color: #969696; line-height:1; } @media (max-width: 1200px) { .counters li { min-width: 0; } .counters li:first-child { text-align:center; width: auto; } .counters li:last-child { text-align:center; width: auto; } } @media (max-width: 767px) { .counters ul { display:block; } .counters li + li { border-left:0; border-top:1px solid #e5e5e5; } .counters li { padding: 10px 0; } } /* ------------------------------------------------------------ *\ Counters Primary \* ------------------------------------------------------------ */ .counters--primary { background:#f3f3f3; padding: 30px 0 23px 0; } /* ------------------------------------------------------------ *\ Divider \* ------------------------------------------------------------ */ .divider {} /* ------------------------------------------------------------ *\ Filter \* ------------------------------------------------------------ */ .filter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .filter .filter__head { min-width: 278px; font-family: 'PlayfairDisplay', serif; } .filter .filter__body { -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1023px) { .filter .filter__head { min-width: 220px; } } @media (max-width: 767px) { .filter { display:block; } .filter .filter__head { text-align:center; margin-bottom:20px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-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::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field {} .textarea {} .select { border:0; border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select:after {} .radio {} .checkbox {} .form__row { margin-bottom:20px; } .form-control { border-radius: 0; } /* ------------------------------------------------------------ *\ Form Contacts \* ------------------------------------------------------------ */ .form-contacts { max-width: 528px; margin-bottom:54px; padding-top:17px; } .form-contacts .form__title { margin-bottom:26px; } .form-contacts .form__btn { height: 60px; } .form-contacts .field { height: 50px; } /* ------------------------------------------------------------ *\ Form Filter \* ------------------------------------------------------------ */ .form-filter .form__controls { margin-bottom:10px; position: relative; } .form-filter .form__controls:after { content:"\f107"; position: absolute; top:50%; right:10px; -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; display: inline-block; font: normal normal normal 20px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:26px; } /* ------------------------------------------------------------ *\ Gallery \* ------------------------------------------------------------ */ .gallery ul { overflow: hidden; } .gallery li { list-style:none; list-style-position: outside; min-width: 20%; position: relative; padding-bottom:11.2%; float:left; } .gallery a { display:block; position: absolute; top:0; left:0; width: 100%; height: 100%; background-repeat: no-repeat; background-position:50% 50%; background-size: cover; } @media (max-width: 767px) { .gallery ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery li { width: 50%; padding-bottom:0; -ms-flex-positive:1; flex-grow:1; float:none; } .gallery li.empty { display:none; } .gallery a { display:block; padding-bottom:100%; position: relative; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { background:#f3f3f3; padding: 66px 0 74px 0; } .intro .intro__title { margin-bottom:15px; line-height:1.3; margin-bottom:12px; } .intro .intro__title:last-child { margin-bottom:9px; } .intro .intro__content { margin-bottom:57px; line-height:1.8; font-size:18px; font-weight:500; } @media (max-width: 767px) { .intro { padding: 40px 0; } .intro .intro__title { font-size:26px; } } /* ------------------------------------------------------------ *\ Intro Home \* ------------------------------------------------------------ */ .intro--home { padding: 50px 0 0 0; background:transparent; } .intro--home .intro__inner { padding: 0 60px; margin-bottom:64px; } @media (max-width: 1023px) { .intro--home .intro__inner { padding: 0; } } /* ------------------------------------------------------------ *\ Link \* ------------------------------------------------------------ */ .link-back { position: relative; display: inline-block; color: #de4e4d; font-weight:600; margin-left:-2px; margin-bottom:20px; } .link-back i { position: absolute; right:100%; font-size:30px; top:-7px; left:-30px; } .link-back:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Logos \* ------------------------------------------------------------ */ .list-logos { white-space: nowrap; } .list-logos li { display: inline-block; vertical-align: middle; margin-left:39px; } .list-logos li:first-child { margin-left:0; } /* ------------------------------------------------------------ *\ List Bullets \* ------------------------------------------------------------ */ .list-bullets { font-size:14px; color: #999; padding-bottom:20px; } .list-bullets li { padding-left:37px; margin-bottom:13px; position: relative; } .list-bullets li:before { content:''; width: 4px; height: 4px; border-radius: 50%; background:#999; display: inline-block; position: absolute; top:8px; left:13px; } /* ------------------------------------------------------------ *\ List Contacts \* ------------------------------------------------------------ */ .list-contacts { margin-bottom:25px; } .list-contacts li { margin-bottom:4px; } .list-contacts strong { margin-right:14px; } .list-contacts a { color: inherit; } /* ------------------------------------------------------------ *\ List Tags \* ------------------------------------------------------------ */ .list-tags { font-size:0; } .list-tags li { display: inline-block; vertical-align: middle; margin-bottom:5px; } .list-tags li + li { margin-left:5px; } .list-tags a { display:block; color: inherit; transition: all .3s; } .list-tags a:hover { background:#333; color: #fff; } @media (max-width: 1023px) { .list-tags { text-align:center; } } /* ------------------------------------------------------------ *\ List Tags Inline \* ------------------------------------------------------------ */ .list-tags--inline { margin-right:-20px; } .list-tags--inline li + li { margin-left:0; } .list-tags--inline li { margin-right:5px; } /* ------------------------------------------------------------ *\ List Info \* ------------------------------------------------------------ */ .list-info { font-family: 'Open Sans', 'Helvetica', sans-serif; font-size:16px; padding-bottom:38px; letter-spacing: 0.04em; } .list-info li+li { margin-top:12px; } .list-info h5 { font-weight:600; font-family: 'Open Sans', 'Helvetica', sans-serif; } .list-info a { letter-spacing: 0.033em; font-weight:300; letter-spacing: 0.06em; } .list-info a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ List Markers \* ------------------------------------------------------------ */ .list-markers li + li { margin-top:10px; } .list-markers a { color: inherit; } /* ------------------------------------------------------------ *\ List Media \* ------------------------------------------------------------ */ .list-media { margin-top:-5px; margin-bottom:0 !important; padding-bottom:16px; } .list-media li { color: #a5a5a5; } .list-media li + li { margin-top:20px; } .list-media h6 { font-family: 'Open Sans', 'Helvetica', sans-serif; margin-bottom:5px; } .list-media a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ List Details \* ------------------------------------------------------------ */ .list-details { padding-bottom:4px; } .list-details li { margin-bottom:11px; } .list-details li > span { display:block; overflow: hidden; } .list-details strong { display: inline-block; vertical-align: middle; min-width: 90px; float:left; } .list-details a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ List Press \* ------------------------------------------------------------ */ .list-press { font-size:16px; line-height:1.66; margin-right:-10px; } .list-press li { margin-bottom:19px; } .list-press a:hover { text-decoration: underline; } @media (max-width: 767px) { .list-press { margin-right:0; } } /* ------------------------------------------------------------ *\ List Partners \* ------------------------------------------------------------ */ .list-partners { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .list-partners { text-align:center; display:block; } .list-partners li { padding: 0; display: inline-block; margin: 10px 20px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { position: relative; display: inline-block; } .logo .logo__text { font-size:13px; color: #8a8889; } .logo .logo__text strong { font-weight:600; display:block; font-size:16px; text-transform: uppercase; color: #fff; } .logo .logo__icon { position: absolute; top:1px; right:100%; margin-right:32px; display: inline-block; } @media (max-width: 1200px) { .logo { padding-left:67px; } .logo .logo__icon { left:0; margin-right:0; } } .map-canvas { height: 535px; } @media (max-width: 767px) { .map-canvas { height: 375px; } } /* ------------------------------------------------------------ *\ Map Countries \* ------------------------------------------------------------ */ .map-countries { position: relative; overflow: hidden; } .map-countries .map__aside { position: absolute; top:0; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; left:calc((100vw - 1135px) / 2); } .map-countries .map__body { background: rgba(255,255,255,.9); z-index: 2; display:block; width: 400px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; position: relative; } .map-countries .map__body:before { content:''; position: absolute; top:0; height: 100%; width: 100vw; background: rgba(255,255,255,.9); right:100%; display:block; } .map-countries .container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .map-countries .map__title { margin-bottom:30px; } .map-countries .map__content { max-width: 280px; margin-bottom:30px; } .map-countries .map__close { position: absolute; top:40px; right:40px; } @media (max-width: 1200px) { .map-countries .map__aside { left:calc((100vw - 960px) / 2); } } @media (max-width: 1023px) { .map-countries .map__aside { left:calc((100vw - 720px) / 2); } .map-countries .map__body { width: auto; } } @media (max-width: 767px) { .map-countries .map__aside { position: relative; left:0; background:#fff; } .map-countries .map__body { display:block; width: 100%; padding-bottom:20px; } } /* ------------------------------------------------------------ *\ Map Main \* ------------------------------------------------------------ */ /*.map--main { margin-bottom:67px; }*/ .map--main .map__body { display:block; padding-top:20px; min-width: 342px; padding-bottom: 36px; transition: all .3s; -ms-transform: translateY(90%); transform: translateY(90%); } .map--main.open .map__body { -ms-transform: translateY(0); transform: translateY(0); } .map--main .map__content h5 { font-family: 'Open Sans', 'Helvetica', sans-serif; font-size:20px; margin-bottom:16px; } .map--main .map__options { text-align:right; color: #de4e4d; padding: 12px 40px 68px 0; letter-spacing: 0.02em; } .map--main .map__options i { margin-left:8px; font-weight:700; } .map--main .map__options a { display: inline-block; } .map--main .map__options a > span { display:block; } .map--main .map__title { line-height:1.3; margin-bottom:27px; } .map--main .map__content h4 { margin-bottom:10px; } .map--main .map__content p { line-height:1.5; } .map--main .map-canvas { position: absolute !important; height: 100%; width: 100%; top:0; left:0; } .map--main .map__aside { position: relative; left:calc((100vw - 1135px) / 2); width: calc((100vw - 1118px) / 2); } .map--main .map__content { margin-bottom:79px; } .map--main .map__actions .btn { display:block; max-width: 247px; padding: 19px 15px; } .map--main .map__options a .text-closed { display:none; } .map--main .map__options a .text-open { display:block; } .map--main.open .map__options a .text-closed { display:block; } .map--main.open .map__options a .text-open { display:none; } @media (max-width: 1200px) { .map--main .map__aside { left:calc((100vw - 960px) / 2); width: calc((100vw - 960px) / 2); } } @media (max-width: 1023px) { .map--main .map__aside { left:calc((100vw - 720px) / 2); width: calc((100vw - 720px) / 2); } } @media (max-width: 767px) { .map--main .map-canvas { position: relative !important; height: 375px; } .map--main .map__aside { left:0; width: 100%; background:#fff; } .map--main .map__body { -ms-transform: none; transform: none; } .map--main .map__options { display:none; } .map--main .map__content { margin-bottom:10px; } .map--main .map__content p { display:none; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { text-align:right; font-size:16px; } .nav a { color: inherit; } .nav a:not([class]):hover { text-decoration: underline; } .nav > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-left:auto; width: 100%; -ms-flex-pack: end; justify-content: flex-end; } .nav > ul > li.nav-item-btn:not(:last-child) { padding-left:22px; } .nav > ul > li:not(.nav-item-btn) { padding-left:19px; } .nav > ul > li.current a { opacity: .5; } .nav .btn { padding-left:21px; padding-right:21px; margin-left:19px; } @media (max-width: 1023px) { .nav { position: absolute; top:100%; left:0; background:#fff; width: 100%; -ms-transform: translateY(40px); transform: translateY(40px); opacity: 0; visibility: hidden; transition: all .3s; z-index: 9999999; } .nav:before { content:''; position: absolute; top:0; left:100%; width: 100%; height: 100%; background:#fff; } .nav:after { content:''; position: absolute; top:0; right:100%; width: 100%; height: 100%; background:#fff; } .nav.open { visibility: visible; opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } .nav .btn { margin-left:0; } .nav > ul > li:not(.nav-item-btn), .nav > ul > li { padding-left:22px; margin:10px 0; } .nav > ul { display:block; text-align:left; } .nav > ul > li { display:block; } } /* ------------------------------------------------------------ *\ Nav Lang \* ------------------------------------------------------------ */ .nav-lang { margin-left:-3px; } .nav-lang li { display: inline-block; vertical-align: middle; } .nav-lang li + li { border-left:1px solid; margin-left:14px; padding-left:18px; } .nav-lang a { display:block; line-height:1; color: inherit; } .nav-lang a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ Nav Grants \* ------------------------------------------------------------ */ .nav-grants { position: absolute; width: 100%; top:auto; opacity: 0; visibility: hidden; -ms-transform: translateY(100px); transform: translateY(100px); transition: all .3s; height: 0; overflow: hidden; } .nav-grants.open { visibility: visible; opacity: 1; position: relative; -ms-transform: translateY(0); transform: translateY(0); height: auto; overflow: visible; } .nav-grants.open + .page-content { display:none; } /* ------------------------------------------------------------ *\ Plan \* ------------------------------------------------------------ */ .plan { background:#fff; text-align:center; max-width: 407px; min-height: 570px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; z-index: 2; position: relative; transition:all .3s; box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0); } .plan:hover { box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.75); } .plan .plan__head { padding: 31px 30px 0 30px; -ms-flex-positive: 1; flex-grow: 1; } .plan .plan__head p { line-height:1.65; letter-spacing: -0.02em; margin-bottom:14px; } .plan .plan__head em { font-size:14px; } .plan .plan__content { padding: 0 44px; } .plan .plan__title { font-size:36px; margin-bottom:24px; line-height:1.24; } .plan .plan__price { font-size:48px; font-weight:300; font-family: 'Open Sans', 'Helvetica', sans-serif; margin-bottom:20px; } .plan .plan__price sub { color: #555; font-size:16px; margin-left:-20px; position: relative; top:0; left:4px; } .plan .plan__actions a { font-size:20px; color: #fff; padding: 22px 0; text-align:center; display:block; text-decoration: none; transition: opacity .3s; } .plan .plan__actions a:before { content:''; position: absolute; top:0; left:0; right:0; bottom:0; } .plan .plan__actions a:hover { opacity: .8; } .plan h6 { margin: 0 0 32px 0; font-weight:600; font-family: 'Open Sans', 'Helvetica', sans-serif; } .plan--danger .plan__title { color: #de4e4d; } .plan--danger .plan__head em { color: #de4e4d; } .plan--danger h6 { color: #de4e4d; } .plan--danger .plan__actions a { background:#de4e4d; } .plan--primary .plan__title { color: #833688; } .plan--primary .plan__head em { color: #833688; } .plan--primary h6 { color: #833688; } .plan--primary .plan__actions a { background:#833688; } .plan--success .plan__title { color: #93bc9c; } .plan--success .plan__head em { color: #93bc9c; } .plan--success h6 { color: #93bc9c; } .plan--success .plan__actions a { background:#93bc9c; } @media (max-width: 767px) { .plan { display:block; min-height: auto; } .plan .plan__title { font-size:24px; } .plan .plan__price { font-size:30px; } .plan .plan__price sub { margin-left:-10px; } } /* ------------------------------------------------------------ *\ Preloader \* ------------------------------------------------------------ */ .preloader { width: 70px; height: 72px; position: absolute; top:50%; left:50%; margin: -55px 0 0 -35px; animation: animatePreloader .5s infinite; } .preloader__angle-big { display: inline-block; vertical-align: middle; border-left:70px solid transparent; border-top:70px solid #000; position: absolute; top:0; right:0; } .preloader__angle-small { display: inline-block; vertical-align: middle; border-top:30px solid transparent; border-bottom:30px solid transparent; border-left:30px solid #ccc; position: absolute; bottom:0; left:0; } .preloader.invisible { opacity: 0; visibility: hidden; } /* ------------------------------------------------------------ *\ Project Info \* ------------------------------------------------------------ */ .project-info { margin: 0 0 20px 0; } .project-info .project__title { line-height:1.36; margin-bottom:12px; } .project-info .project__title a:hover { text-decoration: underline; } .project-info .project__body p { line-height:1.8; } .project-info .project__head { margin-bottom:32px; } .project-info .project__head p { line-height:1.8; } .project-info .project__subtitle { font-family: 'Open Sans', 'Helvetica', sans-serif; font-weight:700; margin-bottom:7px; } .project-info .project__content { margin-bottom:33px; } /* ------------------------------------------------------------ *\ Questions \* ------------------------------------------------------------ */ .question { list-style:none; list-style-position: outside; font-size:18px; margin-bottom:48px; } .question p { letter-spacing: -0.02em; line-height:1.7; } .question a:hover { text-decoration: underline; } .question .question__title { margin-bottom:5px; line-height:1.3; } @media (max-width: 767px) { .question { font-size:inherit; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { margin-left:auto; position: relative; position: absolute; top:0; right:0; z-index: 1; } .search .fa.fa-search { -ms-transform: rotate(90deg); transform: rotate(90deg); } .search .search__inner { transition: width .3s; overflow: hidden; margin-left:auto; position: relative; width: 0; } .search .search__field { display:block; width: 100%; border:0; height: 90px; background:#303030; border:none; padding: 0 80px 0 20px; font-size:16px; color: #989898; position: relative; } .search .search__btn { position: absolute; border:none; top:0; right:0; height: 100%; width: 60px; text-align:center; pointer-events: none; background:transparent; display:none; color: #989898; } .search .search__expand { position: absolute; top:0; left:100%; width: 97px; text-align:center; line-height:90px; font-size:24px; color: #989898; } .search .search__expand:hover { color: #fff; } .search .search__expand i:nth-child(1) { display: inline-block; } .search .search__expand i:nth-child(2) { display:none; } .search.open .search__inner { width: 654px; } .search.open .search__expand { color: #989898; font-size:24px; } .search.open .search__expand:hover { color: #fff; } .search.open .search__expand i:nth-child(1) { display:none; } .search.open .search__expand i:nth-child(2) { display: inline-block; } .search.open .search__btn { display:block; } @media (max-width: 1200px) { .search .search__expand { left:100%; width: 40px; } } @media (max-width: 1023px) { .search.open .search__inner { width: 412px; } } @media (max-width: 767px) { .search .search__expand { left:auto; right:0; } .search { -ms-transform: translateY(100%); transform: translateY(100%); } .search .search__expand { -ms-transform: translateY(-100%); transform: translateY(-100%); } } @media (max-width: 479px) { .search.open .search__inner { width: calc(100vw - 30px); } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section .section__title { margin-bottom:18px; } .section .section__title:not(:first-child) { margin-top:44px; } .section p { font-size:18px; line-height:1.7; letter-spacing: -0.02em; } .section p:not(:last-child) { margin-bottom:34px; } .section .section__subtitle { margin-top:30px; margin-bottom:8px; } .section .section__subtitle a:hover { text-decoration: underline; } @media (max-width: 767px) { .section p { font-size:inherit; } } /* ------------------------------------------------------------ *\ Section Plan \* ------------------------------------------------------------ */ .section-plan { position: relative; padding: 70px 0; } .section-plan .section__bg { position: absolute; top:0; left:0; bottom:0; right:0; background-repeat: no-repeat; background-position:50% 50%; background-size: cover; } .section-plan .section__inner { position: relative; padding: 0 60px; } .section-plan .section__actions { position: absolute; left:0; bottom:0; width: 100%; text-align:center; padding-bottom:80px; } .section-plan .section__actions a { display: inline-block; transition: all .3s; opacity: 1; visibility: visible; } .section-plan .section__actions .invisible { visibility: hidden; opacity: 0; -ms-transform: translateY(100px); transform: translateY(100px); } .section-plan:nth-child(even) .plan { margin-left:auto; } @media (max-width: 1023px) { .section-plan .section__inner { padding: 0; } } /* ------------------------------------------------------------ *\ Section Contacts \* ------------------------------------------------------------ */ .section--contacts { padding-top:8px; } .section--contacts .section__title { margin-bottom:16px; } .section--contacts p { line-height:1.8; } /* ------------------------------------------------------------ *\ Section Showcase \* ------------------------------------------------------------ */ .section-showcase .section__head { background:#e5e5e5; padding: 20px 0; } .section-showcase .section__head { margin-bottom:63px; } .section-showcase .section__title { margin-left:-3px; margin-bottom:18px; } /* ------------------------------------------------------------ *\ Section Primary \* ------------------------------------------------------------ */ .section-primary { padding: 58px 0 0 0; margin-bottom:62px; } .section-primary .section__bar a i { position: absolute; right:100%; font-size:30px; top:-7px; left:-30px; } .section-primary .section__head { margin-bottom:31px; } .section-primary .section__body { line-height:2; margin-bottom:44px; } .section-primary .section__head__inner { position: relative; } .section-primary .section__head__aside { position: absolute; right:0; bottom:0px; } .section-primary .section__head__aside h5 { margin-bottom:16px; } .section-primary .socials li + li { margin-left:18px; } .section-primary .section__title { line-height:1.34; max-width: 70%; } .section-primary .socials { margin: 0; } @media (max-width: 1200px) { .section-primary .section__head__aside { bottom:100%; padding-bottom:10px; } } @media (max-width: 767px) { .section-primary .section__head__aside { position:static; margin-top:10px; } .section-primary .section__title { max-width: 100%; } } /* ------------------------------------------------------------ *\ Section Placeholder \* ------------------------------------------------------------ */ .section-placeholder { background:#090909; } /* ------------------------------------------------------------ *\ Section Project \* ------------------------------------------------------------ */ .section-project { position: relative; margin-bottom:65px; } .section-project .section__head { position: absolute; top:0; left:0; width: 100%; color: #fff; height: 100%; padding: 48px 0 0 12px; } .section-project .section__title { line-height:1.3; margin-bottom:22px; } .section-project .section__body { position: relative; } .section-project .section__head__inner { max-width: 330px; line-height:1.5; } @media (min-width: 1921px) { .section-project .section__head .section__head__inner { max-width: 250px; } } @media (max-width: 1023px) { .section-project .section__head { padding-top:10px; } .section-project .section__title { font-size:30px; } .section-project .section__head__inner { max-width: 260px; } } @media (max-width: 767px) { .section-project .section__head { position: relative; padding: 20px; margin: 0; } } /* ------------------------------------------------------------ *\ Section Updates \* ------------------------------------------------------------ */ .section-updates { border-bottom:1px solid #ccc; padding-bottom:82px; margin-bottom:65px; } .section-updates .section__title { margin-bottom:33px; } .section-updates .section__body:not(:last-child) { border-bottom:1px solid #cccccc; padding-bottom:26px; margin-bottom:46px; } /* ------------------------------------------------------------ *\ section-social \* ------------------------------------------------------------ */ .section-social { margin-bottom:97px; } .section-social .section__title { text-align:center; margin-bottom:40px; } .section-social .twitter-widget { border-radius: 5px; background:#f4f9fc; height: 200px; padding: 27px 19px; } .section-social .twitter-widget .avatar { width: 44px; } /* ------------------------------------------------------------ *\ Section Social Main \* ------------------------------------------------------------ */ .section-social--main { padding-top:40px; } /* ------------------------------------------------------------ *\ section--intro \* ------------------------------------------------------------ */ .section--intro { margin-bottom:0; padding: 0; background:#f3f3f3; padding: 56px 0 40px 0; } .section--intro p { color: #666; } .section--intro .section__title { margin-bottom:13px; } /*.section--intro .section__bar { margin-bottom:28px; }*/ /* ------------------------------------------------------------ *\ Section Copy \* ------------------------------------------------------------ */ .section--copy { border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:55px; } /* ------------------------------------------------------------ *\ Section Last \* ------------------------------------------------------------ */ .section--last { margin-bottom:0; border-bottom:0; padding-bottom:48px; } /* ------------------------------------------------------------ *\ Section Articles \* ------------------------------------------------------------ */ .section--articles + .footer { margin-top:0; } .section--articles .section__body { margin-bottom:110px; } .section--articles .section__actions { overflow: hidden; font-size:20px; } .section--articles .section__actions a { float:left; width: 50%; display:block; padding:27px 15px; text-align:center; transition: all .3s; opacity: .9; } .section--articles .section__actions a + a { opacity: 1; } .section--articles .section__actions a:hover { opacity: .8; } /* ------------------------------------------------------------ *\ Section News \* ------------------------------------------------------------ */ .section-news { margin: 22px 0 0 0; border-bottom:1px solid #ccc; padding-bottom:52px; margin-bottom:55px; } .section-news .section__image { margin-bottom:52px; } .section-news .section__content { line-height:1.8; font-size:18px; letter-spacing: -0.018em; } .section-news .section__content a:hover { text-decoration: underline; } .section-news .section__content p:not(:last-child) { margin-bottom:30px; } .section-news .section__head { margin-bottom:53px; } .section-news .section__title { line-height:1.3; } @media (max-width: 767px) { .section-news .section__content { font-size:inherit; } } /* ------------------------------------------------------------ *\ Section Alt \* ------------------------------------------------------------ */ .section--alt .section__title { margin-bottom:27px; } /* ------------------------------------------------------------ *\ Section Dark \* ------------------------------------------------------------ */ .section-dark { background:#f3f3f3; padding: 54px 0; font-size:12px; padding-bottom:115px; margin-bottom:71px; } .section-dark .section__title { margin-bottom:24px; } .section-dark .section__content { letter-spacing: -0.01em; line-height:1.7; } /* ------------------------------------------------------------ *\ Section Projects \* ------------------------------------------------------------ */ .section-projects .section__inner { position: relative; padding-left:342px; } .section-projects .section__head { color: #fff; position: absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 342px; left:0; } .section-projects .section__head p { padding-right: 90px; line-height:1.6; } .section-projects .section__title { margin-bottom:22px; } .section-projects a { color: inherit; text-decoration: underline; } .section-projects a:hover { text-decoration: none; } .section-projects .slide { position: relative; } .section-projects .slide .slide__image img { display:block; width: 100%; } .section-projects .slide .slide__caption { position: absolute; bottom:0; left:0; right:0; background: rgba(0,0,0,.7); color: #fff; padding: 30px; } @media (max-width: 1023px) { .section-projects .section__inner { padding-left:0; padding-top:20px; } .section-projects .section__head { display:block; position:static; -ms-transform: none; transform: none; width: auto; margin-bottom:20px; } } /* ------------------------------------------------------------ *\ Section Partners \* ------------------------------------------------------------ */ .section-partners { background:#f3f3f3; padding: 70px 0; } .section-partners + .footer { margin-top:0; } .section-partners .section__inner { overflow: hidden; } .section-partners .section__head { float:left; width: 190px; } .section-partners .section__body { overflow: hidden; } @media (max-width: 1023px) { .section-partners .section__head { float:none; text-align:center; margin-bottom:20px; width: auto; } } /* ------------------------------------------------------------ *\ Slider Testimonials \* ------------------------------------------------------------ */ .slider-testimonials { padding: 60px 0 56px 0; text-align:center; } .slider-testimonials .slick-dots { list-style:none; list-style-position: outside; margin-bottom:28px; } .slider-testimonials .slick-dots li { display: inline-block; vertical-align: middle; padding: 8px; font-size:0; cursor: pointer; } .slider-testimonials .slick-dots button { font-size: 0; line-height: 0; text-indent: -4000px; border:0; width: 18px; height: 2px; background:#e5e5e5; } .slider-testimonials .slick-dots li.slick-active button { background:#000; } /* ------------------------------------------------------------ *\ Slider Socials \* ------------------------------------------------------------ */ .slider-socials .slides { margin: 0 -16px; overflow: hidden; } .slider-socials .slider__clip { margin: 0 -15px; } .slider-socials .user { margin-bottom:16px; } .slider-socials .user span img { position: absolute; left:19px; width: 44px; border:4px solid #fff; } .slider-socials .user a span { display:block; } .slider-socials .user a span:nth-child(2) { font-size:18px; } .slider-socials .user a span:nth-child(3) { font-size:14px; color: #77bed2; } .slider-socials .slick-slide { background:#f4f9fc; border-radius: 5px; padding: 20px 27px 20px 73px; margin: 0 15px; position: relative; min-height: 100%; list-style:none; list-style-position: outside; font-size:14px; min-height: 200px; } .slider-socials .slick-slide:after { content:''; position: absolute; left:0; top:100%; height: 400px; width: 100%; background:#f4f9fc; } .slider-socials .interact { display:none; } .slider-socials .timePosted { display:none; } .slider-socials .tweet { overflow: hidden; line-height:1.84; font-size:13px; } .slider-socials .tweet a:hover { color: #77bed2; } .slider-socials .slick-slider { display:block; } .slider-socials a { color: inherit; } .slider-socials .slick-dots { text-align:center; line-height:1; font-size:0; margin-top:46px; } .slider-socials .slick-dots li { padding: 8px; display: inline-block; vertical-align: middle; list-style:none; list-style-position: outside; line-height:1; cursor: pointer; } .slider-socials .slick-dots button { border:0; font-size: 0; line-height: 0; text-indent: -4000px; height: 2px; width: 18px; display:block; background:#e5e5e5; } .slider-socials .slick-dots li.slick-active button { background-color: #77bed2; } .slider-socials .slick-track { -ms-transform: translateY(0); transform: translateY(0); } /* ------------------------------------------------------------ *\ Slider Main \* ------------------------------------------------------------ */ .slider-main .slider__clip .slide { position: relative; max-height: 700px; } .slider-main .slider__clip .slide__image { padding-bottom:calc(100vh - 346px); background-repeat: no-repeat; background-position:50% 50%; background-size: cover; } .slider-main .slider__clip .slide__caption { position: absolute; bottom:0; left:0; width: 100%; background: rgba(0,0,0, .5); color: #fff; } .slider-main .slider__clip .slide__title { line-height:1.3; min-height: 104px; padding-right:20px; } .slider-main .slider__clip .slide__actions { text-align:right; -ms-flex-positive:1; flex-grow:1; padding-top:16px; } .slider-main .slider__clip .slide__actions .btn.btn-outline { padding:16px 32px; border-width: 2px; font-size:16px; background:transparent; border-color: #fff; color: #fff; } .slider-main .slider__clip .slide__actions .btn.btn-outline:hover { background:#fff; color: #000; } .slider-main .slider__clip .slide__caption__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 32px 0; position: relative; } .slider-main .slider__clip .slide__dots { position: relative; } .slider-main .slider__clip .slick-dots { position: absolute; bottom:20px; right:0; } .slider-main .slider__clip .slick-dots li { display: inline-block; vertical-align: middle; font-size:0; padding-top:8px; padding-bottom:8px; } .slider-main .slider__clip .slick-dots li + li { padding-left:16px; } .slider-main .slider__clip .slick-dots button { border:0; font-size: 0; line-height: 0; text-indent: -4000px; width: 18px; height: 2px; background:#fff; } .slider-main .slider__paging { position: relative; margin-top:-10px; } .slider-main .slider__paging .slide { text-align:center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider-main .slider__paging .slider__inner { position: relative; } .slider-main .slider__paging .slider__actions a { position: absolute; top:0; text-align:center; width: 95px; font-size:30px; line-height:100px; transition: color .3s; } .slider-main .slider__paging .slider__actions a:hover { color: #000; } .slider-main .slider__paging .slider__actions .slider__next { left:100%; } .slider-main .slider__paging .slider__actions .slider__prev{ right:100%; } .slider-main .slider__paging .slide .slide__content { position: relative; padding: 20px 0 18px 0; width: 100%; margin-top:10px; background:#e5e5e5; border-left:1px solid #fff; } .slider-main .slider__paging .slide .slide__content h6 { font-family: 'Open Sans', 'Helvetica', sans-serif; font-size:20px; margin-bottom:3px; } .slider-main .slider__paging .slide .slide__content p { font-size:14px; letter-spacing: 0; } .slider-main .slider__paging .slide.slick-current .slide__content { background:#fff; margin-bottom:-10px; position: relative; top:-10px; z-index: 2; border-left:1px solid transparent; } .slider-main .slider__paging .slide.slick-current .slide__content h6 { font-size:30px; margin-top:-7px; margin-bottom:5px; } .slider-main .slider__paging .slide.slick-current .slide__content p { font-size:16px; } .slider-main .slider__paging .slide.slick-current .slide__content:before { content:''; position: absolute; top:-10px; left:-2px; right:-2px; bottom:-10px; border-left:2px solid rgba(0,0,0,.2); border-right:2px solid rgba(0,0,0,.2); } @media (max-width: 1200px) { .slider-main .slider__paging .slider__actions a { width: 45px; } } @media (max-width: 767px) { .slider-main .slider__clip .slide__image { padding-bottom:100%; } .slider-main .slider__clip .slide__title { font-size:16px; min-height: 0; } .slider-main .slider__clip .slick-dots { bottom:14px; } .slider-main .slider__clip .slide__caption__inner { padding-bottom:40px; } .slider-main .slider__clip .slide__actions { padding-top:0; } } /* ------------------------------------------------------------ *\ Slider Projects \* ------------------------------------------------------------ */ .slider-projects { position: relative; } .slider-projects .slider__actions { color: #fff; } .slider-projects .slider__actions a { color: inherit; transition: color .3s; } .slider-projects .slider__actions a:hover { color: #000; } .slider-projects .slider__prev { position: absolute; top:0; right:100%; font-size:40px; padding-right:48px; text-align:center; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; z-index: -1; pointer-events: none; } .slider-projects .slider__next { position: absolute; top:0; left:100%; font-size:40px; text-align:center; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left:48px; } /* ------------------------------------------------------------ *\ Slider Map \* ------------------------------------------------------------ */ .slider-map .slick-dots li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; } .slider-map .slick-dots li button { list-style:none; list-style-position: outside; width: 18px; height: 2px; background:#ccc; display: block; vertical-align: middle; margin-right:16px; font-size: 0; line-height: 0; text-indent: -4000px; border:0; position: relative; outline:none;} .slider-map .slick-dots li button:before { content:''; display:block; width: 100%; height: 5px; background-color:transparent; position: absolute; bottom:100%; } .slider-map .slick-dots li button:after { content:''; display:block; width: 100%; height: 5px; background-color:transparent; position: absolute; top:100%; } .slider-map .slick-list { margin-bottom:47px; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { display: inline-block; vertical-align: middle; margin-left:30px; } .socials ul { font-size:0; } .socials li { list-style:none; list-style-position: outside; display: inline-block; } .socials li + li { margin-left:20px; } .socials a { text-decoration: none; width: 34px; height: 34px; line-height:34px; text-align:center; font-size:20px; color: #fff; display: inline-block; transition: opacity .3s; } .socials a:hover { opacity: .8; } .socials .link-twitter { background:#2fc2ee; } .socials .link-facebook { background:#3b5a9a; } .socials .link-linkedin { background:#0377b2; } .socials .link-email { background:#de4e4d; } @media (max-width: 1023px) { .socials { margin-left:10px; } .socials li + li { margin-left:15px; } } /* ------------------------------------------------------------ *\ Socials Simple \* ------------------------------------------------------------ */ .socials--simple { margin-left:0; } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs__head { background:#de4e4d; } .tabs .tabs__nav ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabs .tabs__nav li { -ms-flex-positive:1; flex-grow:1; position: relative; border-left:1px solid #fff; } .tabs .tabs__nav li:first-child { margin-left:0; border-left:0; } .tabs .tabs__nav li.current:before { content:''; display:block; width: 100%; position: absolute; background:#fff; bottom:0; top:-10px; left:0; } .tabs .tabs__nav li.current:first-child:before { right:0; width: 100vw; left:auto; } .tabs .tabs__nav li.current:last-child:before { left:0; width: 100vw; } .tabs .tabs__nav a { display:block; background:#de4e4d; color: #fff; text-align:center; font-size:20px; padding: 27px 0; position: relative; transition: all .3s; } .tabs .tabs__nav a:hover { background:#bd2130; } .tabs .tabs__nav .current a { background:#fff; color: inherit; } .tabs .tabs__body { padding: 67px 0 0 0; } @media (max-width: 767px) { .tabs .tabs__nav a { font-size:10px; padding: 20px 0; } .tabs .tabs__nav .current a { font-size:16px; padding: 16px 0; } } /* ------------------------------------------------------------ *\ Tab \* ------------------------------------------------------------ */ .tab { display:none; } .tab.current { display:block; } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table { color: #212121; } /* ------------------------------------------------------------ *\ Table Filter \* ------------------------------------------------------------ */ .table td, .table th { border-top:0; padding-left:0; padding-right:0; } .table a:hover { text-decoration: underline; } .table .headerSortUp:after { -ms-transform: rotate(180deg); transform: rotate(180deg); } .table thead th { padding-bottom:20px; font-weight:400; border-bottom:1px solid #ccc; cursor: pointer; } .table thead th:nth-child(2) { width: 170px; } .table thead th:last-child { width: 140px; } .table thead th:after { content:"\f107"; display: inline-block; vertical-align: middle; margin-top:-2px; margin-left:12px; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .table td { border-bottom:1px solid #e4e4e4; padding: 30px 20px 38px 0; vertical-align: top; } /*.table td a { color: $color-danger; }*/ .table tr:last-child td { border-bottom:0; } .table td span { display:block; margin-top:5px; } /* ------------------------------------------------------------ *\ Table Secondary \* ------------------------------------------------------------ */ .table--secondary td { vertical-align: top; padding: 28px 10px 28px 0; } /*.table--secondary thead th:last-child { width: 100px; }*/ @media (max-width: 767px) { .table-wrapper { overflow: auto; } .table-wrapper .table { min-width: 700px; } } /* ------------------------------------------------------------ *\ Tags \* ------------------------------------------------------------ */ .tags { background:#e5e5e5; padding: 22px 0; } .tags .tags__inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -ms-flex-align: center; align-items: center; } .tags .tags__head { min-width: 120px; } .tags .tags__body { -ms-flex-positive:1; flex-grow:1; } .tag { display: inline-block; vertical-align: middle; text-decoration: none; background:#fff; padding:11px; border-radius: 5px; color: #de4e4d; font-size:12px; letter-spacing: 0.02em; } .tag--dark { background:#eff5f1; margin: 0 0 14px 0; padding: 7px 10px; } @media (max-width: 767px) { .tags .tags__inner { display:block; } .tags .tags__head { text-align:center; margin-bottom:10px; } .tag { font-size:10px; } } /* ------------------------------------------------------------ *\ Team \* ------------------------------------------------------------ */ .team { list-style:none; list-style-position: outside; margin-bottom:0; } .team-item { overflow: hidden; } .team-item:not(:first-child) { margin-top:25px; } .team-item .team-item__aside { float:left; } .team-item .team-item__body { overflow: hidden; padding-left:30px; } .team-item .team-item__title { font-family: 'Open Sans', 'Helvetica', sans-serif; margin-bottom:6px; } .team-item .team-item__title a:hover { text-decoration: underline; } .team-item .avatar { width: 44px; } .team-item span { font-size:17px; } /* ------------------------------------------------------------ *\ Team Alt \* ------------------------------------------------------------ */ .team--alt { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .team--alt .team-item { margin-top:0; margin-bottom:30px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; line-height:1.3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .team--alt .team-item .avatar { width: 60px; } @media (max-width: 767px) { .team--alt .team-item { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { text-align:center; padding: 0 60px; } .testimonial .avatar { width: 67px; margin-bottom:11px; } .testimonial .testimonial__body { font-style: italic; font-family: 'PlayfairDisplay', serif; font-size:18px; line-height:1.9; } .testimonial-head { color: #8d8d8d; text-align:center; font-size:14px; } .testimonial-head h4 { margin: 0 0 10px 0; font-size:16px; font-weight:400; color: #1c1c1c; } @media (max-width: 767px) { .testimonial { padding: 0; } } /* ------------------------------------------------------------ *\ Unit \* ------------------------------------------------------------ */ .unit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size:15px; } .unit .unit__image { width: 60px; } .unit .unit__body { overflow: hidden; padding-left:20px; } .unit .unit__body h6 { font-family: 'Open Sans', 'Helvetica', sans-serif; margin-bottom:10px; } /* ------------------------------------------------------------ *\ video \* ------------------------------------------------------------ */ .video { padding-bottom:55.2%; position: relative; } .video iframe { position: absolute; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%; } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget { margin-bottom:68px; font-size:14px; } .widget .widget__title { border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:24px; } .widget .widget__body { padding-right:15px; } .widget .widget__body p { line-height:1.5; } .widget .widget__body em { font-weight:600; font-size:14px; display:block; margin-bottom:30px; line-height:1.5; margin-right:-15px; } .widget .widget__subtitle { margin-bottom:18px; } /* ------------------------------------------------------------ *\ Widget Contact \* ------------------------------------------------------------ */ .widgets-contact { padding-left:58px; padding-top:3px; font-size:14px; display: -ms-flexbox; display: flex; width: 100%; } .widgets-contact h6 { font-family: 'Open Sans', 'Helvetica', sans-serif; font-size: 15px; margin-bottom:5px; } .widget-contact:first-child { margin-right:39px; } .widget-contact .widget__actions a { font-size:16px; } .widget-contact .widget__actions a:hover { text-decoration: underline; } .widget-contact .widget__body { margin-bottom:20px; } @media (max-width: 1023px) { .widgets-contact { padding-left:0; display:block; } .widget-contact:first-child { margin-right:10px; margin-bottom:20px; } } @media (max-width: 767px) { .widget { margin-bottom:30px; } } /* ------------------------------------------------------------ *\ Widget Alt \* ------------------------------------------------------------ */ .widget--alt { margin-bottom:45px; }