/* Table of Contents 01. Settings ---------------------------------- 02. Tools ------------------------------------- 03. Sprite ------------------------------------ 04. Generic ----------------------------------- 05. Base -------------------------------------- 06. Fonts ------------------------------------- 07. Helpers ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 08. Reset ------------------------------------- 09. Regions ----------------------------------- 10. Container --------------------------------- 11. Content ----------------------------------- 12. Footer ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 13. Header ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 14. Main -------------------------------------- 15. Shell ------------------------------------- Mobile ----------------------------------- 16. Sidebar ----------------------------------- 17. Wrapper ----------------------------------- 18. Modules ----------------------------------- 19. Article Small ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Article Large ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Dots ------------------------------------- 21. Breadcrumbs ------------------------------- Mobile ----------------------------------- 22. Button ------------------------------------ Button Block ----------------------------- Mobile ----------------------------------- 23. Button Menu ------------------------------- Mobile ----------------------------------- 24. Callout ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 25. Coupon ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 26. Form Elements ----------------------------- 27. Form -------------------------------------- 28. Icon -------------------------------------- Lines ------------------------------------ Mods ------------------------------------- Mobile ----------------------------------- 29. Icon Wheel -------------------------------- 30. Intro ------------------------------------- Mod: Alt --------------------------------- Small Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Lines ------------------------------------- Mod: Alt --------------------------------- 32. Line -------------------------------------- 33. List -------------------------------------- 34. Logo -------------------------------------- 35. Map --------------------------------------- Inner ------------------------------------ Boxex ------------------------------------ Mod: Large ------------------------------- Mobile ----------------------------------- 36. Nav --------------------------------------- Mobile ----------------------------------- 37. Phones ------------------------------------ 38. Section Help ------------------------------ Small Desktop ---------------------------- Mobile ----------------------------------- 39. Section About ----------------------------- Mobile ----------------------------------- 40. Section Head ------------------------------ Mobile ----------------------------------- 41. Section Services -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 42. Section Tags ------------------------------ Mobile ----------------------------------- 43. Section Articles -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 44. Section Testimonials --------------------- Mobile ----------------------------------- 45. Services Large ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 46. Slider Tips ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 47. Slider Testimonials ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. Slider Partners --------------------------- Mobile ----------------------------------- 49. Socials ----------------------------------- 50. Subscribe --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. Table ------------------------------------- 52. Tag --------------------------------------- Mobile ----------------------------------- 53. Testimonial ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. Widget ------------------------------------ 55. Widget Help ------------------------------- Mod: Large ------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 56. Widget Small ------------------------------ Mobile ----------------------------------- 57. Themes ------------------------------------ */ /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Tools \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-3-stars { background-image : url(../images/sprite.png); background-position : 99.58677685950413% 46.6403162055336%; background-size : 339.6039603960396% 1588.235294117647%; width : 101px; height : 17px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-5-stars-small { background-image : url(../images/sprite.png); background-position : 71.91780821917808% 78.16091954022988%; background-size : 672.5490196078431% 3000%; width : 51px; height : 9px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-nav-small { background-image : url(../images/sprite.png); background-position : 68.45238095238095% 45.559845559845556%; background-size : 4900% 2454.5454545454545%; width : 7px; height : 11px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-call-small { background-image : url(../images/phone.svg); /*background-position : 71.72619047619048% 52.851711026615966%; background-size : 4900% 3857.142857142857%; */width : 7px; height : 7px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-call { background-image : url(../images/phone.svg); /*background-position : 97.57575757575758% 67.05426356589147%; background-size : 2638.461538461538% 2250%; */width : 13px; height : 13px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-clock-small { background-image : url(../images/sprite.png); background-position : 25.27075812274368% 77.04081632653062%; background-size : 519.6969696969697% 364.86486486486484%; width : 66px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-clock { background-image : url(../images/sprite.png); background-position : 100% 0%; background-size : 336.27450980392155% 236.84210526315786%; width : 102px; height : 114px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-facebook { background-image : url(../images/sprite.png); background-position : 12.5% 90.87301587301587%; background-size : 4900% 1500%; width : 7px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram { background-image : url(../images/sprite.png); background-position : 57.49235474006116% 46.6403162055336%; background-size : 2143.75% 1588.235294117647%; width : 16px; height : 17px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-linkedin { background-image : url(../images/sprite.png); background-position : 99.38837920489296% 59.21568627450981%; background-size : 2143.75% 1800%; width : 16px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-location-small { background-image : url(../images/sprite.png); background-position : 50.54151624548736% 77.04081632653062%; background-size : 519.6969696969697% 364.86486486486484%; width : 66px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-location { background-image : url(../images/sprite.png); background-position : 0% 0%; background-size : 261.8320610687023% 183.67346938775512%; width : 131px; height : 147px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-phone-small { background-image : url(../images/sprite.png); background-position : 0% 77.04081632653062%; background-size : 519.6969696969697% 364.86486486486484%; width : 66px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-phone { background-image : url(../images/sprite.png); background-position : 56.016597510373444% 0%; background-size : 336.27450980392155% 236.84210526315786%; width : 102px; height : 114px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-mob { background-image : url(../images/sprite.png); background-position : 90.80118694362018% 72.90076335877863%; background-size : 5716.666666666666% 3375%; width : 6px; height : 8px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-small { background-image : url(../images/sprite.png); background-position : 93.29268292682927% 59.92063492063492%; background-size : 2286.6666666666665% 1500%; width : 15px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin { background-image : url(../images/sprite.png); background-position : 92.44712990936556% 67.578125%; background-size : 2858.333333333333% 1928.5714285714284%; width : 12px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter { background-image : url(../images/sprite.png); background-position : 64% 46.27450980392157%; background-size : 1905.5555555555557% 1800%; width : 18px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-blue-small { background-image : url(../images/sprite.png); background-position : 42.1875% 48.16326530612245%; background-size : 1491.304347826087% 1080%; width : 23px; height : 25px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-blue { background-image : url(../images/sprite.png); background-position : 70.23411371237458% 68.32579185520362%; background-size : 779.5454545454546% 551.0204081632653%; width : 44px; height : 49px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-mob { background-image : url(../images/sprite.png); background-position : 0% 100%; background-size : 902.6315789473686% 658.5365853658536%; width : 38px; height : 41px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-smaller { background-image : url(../images/sprite.png); background-position : 50.467289719626166% 48.16326530612245%; background-size : 1559.0909090909092% 1080%; width : 22px; height : 25px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel { background-image : url(../images/sprite.png); background-position : 86.2876254180602% 68.32579185520362%; background-size : 779.5454545454546% 551.0204081632653%; width : 44px; height : 49px; display : inline-block; vertical-align : middle; font-size : 0px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .ico-3-stars { background-image : url(../images/sprite.@2x.png); background-position : 99.58677685950413% 46.6403162055336%; background-size : 339.6039603960396% 1588.235294117647%; width : 101px; height : 17px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-5-stars-small { background-image : url(../images/sprite.@2x.png); background-position : 71.91780821917808% 78.16091954022988%; background-size : 672.5490196078431% 3000%; width : 51px; height : 9px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-arrow-nav-small { background-image : url(../images/sprite.@2x.png); background-position : 68.45238095238095% 45.559845559845556%; background-size : 4900% 2454.5454545454545%; width : 7px; height : 11px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-call-small { background-image : url(../images/sprite.@2x.png); background-position : 71.72619047619048% 52.851711026615966%; background-size : 4900% 3857.142857142857%; width : 7px; height : 7px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-call { background-image : url(../images/sprite.@2x.png); background-position : 97.57575757575758% 67.05426356589147%; background-size : 2638.461538461538% 2250%; width : 13px; height : 12px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-clock-small { background-image : url(../images/sprite.@2x.png); background-position : 25.27075812274368% 77.04081632653062%; background-size : 519.6969696969697% 364.86486486486484%; width : 66px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-clock { background-image : url(../images/sprite.@2x.png); background-position : 100% 0%; background-size : 336.27450980392155% 236.84210526315786%; width : 102px; height : 114px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-facebook { background-image : url(../images/sprite.@2x.png); background-position : 12.5% 90.87301587301587%; background-size : 4900% 1500%; width : 7px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-instagram { background-image : url(../images/sprite.@2x.png); background-position : 57.49235474006116% 46.6403162055336%; background-size : 2143.75% 1588.235294117647%; width : 16px; height : 17px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-linkedin { background-image : url(../images/sprite.@2x.png); background-position : 99.38837920489296% 59.21568627450981%; background-size : 2143.75% 1800%; width : 16px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-location-small { background-image : url(../images/sprite.@2x.png); background-position : 50.54151624548736% 77.04081632653062%; background-size : 519.6969696969697% 364.86486486486484%; width : 66px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-location { background-image : url(../images/sprite.@2x.png); background-position : 0% 0%; background-size : 261.8320610687023% 183.67346938775512%; width : 131px; height : 147px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-phone-small { background-image : url(../images/sprite.@2x.png); background-position : 0% 77.04081632653062%; background-size : 519.6969696969697% 364.86486486486484%; width : 66px; height : 74px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-phone { background-image : url(../images/sprite.@2x.png); background-position : 56.016597510373444% 0%; background-size : 336.27450980392155% 236.84210526315786%; width : 102px; height : 114px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-mob { background-image : url(../images/sprite.@2x.png); background-position : 90.80118694362018% 72.90076335877863%; background-size : 5716.666666666666% 3375%; width : 6px; height : 8px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin-small { background-image : url(../images/sprite.@2x.png); background-position : 93.29268292682927% 59.92063492063492%; background-size : 2286.6666666666665% 1500%; width : 15px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-pin { background-image : url(../images/sprite.@2x.png); background-position : 92.44712990936556% 67.578125%; background-size : 2858.333333333333% 1928.5714285714284%; width : 12px; height : 14px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-twitter { background-image : url(../images/sprite.@2x.png); background-position : 64% 46.27450980392157%; background-size : 1905.5555555555557% 1800%; width : 18px; height : 15px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-blue-small { background-image : url(../images/sprite.@2x.png); background-position : 42.1875% 48.16326530612245%; background-size : 1491.304347826087% 1080%; width : 23px; height : 25px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-blue { background-image : url(../images/sprite.@2x.png); background-position : 70.23411371237458% 68.32579185520362%; background-size : 779.5454545454546% 551.0204081632653%; width : 44px; height : 49px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-mob { background-image : url(../images/sprite.@2x.png); background-position : 0% 100%; background-size : 902.6315789473686% 658.5365853658536%; width : 38px; height : 41px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel-smaller { background-image : url(../images/sprite.@2x.png); background-position : 50.467289719626166% 48.16326530612245%; background-size : 1559.0909090909092% 1080%; width : 22px; height : 25px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-wheel { background-image : url(../images/sprite.@2x.png); background-position : 86.2876254180602% 68.32579185520362%; background-size : 779.5454545454546% 551.0204081632653%; width : 44px; height : 49px; display : inline-block; vertical-align : middle; font-size : 0px; } } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 2.27; color: #000; } a { color: inherit; text-decoration: underline; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } button { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } a:hover, a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.135em; } /*h1 { font-size: 55px; } h2 { font-size: 48px; } h3 { font-size: 35px; } h4 { font-size: 30px; } h5 { font-size: 20px; } h6 { font-size: 15px; } */ h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.5em; } h4 { font-size: 1.25em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.83em; line-height: 1.2; } @media (max-width: 767px) { h1 { font-size: 1.25em; } h2 { font-size: 1.2em; } h3 { font-size: 1.15em; } h4 { font-size: 1.1em; } } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 2.27em; } 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: 'Ethnocentric'; src: url('Ethnocentric.eot'); src: url('Ethnocentric.eot?#iefix') format('embedded-opentype'), url('Ethnocentric.woff2') format('woff2'), url('Ethnocentric.woff') format('woff'), url('Ethnocentric.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ .animate { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); visibility: hidden; opacity: 0; -webkit-transition: opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s; transition: opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s; -o-transition: transform 1.5s, opacity 1.5s, visibility 1.5s; transition: transform 1.5s, opacity 1.5s, visibility 1.5s; transition: transform 1.5s, opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s; } .animate.animated { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Mobile */ @media (max-width: 767px) { .animate { -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s; transition: opacity 1s, visibility 1s, -webkit-transform 1s; -o-transition: transform 1s, opacity 1s, visibility 1s; transition: transform 1s, opacity 1s, visibility 1s; transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s; } } .animate-opacity { visibility: hidden; opacity: 0; -webkit-transition: opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s; transition: opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s; -o-transition: transform 1.5s, opacity 1.5s, visibility 1.5s; transition: transform 1.5s, opacity 1.5s, visibility 1.5s; transition: transform 1.5s, opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s; } .animate-opacity.animated { visibility: visible; opacity: 1; } /* Mobile */ @media (max-width: 767px) { .animate { -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s; transition: opacity 1s, visibility 1s, -webkit-transform 1s; -o-transition: transform 1s, opacity 1s, visibility 1s; transition: transform 1s, opacity 1s, visibility 1s; transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s; } } /* Clear */ .clear:after { content : ''; display : block; clear : both; } /* Notext */ .notext { overflow : hidden; text-indent : 101%; white-space : nowrap; } /* Hidden */ [hidden], .hidden { display: none !important; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 0 15px; } .col--1of2 { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .col--1of4 { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: 25%; } .col--size-1 { -webkit-box-flex: 0; -ms-flex: 0 1 47%; flex: 0 1 47%; max-width: 47%; } .col--size-2 { -webkit-box-flex: 0; -ms-flex: 0 1 26.5%; flex: 0 1 26.5%; max-width: 26.5%; } /* Responsive Helpers */ .visible-xs-flex, .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; } .visible-xs-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1200px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { color: #fff; } .footer .footer__inner { position: relative; padding: 55px 0 47px; background: #103490; } .footer .footer__group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1139px; margin: 0 auto; } .footer .footer__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; opacity: .1; } .footer .footer__content { display: flex; justify-content: space-between; flex-grow: 1; padding-right: 27px; } .footer .footer__aside { flex: 0 1 285px; max-width: 285px; padding: 4px 0 0 28px; } .footer .footer__links h5 { margin-bottom: 15px; font-size: 17px; line-height: 1.2; font-weight: 700; text-transform: uppercase; } .footer .footer__links ul { font-size: 14px; line-height: 1.2; font-weight: 500; list-style: none; } .footer .footer__links li + li { margin-top: 10px; } .footer .footer__links a { color: #f1f1f1; text-decoration: none; } .footer .footer__links a:hover { text-decoration: underline; } .footer .footer__links--alt li { position: relative; padding-left: 0px; } .footer .footer__links--alt li + li { margin-top: 3px; } .footer .footer__links--alt li i { position: absolute; top: 4px; left: 0; } .footer .footer__links--alt li i.fa-phone { top: 2px; } .footer .footer__links--alt li p { line-height: 1.6; } .footer .footer__links--alt li strong { display: block; font-weight: 800; } .footer .footer__links--alt li a { display: inline-block; margin-top: 6px; font-family: 'Montserrat', sans-serif; font-weight: 800; } .footer .footer__bar { padding: 16px 0; font-family: 'Poppins', sans-serif; font-size: 13px; color: #010101; line-height: 1.2; letter-spacing: 0.01em; } .footer .footer__bar-inner { max-width: 1139px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .footer__bar-inner p { margin-bottom: 0; } .footer .list-cards { display: flex; } .footer .list-cards li { display: inline-block; } /* Tablet Portrait */ @media (max-width: 1023px) { .footer .footer__group { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .footer__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-right: 0; } .footer .footer__aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-left: 0; margin-top: 40px; } } /* Mobile */ @media (max-width: 767px) { .footer .subscribe { margin: 0 -3px; } .footer .footer__inner { padding-top: 23px; padding-bottom: 23px; } .footer .footer__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .footer__links { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; margin-bottom: 24px; } .footer .footer__links:first-child:after { content: ''; position: absolute; top: -5px; right: 8px; bottom: -2px; width: 1px; /*background: #25408d;*/ } .footer .footer__links:nth-child(even) { padding-left: 16px; } .footer .footer__group { padding: 0 11px; } .footer .footer__links h5 { margin-bottom: 5px; font-size: 14px; } .footer .footer__links ul { font-size: 14px; } .footer .footer__links li + li { margin-top: 7px; } .footer .footer__links--alt { margin-left: -6px; } .footer .footer__links--alt h5 { margin-bottom: 4px; } .footer .footer__links--alt li { padding-left: 13px; } .footer .footer__links--alt li strong { font-size: 14px; } .footer .footer__links--alt li a { margin-top: -1px; font-size: 14px; } .footer .footer__aside { padding-top: 0; margin-top: 2px; } .footer .footer__bar { padding: 14px 0; } .footer .footer__bar-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Raleway', sans-serif; font-weight: 500; text-align: center; } .footer .footer__bar-inner p { flex: 0 1 100%; max-width: 100%; font-size: 14px; letter-spacing: 0; } .footer .footer__image { order: -1; margin-bottom: 10px; } .footer .footer__links--alt li i.fa-phone { font-size: 10px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: absolute; top: 0; left: 0; right: 0; z-index: 10; } .header:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: -5; width: 50%; background: #131313; } .header .nav { margin-bottom: 26px; } .header .socials { margin-bottom: 26px; } .header .phones { margin-bottom: 25px; } .header .phones i.fa-phone { font-size: 20px; padding-top: 4px; } .header .btn { display: block; } .header .logo img { display: block; max-width: 105%; margin: 0 auto 20px; } .header .header__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 31px; margin-left: 31px; background: #131313; color: #fff; } .header .header__inner:before { content: ''; display: block; min-width: 330px; } .header .header__utilities { position: absolute; top: 0; left: 0; width: 100%; flex: 0 0 336px; max-width: 336px; padding: 53px 29px 25px; margin-bottom: 99px; background: #131313; } .header .header__utilities:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 99px 176px 0 159px; border-color: #131313 transparent transparent transparent; } .header .header__entry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 10px 4px 11px 0; margin-left: auto; background: #131313; } .header .header__entry p { padding-right: 20px; margin-bottom: 0; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; } .header .header__entry p:last-child { margin-left: auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .header .header__inner { padding-left: 11px; } .header .header__entry p { font-size: 10px; } } /* Mobile */ @media (max-width: 767px) { .header { z-index: 20; overflow: visible; background: #000; } .header:after { display: none; } .header .logo { max-width: 105px; margin: 5px 0 -8px -2px; } .header .logo img { margin: 0; } .header .btn-menu { position: absolute; top: 20px; right: 12px; } .header .header__inner { display: block; margin-left: 0; background: none; } .header .header__inner:before { display: none; } .header .header__entry { display: none; } .header .header__utilities { position: absolute; top: 100%; left: -6px; right: -6px; visibility: hidden; width: auto; max-width: none; padding: 23px 10px 25px; opacity: 0; transition: visibility .3s, opacity .3s; } .header .header__utilities:before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 150px; background: url(../images/triangle-bg.png) no-repeat; background-size: 100% 100%; background-position: 0 0; } .header .header__utilities:after { display: none; } .header.nav-open .header__utilities { visibility: visible; opacity: 1; } .header.nav-open .btn-menu span { width: 100%; } .header.nav-open .btn-menu span:nth-child(1) { top: 38%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header.nav-open .btn-menu span:nth-child(2) { top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .header.nav-open .btn-menu span:nth-child(3) { bottom: 45%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1420px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell--fluid { max-width: none; } /* Mobile */ @media (max-width: 767px) { .shell { padding: 0 6px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; } /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article Small \* ------------------------------------------------------------ */ .article-small { display: -webkit-box; display: -ms-flexbox; display: flex; } .article-small .article__image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 68px; flex: 0 0 68px; max-width: 69px; height: 64px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .article-small .article__image:hover { opacity: .8; } .article-small .article__image h5 { margin-bottom: 0; font-size: 13px; color: #fff6f5; line-height: 1.2; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } .article-small .article__image a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .article-small .article__content { padding-left: 28px; } .article-small .article__content h6 { margin-bottom: 15px; font-size: 16px; line-height: 1.1; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; } .article-small .article__content p { font-size: 13px; line-height: 1.2; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; } .article-small .article__content p a { color: #bf2026; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-small .article__content { padding-right: 12px; } .article-small .article__content h6 { margin-bottom: 6px; font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .article-small .article__image { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 92px; flex: 0 0 92px; max-width: 92px; height: 61px; padding: 0 0 6px 7px; } .article-small .article__image h5 { font-size: 14px; } .article-small .article__content { padding: 10px 0 0 9px; } .article-small .article__content h6 { margin-bottom: 3px; font-size: 12px; } .article-small .article__content p { font-size: 11px; } } /* ------------------------------------------------------------ *\ Article Large \* ------------------------------------------------------------ */ .article-large img { /*margin: -39px 0 0 82px;*/ } .article-large .widget-help { padding-top: 60px; margin-bottom: 0; } .article-large .widget-help:before, .article-large .widget-help:after { display: none; } .article-large .widget-help + .widget-help { margin-top: 105px; } .article-large .widget-help .widget__head { top: -57px; } .article-large .article__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 31px 0 125px; } .article-large .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 73%; flex: 0 1 73%; max-width: 73%; padding-top: 242px; padding-right: 52px; } .article-large .article__content h2 { margin-bottom: 48px; font-size: 40px; color: #393939; line-height: 1.3; font-weight: 800; } .article-large .article__content p { font-family: 'Work Sans', sans-serif; font-size: 16px; color: #6e6e6f; line-height: 2.13; } .article-large .article__aside { -webkit-box-flex: 0; -ms-flex: 0 1 27%; flex: 0 1 27%; max-width: 27%; padding-left: 4px; } /* Small Desktop */ @media (max-width: 1200px) { .article-large img { margin-left: 0; } .article-large .article__inner { padding-left: 31px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-large .widget-help { padding-top: 62px; } .article-large .widget-help:before, .article-large .widget-help:after { display: none; } .article-large .widget-help .widget__head { top: -57px; } .article-large .article__inner { padding-left: 0; padding-right: 0; } .article-large .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 60%; flex: 0 1 60%; max-width: 60%; padding-top: 195px; } .article-large .article__content h2 { margin-bottom: 30px; font-size: 34px; } .article-large .article__aside { -webkit-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; max-width: 40%; } } /* Mobile */ @media (max-width: 767px) { .article-large .widget-help { padding-top: 18px; } .article-large .widget-help:before, .article-large .widget-help:after { display: block; } .article-large .article__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-large .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-top: 30px; padding-right: 0; } .article-large .article__content h2 { margin-bottom: 15px; font-size: 27px; } .article-large .article__aside { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } /* Dots */ .article-large .slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .article-large .slick-dots li { position: relative; width: 7px; height: 7px; margin: 0 4px; cursor: pointer; -webkit-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s; } .article-large .slick-dots li:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 11px; height: 11px; border-radius: 50%; background: #fff; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .article-large .slick-dots li:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7px; height: 7px; border-radius: 50%; background: #929ec5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .article-large .slick-dots li.slick-active { margin-top: -5px; } .article-large .slick-dots li.slick-active:before { opacity: 1; } .article-large .slick-dots li.slick-active:after { background: #c11304; } .article-large .slick-dots button { display: none; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { font-family: 'Work Sans', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: normal; } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .breadcrumbs li { position: relative; padding-right: 22px; margin-right: 15px; } .breadcrumbs li:after { content: '>'; position: absolute; top: 0; right: 0; color: #fff; } .breadcrumbs li:last-child { padding-right: 0; margin-right: 0; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs a { color: #fff; text-decoration: none; } .breadcrumbs a:hover { opacity: .8; } /* Mobile */ @media (max-width: 767px) { .breadcrumbs ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .breadcrumbs { text-align: left; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; min-width: 208px; padding: 15px 10px; background: #bf2026; font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn:hover { background: #bf2026; } /* Button Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* Mobile */ @media (max-width: 767px) { .btn { min-width: 115px; font-size: 11px; } } /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .btn-menu { position: relative; display: inline-block; vertical-align: middle; width: 19px; height: 10px; border: 0; background: none; cursor: pointer; } .btn-menu span { position: absolute; left: 0; width: 100%; height: 2px; background: #cbcbcb; -webkit-transition: top .3s, bottom .3s, opacity .3s, -webkit-transform .3s; transition: top .3s, bottom .3s, opacity .3s, -webkit-transform .3s; -o-transition: top .3s, bottom .3s, transform .3s, opacity .3s; transition: top .3s, bottom .3s, transform .3s, opacity .3s; transition: top .3s, bottom .3s, transform .3s, opacity .3s, -webkit-transform .3s; } .btn-menu span:nth-child(1) { top: 0; left: auto; right: 0; width: 95%; } .btn-menu span:nth-child(2) { top: 4px; opacity: 1; } .btn-menu span:nth-child(3) { left: auto; right: 0; bottom: 0; width: 70%; } .btn-menu.active span:nth-child(1) { top: 45%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn-menu.active span:nth-child(2) { top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .btn-menu.active span:nth-child(3) { bottom: 45%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { margin-bottom: 80px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .callout .btn { padding: 12px 10px 9px; font-size: 16px; font-weight: 600; } .callout .callout__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 990px; padding: 19px 59px 18px 0; margin-left: auto; } .callout .callout__entry { margin: -8px 61px 0 0; } .callout .callout__entry h4 { margin-bottom: 3px; line-height: 1.2; font-weight: 600; text-transform: uppercase; } .callout .callout__entry h2 { margin-bottom: 10px; font-size: 55px; color: #253d8a; line-height: 1.09; font-weight: 800; text-transform: uppercase; } /* Tablet Portrait */ @media (max-width: 1023px) { .callout .callout__inner { padding-right: 0; } } /* Mobile */ @media (max-width: 767px) { .callout { margin-bottom: 0; } .callout .coupon { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-left: auto; margin-right: auto; } .callout .callout__inner { padding: 31px 0 30px 0; } .callout .callout__entry { display: none; } } /* ------------------------------------------------------------ *\ Coupon \* ------------------------------------------------------------ */ .coupon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 18px 24px 4px 11px; /*border: 2px dashed #c11304;*/ border: 2px dashed #000000; background: #fff; } .coupon .coupon__content { padding: 0px 18px 0 10px; } .coupon .coupon__content h2 { margin-bottom: 8px; font-family: 'Oswald', sans-serif; font-size: 22px; color: #bf2026; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; } .coupon .coupon__content p { font-family: 'Montserrat', sans-serif; font-size: 27px; color: #253d8a; line-height: 1.2; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; } .coupon .coupon__image img { display: block; margin: 0 auto; } .coupon .coupon__image img:first-child { max-width: 157px; } .coupon .coupon__image img + img { position: relative; right: -4px; margin: 36px -7px 0 16px; } /* Tablet Portrait */ @media (max-width: 1023px) { .coupon .coupon__content h2 { font-size: 18px; } .coupon .coupon__content p { font-size: 20px; } .callout .callout__entry { margin-right: 30px; } } /* Mobile */ @media (max-width: 767px) { .coupon { max-width: 308px; padding-top: 9px; padding-right: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coupon .coupon__content { padding: 0px 0 0 0px; -ms-flex-negative: 0; flex-shrink: 0; } .coupon .coupon__content h2 { margin-bottom: 3px; font-size: 13px; } .coupon .coupon__content p { font-size: 14px; letter-spacing: .04em; } .coupon .coupon__image img:first-child { max-width: 80px !important; } .coupon .coupon__image img + img { max-width: 72px; margin: 18px -7px -1px 6px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Icon \* ------------------------------------------------------------ */ .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 102px; height: 114px; } /* Lines */ .icon .icon__lines { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(30deg); -ms-transform: translate(-50%, -50%) rotate(30deg); transform: translate(-50%, -50%) rotate(30deg); width: 88px; height: 91px; } /* Mods */ .icon--clock path { position: relative; fill: #fff !important; } .icon--clock svg { width: 40px; height: 40px; } .icon--location { width: 131px; height: 147px; } .icon--location path { fill: #fff !important; } .icon--location svg { width: 31px; height: 39px; } .icon--location .icon__lines { width: 112px; height: 112px; } .icon--phone path { fill: #fff !important; } .icon--phone svg { width: 41px; height: 41px; } .icon { position: relative; width: 102px; height: 58.89px; background-color: #253d8a; margin: 29.44px 0; } .icon:before, .icon:after { content: ""; position: absolute; width: 0; border-left: 51px solid transparent; border-right: 51px solid transparent; } .icon:before { bottom: 100%; border-bottom: 29.44px solid #253d8a; } .icon:after { top: 100%; width: 0; border-top: 29.44px solid #253d8a; } .icon svg { position: relative; z-index: 10; } .icon--location { width: 131px; height: 75.63px; margin: 37.82px 0; } .icon--location:before, .icon--location:after { border-left-width: 65.5px; border-right-width: 65.5px; } .icon--location:before { border-bottom-width: 37.82px; } .icon--location:after { border-top-width: 37.82px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .icon:before, .icon:after { margin-left: -30px; } .icon--location:before, .icon--location:after { margin-left: -50px; } } /* Mobile */ @media (max-width: 767px) { .icon { width: 65px; height: 37.53px; margin: 18.76px 0; } .icon:before, .icon:after { border-left-width: 32.5px; border-right-width: 32.5px; } .icon:before { border-bottom-width: 18.76px; } .icon:after { border-top-width: 18.76px; } .icon .icon__lines { width: 49px; height: 56px; } .icon--clock svg { width: 20px; height: auto; } .icon--location svg { width: 16px; height: 20px; } .icon--phone svg { width: 20px; height: auto; } } /* ------------------------------------------------------------ *\ Icon Wheel \* ------------------------------------------------------------ */ .icon-wheel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 25.40px; background-color: #253d8a; margin: 12.70px 0; } .icon-wheel:before, .icon-wheel:after { content: ""; position: absolute; width: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; } .icon-wheel:before { bottom: 100%; border-bottom: 12.70px solid #253d8a; } .icon-wheel:after { top: 100%; width: 0; border-top: 12.70px solid #253d8a; } .icon-wheel svg { position: relative; z-index: 5; width: 26px; } .icon-wheel path { fill: #fff !important; } .icon-wheel path.dot { fill: #253d8a !important; } .icon-wheel--small { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 22px; height: 12.70px; background-color: #253d8a; margin: 6.35px 0; } .icon-wheel--small:before, .icon-wheel--small:after { content: ""; position: absolute; width: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; } .icon-wheel--small:before { bottom: 100%; border-bottom: 6.35px solid #253d8a; } .icon-wheel--small:after { top: 100%; width: 0; border-top: 6.35px solid #253d8a; } .icon-wheel--small svg { width: 13px; } .icon-wheel--dark { background: #131313; } .icon-wheel--dark:before { border-bottom-color: #131313; } .icon-wheel--dark:after { border-top-color: #131313; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .icon-wheel:before { margin-left: -10px; } .icon-wheel:after { margin-left: -35px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; overflow: hidden; } .intro .lines { position: absolute; top: 27px; left: 59px; z-index: 5; -webkit-transform: rotate(-13deg); -ms-transform: rotate(-13deg); transform: rotate(-13deg); height: 200px; } .intro .lines--alt { left: auto; top: auto; right: 102px; bottom: 56px; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; } .intro .shell { padding-top: 314px; padding-left: 361px; } .intro .slick-list { position: relative; z-index: 5; } .intro + .section-help { margin-top: -105px; } .intro .intro__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .intro .intro__background--overlay:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); } .intro .intro__slides { position: relative; z-index: 5; max-width: 606px; } .intro .banner_text { padding: 29px 38px 28px 63px; background: rgba(30, 30, 30, .5); color: #fff; } .intro .banner_text h2 { margin-bottom: -4px; font-family: 'Ethnocentric', sans-serif; line-height: 1.2; font-weight: 400; letter-spacing: -0.01em; font-size: 48px; } .intro .banner_text p { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.38; font-weight: 500; } /* Mod: Alt */ .intro--alt { height: 638px; margin-bottom: 15px; } .intro--alt .shell { padding-top: 206px; padding-right: 139px; } .intro--alt .breadcrumbs { margin: 10px -1px 0 0; color: #fff; } .intro--alt .intro__content { position: relative; z-index: 15; max-width: 528px; margin-left: auto; text-align: right; } .intro--alt .intro__title { display: inline-block; padding: 25px 25px 20px 25px; background: rgba(255, 255, 255, .77); font-family: 'Ethnocentric', sans-serif; font-size: 25px; color: #131313; line-height: 1.2; font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; white-space: nowrap; } .intro .intro__item { position: relative; height: 972px; } .intro .intro__mask { position: absolute; left: 0; right: 0; bottom: -2px; z-index: 5; height: 12vw; background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; } .intro .intro__bar { position: absolute; left: -53px; bottom: -185px; z-index: 5; overflow: hidden; width: 100%; height: 200px; -webkit-transform: rotate(13deg); -ms-transform: rotate(13deg); transform: rotate(13deg); background: #fff; } @media(max-width: 1499px){ .intro .lines { top: -25px; } .intro .lines--alt { top: auto; right: 14px; bottom: 63px; } } /* Small Desktop */ /* Small Desktop */ @media (max-width: 1200px) { .intro--alt .shell { padding-right: 41px; } .intro .lines { top: -34px; } .intro .lines--alt { top: auto; right: -30px; bottom: 62px; } } @media(max-width: 1024px){ .intro + .section-help { margin-top: -133px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .intro .banner_text h2 { font-size: 30px; } .intro .banner_text p { font-size: 12px; } .intro--alt .shell { padding-right: 25px; } .intro--alt .intro__title { padding: 20px 20px 15px 20px; font-size: 16px; } .intro .lines, .intro .lines, .intro .intro__bar { display: none; } } /* Mobile */ @media (max-width: 767px) { .intro .shell { padding: 0 6px; } .intro + .section-help { margin-top: -146px; } .intro .banner_text { max-width: 303px; padding: 16px 11px 21px 14px; } .intro .banner_text h2 { margin-bottom: -2px; font-size: 29px; line-height: 1.3; letter-spacing: 0.03em; } .intro .banner_text p { font-size: 11px; line-height: 1.5; } .intro .banner_text p br { display: none; } .intro--alt { height: 478px; } .intro--alt .shell { padding-top: 100px; } .intro--alt .breadcrumbs { margin-top: 5px; } .intro--alt + .article-large { margin-top: -118px; } .intro--alt .intro__content { max-width: none; } .intro--alt .intro__title { display: block; max-width: 303px; margin-left: 0; margin-right: auto; font-size: 16px; text-align: center; } .intro .intro__item { height: 478px; padding: 74px 0 50px; } } /* ------------------------------------------------------------ *\ Lines \* ------------------------------------------------------------ */ .lines { width: 300px; } .lines .line + .line { margin: -42px 0 48px 90px; } /* Mod: Alt */ .lines--alt .line { width: 500px; -webkit-transform: rotate(-14.5deg); -ms-transform: rotate(-14.5deg); transform: rotate(-14.5deg); } .lines--alt .line + .line { margin: -34px 0 23px 116px; } .lines--alt .line .line__items { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } /* ------------------------------------------------------------ *\ Line \* ------------------------------------------------------------ */ .line { -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); display: inline-block; width: 300px; height: 1px; background: #374d94; } .line .line__items { position: absolute; left: -20px; bottom: -13px; -webkit-transform: rotate(31deg); -ms-transform: rotate(31deg); transform: rotate(31deg); display: inline-block; line-height: 0; } .line .line__border { width: 29px; height: 28px; } .line .line__border path { fill: #253d8a; } .line .line__figure { position: absolute; top: 5px; left: 5px; width: 19px; height: 19px; } .line .line__figure path { fill: #253d8a; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Cards \* ------------------------------------------------------------ */ .list-cards { display: flex; align-items: center; } .list-cards li { margin-right: 5px; } .list-cards li:last-child { margin-right: 0; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map { position: relative; height: 448px; margin-bottom: 17px; } /* Inner */ .map .map__inner { height: 100%; } /* Boxex */ .map .map__boxes { position: absolute; left: 50%; bottom: 87px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 640px; padding: 0 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .map .map__box { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 17px 10px 18px; background: #fff; font-family: 'Montserrat', sans-serif; text-align: center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4); box-shadow: 0 0 5px rgba(0, 0, 0, .4); -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .map .map__box:before { content: ''; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 7px 10px 7px; border-color: transparent transparent #103490 transparent; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .map .map__box h4 { margin-bottom: 6px; font-size: 16px; color: #171717; line-height: 1.2; font-weight: 400; letter-spacing: .015em; text-transform: uppercase; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .map .map__box p { font-size: 15px; color: #b5b5b5; line-height: 1.2; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .map .map__box.active { background: #103490; } .map .map__box.active:before { opacity: 1; } .map .map__box.active h4, .map .map__box.active p { color: #fff; } /* Mod: Large */ .map--large { height: 549px; } /* Mobile */ @media (max-width: 767px) { .map { height: 248px; margin-bottom: 5px; } .map .map__inner { height: calc(100% - 75px); } .map .map__boxes { bottom: 0; max-width: 100%; left: 0; transform: translate(0,0); position: static; margin: auto; } .map .map__box { padding: 8px 8px 8px; } .map .map__box:before { top: -4px; border-width: 0 3px 4px 3px; display: none; } .map .map__box h4 { margin-bottom: 1px; font-size: 12px; } .map .map__box p { font-size: 12px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { font-size: 13px; color: #fff; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; } .nav > ul > li { position: relative; } .nav > ul > li + li { margin-top: 2px; } .nav > ul > li.current > a { background: #293375; } .nav > ul > li > a { position: relative; z-index: 10; display: block; padding: 5px 10px 5px 25px; background: #1e1e1e; text-decoration: none; } .nav > ul > li > a:hover { background: #293375; } .nav > ul > li > a > i { position: absolute; top: 13px; right: 21px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .nav .sub { position: absolute; top: 0; left: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 5; visibility: hidden; padding-left: 29px; font-size: 12px; font-weight: 500; opacity: 0; -webkit-transition: visibility .3s, opacity .3s, -webkit-transform .3s; transition: visibility .3s, opacity .3s, -webkit-transform .3s; -o-transition: transform .3s, visibility .3s, opacity .3s; transition: transform .3s, visibility .3s, opacity .3s; transition: transform .3s, visibility .3s, opacity .3s, -webkit-transform .3s; pointer-events: none; } .nav .sub ul { min-width: 244px; padding: 5px; background: #293375; } .nav .sub li + li { margin-top: 2px; } .nav .sub a { display: block; padding: 14px 22px 10px; background: #131e63; line-height: 1; text-decoration: none; } .nav .sub a:hover { background: #151e56; } .nav > ul > li:hover > a { background: #293375; } .nav > ul > li:hover .sub { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; pointer-events: auto; } /* Mobile */ @media (max-width: 767px) { .nav .sub { position: static; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; max-height: 0; padding: 0; opacity: 1; -webkit-transition: max-height .3s, padding .3s; -o-transition: max-height .3s, padding .3s; transition: max-height .3s, padding .3s; } .nav > ul > li > a:hover { background: #1e1e1e; } .nav > ul > li:hover > a { background: #1e1e1e; } .nav > ul > li > a > i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav > ul > li.active > a { background: #293375; } .nav > ul > li.active .sub { max-height: 800px; padding: 5px 0; } .nav > ul > li.active > a > i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } } /* ------------------------------------------------------------ *\ Phones \* ------------------------------------------------------------ */ .phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .phones img { -ms-flex-negative: 0; flex-shrink: 0; padding-top: 5px; } .phones h5 { margin-left: 18px; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0.1em; } /* ------------------------------------------------------------ *\ Section Help \* ------------------------------------------------------------ */ .section-help { overflow: hidden; padding-top: 120px; margin-bottom: 56px; } .section-help .cols { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .section-help .col--size-1 { align-self: stretch; } .section-help .widget-help--large { height: 100%; } .section-help .section__inner { max-width: 1339px; margin: 0 auto; } /* Small Desktop */ @media (max-width: 1200px) { .section-help .cols { margin: 0 -5px; } .section-help .col { padding: 0 5px; } } @media(max-width: 1024px) { .section-help { padding-top: 0; } .section-help .cols { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section-help .slick-slide { padding-top: 150px; } .section-help .slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .section-help .slick-dots li { position: relative; width: 14px; height: 14px; margin: 0 10px; cursor: pointer; -webkit-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s; } .section-help .slick-dots li:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 22px; height: 22px; border-radius: 50%; background: #fff; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .section-help .slick-dots li:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 14px; border-radius: 50%; background: #929ec5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .section-help .slick-dots li.slick-active { margin-top: -5px; } .section-help .slick-dots li.slick-active:before { opacity: 1; } .section-help .slick-dots li.slick-active:after { background: #c11304; } .section-help .slick-dots button { display: none; } } /* Mobile */ @media (max-width: 767px) { .section-help { margin-bottom: 0; } .section-help .slick-dots { bottom: 15px; } .section-help .slick-dots li { width: 7px; height: 7px; margin: 0 4px; } .section-help .slick-dots li.slick-active { margin-top: -2px; } .section-help .slick-dots li:before { width: 11px; height: 11px; } .section-help .slick-dots li:after { width: 7px; height: 7px; } } /* ------------------------------------------------------------ *\ Section About \* ------------------------------------------------------------ */ .section-about { margin-bottom: 73px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-about .btn { padding: 11px 10px; font-size: 16px; font-weight: 600; } .section-about .section__body { position: relative; max-width: 1112px; margin: 0 auto; text-align: center; } .section-about .section__body p { margin-bottom: 32px; font-size: 15px; color: #6e6e6f; line-height: 2.27; font-weight: 600; } .section-about img { display: block; /*margin: -166px auto 0;*/ } .section-about h1 { font-size: 2em; line-height: 1.27; } /* Mobile */ @media (max-width: 767px) { .section-about { overflow: hidden; padding-top: 34px; margin-bottom: 25px; } .section-about .btn { padding: 4px 10px 2px; font-size: 11px; } .section-about .section__head { margin-bottom: 14px; } .section-about .section__body { padding: 0 18px; } .section-about .section__body p { margin-bottom: 17px; font-size: 14px; line-height: 2; letter-spacing: 0; } .section-about img { max-width: 117%; /*margin: -40px 0 9px -25px; */ } .section-about h1 { font-size: 25px; } } /* ------------------------------------------------------------ *\ Section Head \* ------------------------------------------------------------ */ .section-head { margin-bottom: 30px; text-align: center; } .section-head h3 { margin-bottom: 6px; color: #131313; line-height: 1.2; font-weight: 600; text-transform: uppercase; font-size: 35px; } .section-head h2 { margin-bottom: 3px; font-size: 48px; color: #253d8a; line-height: 1.2; font-weight: 800; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .section-head h3 { margin-bottom: 3px; font-size: 19px; } .section-head h2 { font-size: 25px; } .section-head h2 ~ .ico-wheel-smaller { margin-top: -10px; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section-services { overflow: hidden; margin-bottom: 81px; } .section-services .cols { margin-bottom: -30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-services .col { padding-bottom: 30px; } .section-services .section__head { margin-bottom: 62px; } .section-services .section__head h2 { margin-bottom: 15px; } .section-services .section__head figure { margin: 0 auto; } .section-services .section__body { max-width: 1140px; margin: 0 auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-services .col { -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; max-width: 33.33%; } } /* Mobile */ @media (max-width: 767px) { .section-services { margin-bottom: 25px; } .section-services .cols { margin: 0 -8px -16px; } .section-services .col { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 0 8px 16px; } .section-services .section__head { margin-bottom: 16px; } } /* ------------------------------------------------------------ *\ Section Tags \* ------------------------------------------------------------ */ .section-tags { position: relative; overflow: hidden; padding-top: 45px; padding-bottom: 67px; margin-bottom: 80px; background: #253d8a; } .section-tags .shell { position: relative; max-width: 1160px; } .section-tags .section__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; opacity: .2; } .section-tags .section__head { margin-bottom: 41px; } .section-tags .section__head h3 { color: #d0d0d0; font-size: 35px; } .section-tags .section__head h2 { color: #fff; } .section-tags .section__head h2 { margin-bottom: 15px; } .section-tags .section__head figure { margin: 0 auto; } .section-tags .section__body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -20px -30px; list-style: none; } .section-tags .section__body li { padding: 0 15px 30px; } /* Mobile */ @media (max-width: 767px) { .section-tags { padding-bottom: 50px; margin-bottom: 0; } .section-tags .section__head { margin-bottom: 17px; } .section-tags .section__body ul { margin: 0 -10px -13px; } .section-tags .section__body li { padding: 0 6px 13px; } } /* ------------------------------------------------------------ *\ Section Articles \* ------------------------------------------------------------ */ .section-articles { overflow: hidden; margin-bottom: 100px; } .section-articles .article-small { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding-right: 20px; } .section-articles .section__head { margin-bottom: 78px; } .section-articles .section__head h2 { margin-bottom: 15px; } .section-articles .section__head figure { margin: 0 auto; } .section-articles .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 101px 0 130px; } /* Small Desktop */ @media (max-width: 1200px) { .section-articles .section__body { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .section-articles { margin-bottom: 50px; } .section-articles .article-small { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-right: 0; } .section-articles .article-small + .article-small { padding-top: 20px; border-top: 1px solid #ccc; margin-top: 20px; } .section-articles .section__head { margin-bottom: 22px; } .section-articles .section__body { -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* ------------------------------------------------------------ *\ Section Testimonials \* ------------------------------------------------------------ */ .section-testimonials { position: relative; padding: 72px 0 120px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-testimonials .section__head { margin-bottom: 60px; } .section-testimonials .section__head h2 { margin-bottom: 15px; } .section-testimonials .section__head figure { margin: 0 auto; } .section-testimonials .section__body { max-width: 1166px; margin: 0 auto; } /* Mobile */ @media (max-width: 767px) { .section-testimonials { padding-top: 40px; padding-bottom: 45px; } .section-testimonials .shell { padding: 0; } .section-testimonials .slick-slide { padding: 0; } .section-testimonials .section__head { margin-bottom: 9px; } } /* ------------------------------------------------------------ *\ Services Large \* ------------------------------------------------------------ */ .services-large { position: relative; padding: 52px 0 20px; background: #000; color: #fff; } .services-large .services__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; opacity: .15; } .services-large .services__inner { position: relative; max-width: 1112px; margin: 0 auto; } .services-large .services__head { padding-left: 7px; margin-bottom: 33px; } .services-large .services__head h4 { font-size: 22px; line-height: 1.2; text-transform: uppercase; } .services-large .services__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 4px; } .services-large .footer_services_list { position: relative; padding-right: 43px; margin-right: 40px; font-size: 14px; color: #f1f1f1; line-height: 1.2; font-weight: 500; list-style: none; } .services-large .footer_services_list:after { content: ''; position: absolute; top: 13px; right: 0; bottom: 13px; width: 1px; background: rgba(255, 255, 255, .1); } .services-large .footer_services_list:last-child { padding-right: 0; margin-right: 0; } .services-large .footer_services_list:last-child:after { display: none; } .services-large .footer_services_list li { position: relative; padding-left: 16px; } .services-large .footer_services_list li:before { content: ''; position: absolute; top: 5px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #fff; } .services-large .footer_services_list li + li { margin-top: 10px; } .services-large .footer_services_list a { text-decoration: none; } .services-large .footer_services_list a:hover { text-decoration: underline; } /* Tablet Portrait */ @media (max-width: 1023px) { .services-large .services__body { -ms-flex-wrap: wrap; flex-wrap: wrap; } .services-large .footer_services_list { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding-right: 0; padding-bottom: 20px; margin-right: 0; margin-bottom: 12px; } .services-large .footer_services_list:after { top: 0; } .services-large .footer_services_list:nth-child(even) { padding-left: 40px; padding-right: 0; } .services-large .footer_services_list:nth-child(1):before { content: ''; position: absolute; left: 0; right: 10px; bottom: 0; height: 1px; background: rgba(255, 255, 255, .1); } .services-large .footer_services_list:nth-child(2):before { content: ''; position: absolute; left: 10px; right: 0; bottom: 0; height: 1px; background: rgba(255, 255, 255, .1); } .services-large .footer_services_list:nth-child(2):after { display: none; } } /* Mobile */ @media (max-width: 767px) { .services-large { padding-top: 41px; padding-bottom: 6px; } .services-large .services__head { padding-left: 4px; margin-bottom: 29px; } .services-large .services__head h4 { font-size: 18px; } .services-large .services__body { padding-left: 7px; } .services-large .footer_services_list { padding-bottom: 26px; margin-bottom: 17px; font-size: 14px; } .services-large .footer_services_list:after { top: -2px; right: -2px; bottom: 6px; } .services-large .footer_services_list:nth-child(1):before { left: -7px; right: 4px; } .services-large .footer_services_list:nth-child(2):before { left: 7px; right: -1px; } .services-large .footer_services_list:nth-child(3) { margin-bottom: 0; } .services-large .footer_services_list:nth-child(4) { margin-bottom: 0; } .services-large .footer_services_list:nth-child(even) { padding-left: 23px; } .services-large .footer_services_list li { padding-left: 8px } .services-large .footer_services_list li:before { top: 3px; width: 4px; height: 4px; } .services-large .footer_services_list li + li { margin-top: 7px; } } /* ------------------------------------------------------------ *\ Slider Tips \* ------------------------------------------------------------ */ .slider-tips { margin-bottom: 72px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .slider-tips .slider__slides { max-width: 1143px; margin: 0 auto; } .slider-tips .slider__slides-inner { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 83px 0 20px 17px; } .slider-tips .slider__inner { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } .slider-tips .slider__image { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .slider-tips h3 { margin-bottom: 8px; font-size: 35px; color: #d0d0d0; line-height: 1.1; font-weight: 600; text-transform: uppercase; } .slider-tips h2 { margin-bottom: 3px; font-size: 48px; color: #fff6f5; line-height: 1.2; font-weight: 800; text-transform: uppercase; } .slider-tips figure { margin-bottom: 43px; } .slider-tips .slider__content p { font-size: 18px; line-height: 1.5; font-weight: 500; letter-spacing: -.015em; } /* Small Desktop */ @media (max-width: 1200px) { .slider-tips .slider__image { -ms-flex-negative: 0; flex-shrink: 0; } .slider-tips .slider__content p br { display: none; } } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-tips .slider__slides-inner { padding-top: 20px; } .slider-tips h3 { font-size: 25px; } .slider-tips h2 { font-size: 35px; } .slider-tips figure { margin-bottom: 15px; } .slider-tips .slider__content p { font-size: 16px; } } /* Mobile */ @media (max-width: 767px) { .slider-tips { padding-bottom: 40px; margin-bottom: 33px; } .slider-tips .shell { padding: 0; } .slider-tips .slider__slides-inner { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 36px 18px 21px 20px; } .slider-tips .slider__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider-tips .slider__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .slider-tips .slider__image img { width: 100%; } .slider-tips .slider__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .slider-tips h3 { margin-bottom: 3px; font-size: 19px; } .slider-tips h2 { margin-bottom: 1px; font-size: 25px; } .slider-tips figure { margin-bottom: 20px; } .slider-tips .slider__content p { font-size: 14px; line-height: 1.6; letter-spacing: 0; } } /* ------------------------------------------------------------ *\ Slider Testimonials \* ------------------------------------------------------------ */ .slider-testimonials .slider__slides { position: static; } .slider-testimonials .slick-slide { padding: 0 14px; } .slider-testimonials .slick-dots { position: absolute; left: 0; right: 0; bottom: 61px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .slider-testimonials .slick-dots li { position: relative; width: 12px; height: 14px; margin: 0 3px; cursor: pointer; } .slider-testimonials .slick-dots li:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 5; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6px; height: 6px; border-radius: 50%; background: #131313; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .slider-testimonials .slick-dots li:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/slider-dot.png) no-repeat; background-size: 100% 100%; background-position: 0 0; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .slider-testimonials .slick-dots li.slick-active:before { background: #fff; } .slider-testimonials .slick-dots li.slick-active:after { opacity: 1; } .slider-testimonials .slick-dots button { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-testimonials .slick-slide { padding: 0 5px; } } /* Mobile */ @media (max-width: 767px) { .slider-testimonials .slick-slide { padding: 0; } .slider-testimonials .slick-dots { bottom: 17px; } .slider-testimonials .slick-dots li { margin: 0 1px; } } /* ------------------------------------------------------------ *\ Slider Partners \* ------------------------------------------------------------ */ .slider-partners { margin-bottom: 12px; } .slider-partners .slider__slides { max-width: 1163px; margin: 0 auto; } .slider-partners .slider__image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 85px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .slider-partners .slider__image:hover { opacity: .8; } .slider-partners .slider__image img { margin: 0 auto; max-height: 85px; } .slider-partners .slider__image a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .slider-partners .slick-arrow { position: absolute; top: 37px; left: 0; z-index: 5; width: 10px; height: 17px; border: 0; background: url(../images/slider-arrow@2x.png) no-repeat; background-size: 100% 100%; background-position: 0 0; font-size: 0; line-height: 0; opacity: .5; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .slider-partners .slick-arrow:hover { opacity: 1; } .slider-partners .slick-arrow.slick-next { left: auto; right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Mobile */ @media (max-width: 767px) { .slider-partners { margin-bottom: 2px; } .slider-partners .slick-arrow { top: 21px; left: 9px; width: 5px; height: 9px; } .slider-partners .slick-arrow.slick-next { left: auto; right: 9px; } .slider-partners .slider__slides { padding: 0 20px; } .slider-partners .slider__image { height: 50px; padding: 0 15px; } .slider-partners .slider__image img { max-height: 50px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -5px -10px; list-style: none; } .socials li { padding: 0 5px 10px; } .socials a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 47px; height: 47px; /*background: #1e1e1e;*/ } .socials a:hover { opacity: .8; } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe .subscribe__field { display: block; width: 100%; height: 45px; padding: 0 15px; border: 0; border-radius: 0; margin-bottom: 9px; font-size: 16px; color: #2d2d2d; font-weight: 600; letter-spacing: 0.02em; } .subscribe .subscribe__field::-webkit-input-placeholder { color: rgba(45, 45, 45, .5); } .subscribe .subscribe__field:-ms-input-placeholder { color: rgba(45, 45, 45, .5); } .subscribe .subscribe__field::-ms-input-placeholder { color: rgba(45, 45, 45, .5); } .subscribe .subscribe__field::placeholder { color: rgba(45, 45, 45, .5); } .subscribe .subscribe__btn { min-width: 146px; padding: 14px 10px; border: 0; font-size: 16px; font-weight: 600; } /* Tablet Portrait */ @media (max-width: 1023px) { .subscribe .subscribe__field { text-align: center; } .subscribe .subscribe__btn { display: block; width: 100%; } } /* Mobile */ @media (max-width: 767px) { .subscribe .subscribe__field { height: 29px; margin-bottom: 7px; font-size: 10px; } .subscribe .subscribe__btn { padding: 10px 10px 9px; font-size: 10px; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Tag \* ------------------------------------------------------------ */ .section-tags a { display: block; min-width: 205px; padding: 9px 5px; background: #0f225f; font-size: 17px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; text-decoration: none; } .section-tags a:hover { background: #fff; color: #0f225f; } /* Mobile */ @media (max-width: 767px) { .section-tags a { min-width: 95px; padding: 4px 5px; font-size: 13px; letter-spacing: -.04em; } } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { padding: 127px 20px 59px; background: #253d8a; color: #fff; text-align: center; } .testimonial p { position: relative; margin-bottom: 33px; font-size: 21px; line-height: 1.43; font-weight: 500; font-style: italic; letter-spacing: 0.02em; } .testimonial p:before, .testimonial p:after { content: ''; position: absolute; top: -60px; left: 24px; width: 110px; height: 87px; background: url(../images/quote@2x.png) no-repeat; background-size: 100% 100%; background-position: 0 0; } .testimonial .testimonial-header { position: relative; margin-bottom: 33px; font-size: 21px; line-height: 1.43; font-weight: 500; font-style: italic; letter-spacing: 0.02em; font-weight: bold; } .testimonial .testimonial-body { position: relative; margin-bottom: 33px; font-size: 21px; line-height: 1.43; font-weight: 500; font-style: italic; letter-spacing: 0.02em; } .testimonial .testimonial-body:before, .testimonial .testimonial-body:after { content: ''; position: absolute; top: -60px; left: 24px; width: 110px; height: 87px; background: url(../images/quote@2x.png) no-repeat; background-size: 100% 100%; background-position: 0 0; } .testimonial .testimonial-body:after { top: auto; left: auto; right: 10px; bottom: -63px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .testimonial p:after { top: auto; left: auto; right: 10px; bottom: -63px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .testimonial h5 { margin-bottom: 3px; font-size: 21px; line-height: 1.2; font-weight: 600; letter-spacing: 0.02em; } /* Tablet Portrait */ @media (max-width: 1023px) { .testimonial p br { display: none; } } /* Mobile */ @media (max-width: 767px) { .testimonial { padding-top: 51px; padding-bottom: 14px; } .testimonial p { margin-bottom: 16px; font-size: 14px; line-height: 1.4; } .testimonial p:before, .testimonial p:after { width: 53px; height: 42px; } .testimonial p:before { top: -34px; left: 1px; } .testimonial p:after { right: 2px; bottom: -41px; } .testimonial .testimonial-header { margin-bottom: 16px; font-size: 14px; line-height: 1.4; } .testimonial .testimonial-body { margin-bottom: 16px; font-size: 14px; line-height: 1.4; } .testimonial .testimonial-body:before, .testimonial .testimonial-body:after { width: 53px; height: 42px; } .testimonial .testimonial-body:before { top: -34px; left: 1px; } .testimonial .testimonial-body:after { right: 2px; bottom: -41px; } .testimonial h5 { margin-bottom: -9px; font-size: 14px; letter-spacing: 0; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Widget Help \* ------------------------------------------------------------ */ .widget-help { position: relative; padding: 60px 16px 34px; background: #253d8a; color: #fff; text-align: center; -webkit-box-shadow: 0 0 27px 2px rgba(0, 0, 0, .1); box-shadow: 0 0 27px 2px rgba(0, 0, 0, .1); } .widget-help .btn { min-width: 278px; margin-top: 27px; font-size: 16px; font-weight: 600; } .widget-help .widget__head { position: absolute; top: -57px; left: 50%; z-index: 5; transform: translateX(-50%); } .widget-help .widget__body { position: relative; z-index: 5; } .widget-help .widget__body h4 { margin-bottom: 17px; line-height: 1.35; font-weight: 800; text-transform: uppercase; font-size: 30px; } .widget-help .widget__body ul { max-width: 208px; margin: 0 auto; font-size: 15px; line-height: 1.2; font-weight: 500; list-style: none; } .widget-help .widget__body li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget-help .widget__body li + li { margin-top: 12px; } .widget-help .widget__body ul p { margin-bottom: 0; } .widget-help .widget__body > p { margin-bottom: 8px; line-height: 1.8; } .widget-help .widget__body h4 + p { margin-top: -11px; font-weight: 500; } .widget-help .widget__body h5 { margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 1.7; font-weight: 600; } /* Mod: Large */ .widget-help--large { padding-top: 42px; padding-bottom: 61px; } .widget-help--large:before, .widget-help--large:after { content: ''; position: absolute; top: -26px; left: 0; right: 0; transform: skewY(12deg); height: 150px; background: #253d8a; } .widget-help--large:after { transform: skewY(-12deg); } .widget-help--large .widget__head { top: -120px; } .widget-help--large .widget__body h4 { margin-bottom: 12px; } .widget-help--large .widget__body h5 { margin-bottom: 4px; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 1.2; font-weight: 600; } .widget-help--large .widget__body > p { margin-bottom: 18px; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.2; font-weight: 500; } /* Small Desktop */ @media (max-width: 1200px) { .widget-help .widget__body > p br { display: none; } } @media(max-width: 1024px){ .widget-help { padding-top: 42px; padding-bottom: 80px; } .widget-help:before, .widget-help:after { content: ''; position: absolute; top: -32px; left: 0; right: 0; transform: skewY(12deg); height: 150px; background: #253d8a; } .widget-help:after { transform: skewY(-12deg); } .widget-help .widget__head { top: -120px; } } /* Mobile */ @media (max-width: 767px) { .widget-help { padding: 18px 49px 51px 49px; } .widget-help:before, .widget-help:after { top: -7px; } .widget-help .btn { min-width: 164px; padding: 7px 10px 5px; margin-top: 2px; font-size: 14px; } .widget-help .widget__head { top: -58px; } .widget-help .widget__body h4 { margin-bottom: 7px; font-size: 20px; } .widget-help .widget__body h5 { font-size: 14px; } .widget-help .widget__body > p { margin-bottom: 20px; font-size: 14px; line-height: 1.45; font-weight: 400; } } /* ------------------------------------------------------------ *\ Widget Small \* ------------------------------------------------------------ */ .widget-small { position: relative; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .widget-small:hover { opacity: .8; } .widget-small h5 { padding: 9px 5px; margin-bottom: 0; background: #253d8a; font-family: 'Poppins', sans-serif; font-size: 17px; color: #fff6f5; font-weight: 500; line-height: 1.2; text-align: center; text-transform: uppercase; } .widget-small .widget__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } /* Mobile */ @media (max-width: 767px) { .widget-small h5 { padding: 6px 5px; font-size: 14px; letter-spacing: .04em; } .widget-small img { width: 100%; } } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ @media (max-width: 767px) { .main { margin-top: 180px; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer .shell { text-align: center; max-width: 1200px; } .footer-nav-links { margin-bottom: 35px; } .footer-nav-links ul { /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap; } .footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; } .footer-nav-links > ul > li > a { margin-left: 15px; margin-right: 15px; } .footer-location-data { margin-bottom: 15px; } .footer-location-data > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap; } .footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; margin-bottom: 30px; } .footer-content-statement { margin-bottom: 15px; line-height: 1.5; } .list-icons li { text-align: center; } .footer .list-icons li p { line-height: 1.6; } @media (max-width: 1023px) { .footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; } .footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; } } @media (max-width: 767px) { .footer-location-data > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; } .list-icons li + li { margin-top: 0px; } .footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; } }