@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800"); @import url("https://fonts.googleapis.com/css?family=Josefin+Sans|Abril+Fatface"); /** Reset some basic elements */ body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; } /** Basic styling */ body { font: 400 16px/1.5 "Nunito Sans", Roboto, Helvetica; color: #111; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; } /** Set `margin-bottom` to maintain vertical rhythm */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; } /** `main` element */ main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ } /** Images */ img { max-width: 100%; vertical-align: middle; } /** Figures */ figure > img { display: block; } figcaption { font-size: 14px; } /** Lists */ ul, ol { margin-left: 30px; } li > ul, li > ol { margin-bottom: 0; } /** Headings */ h1, h2, h3, h4, h5, h6 { font: 400 "Nunito Sans", Roboto, Helvetica; } /** Links */ a { color: #EE6352; text-decoration: none; } a:visited { color: #de2c16; } a:hover { color: #111; text-decoration: underline; } .social-media-list a:hover { text-decoration: none; } .social-media-list a:hover .username { text-decoration: underline; } .blob { content: ''; display: block; margin: 0 auto; width: 75vh; height: 75vh; min-height: 400px; min-width: 400px; background: linear-gradient(270deg, #EE6352, #EE6352, #EE6352, #263949, #263949, #263949); background-size: 1600% 1600%; transform-origin: 50% 50%; transform-style: preserve-3d; perspective: 1000px; animation: transform 20s ease-in-out infinite both alternate, movement 20s ease-in-out infinite both, shade 20s linear infinite both; } @keyframes transform { 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } } @keyframes movement { 0%, 100% { transform: none; } 50% { transform: translateY(0%) rotateY(10deg); } } @keyframes shade { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @use autoprefixer( browsers: "> 3%" ); .blob2 { content: ''; display: block; margin: 0 auto; width: 75vh; height: 75vh; min-height: 400px; min-width: 400px; background: linear-gradient(270deg, #263949, #263949, #263949, #263949, #263949, #263949); background-size: 1600% 1600%; transform-origin: 50% 50%; transform-style: preserve-3d; perspective: 1000px; animation: transform 20s ease-in-out infinite both alternate, movement 20s ease-in-out infinite both, shade 20s linear infinite both; } @keyframes transform { 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } } @keyframes movement { 0%, 100% { transform: none; } 50% { transform: translateY(0%) rotateY(10deg); } } @keyframes shade { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @use autoprefixer( browsers: "> 3%" ); /** Blockquotes */ blockquote { padding-left: 15px; font-size: 34px; letter-spacing: -1px; font-style: italic; } blockquote > :last-child { margin-bottom: 0; } /** Code formatting */ pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; } code { padding: 1px 5px; } pre { padding: 8px 12px; overflow-x: auto; } pre > code { border: 0; padding-right: 0; padding-left: 0; } /** Wrapper */ .wrapper { max-width: 95%; max-width: 95%; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; } @media screen and (max-width: 800px) { .wrapper { max-width: 95%; max-width: 95%; padding-right: 15px; padding-left: 15px; } } /** Clearfix */ .wrapper:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; } /** Icons */ .svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 0px; vertical-align: middle; } .social-media-list li + li { padding-top: 5px; } /** Tables */ table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; } table tr:nth-child(even) { background-color: #f7f7f7; } table th, table td { padding: 10px 15px; } table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; } table td { border: 1px solid #e8e8e8; } /* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- Mobile ----------------------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 06. Shell ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Button ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Form Elements ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Form Contact ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Image Grid ------------------------------- 05. Grid ------------------------------------- Mobile ----------------------------------- 06. Grid Home -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Grid Work -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 09. List ------------------------------------- 10. List Contacts ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 11. Logo ------------------------------------- 12. Nav -------------------------------------- Mobile ----------------------------------- 13. Nav Primary ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 14. Nav Footer ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 15. Section ---------------------------------- 16. Section Facts ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 17. Section Services ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 18. Section Callout -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 19. Section Contact -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Section Contact Info --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Section Home ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 22. Section Work ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 23. Slider ----------------------------------- 24. Socials ---------------------------------- 25. Table ------------------------------------ 26. Widget ----------------------------------- IV. Themes --------------------------------------- 01. Theme Slideout Menu ---------------------- Mobile ----------------------------------- */ .ico-arrow-circle-right-small { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 269.811320754717% 250.9433962264151%; width: 53px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-circle-right { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 158.88888888888889% 147.77777777777777%; width: 90px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down-red { background-image: url(images/sprite.png); background-position: 33.85826771653544% 81.08108108108108%; background-size: 893.75% 604.5454545454546%; width: 16px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down { background-image: url(images/sprite.png); background-position: 98.4126984126984% 48.62385321100918%; background-size: 841.1764705882354% 554.1666666666667%; width: 17px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right-red { background-image: url(images/sprite.png); background-position: 48.760330578512395% 76.92307692307693%; background-size: 650% 831.25%; width: 22px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 332.5581395348837% 309.3023255813954%; width: 43px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu { background-image: url(images/sprite.png); background-position: 82.56880733944955% 54.63917525773196%; background-size: 420.5882352941177% 369.44444444444446%; width: 34px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-arrow-circle-right-small { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 269.811320754717% 250.9433962264151%; width: 53px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-circle-right { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 158.88888888888889% 147.77777777777777%; width: 90px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down-red { background-image: url(images/sprite.@2x.png); background-position: 33.85826771653544% 81.08108108108108%; background-size: 893.75% 604.5454545454546%; width: 16px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down { background-image: url(images/sprite.@2x.png); background-position: 98.4126984126984% 48.62385321100918%; background-size: 841.1764705882354% 554.1666666666667%; width: 17px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right-red { background-image: url(images/sprite.@2x.png); background-position: 48.760330578512395% 76.92307692307693%; background-size: 650% 831.25%; width: 22px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 332.5581395348837% 309.3023255813954%; width: 43px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu { background-image: url(images/sprite.@2x.png); background-position: 82.56880733944955% 54.63917525773196%; background-size: 420.5882352941177% 369.44444444444446%; width: 34px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } } .cols:after, .grid:after, .grid-group:after, .nav-footer ul:after, .section-callout .shell:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0, 0, 0, 0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ blockquote { margin-bottom: 1.3em; } 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: 'Steelfish Rg'; src: url("fonts/SteelfishRg-Bold.eot"); src: url("fonts/SteelfishRg-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/SteelfishRg-Bold.woff") format("woff"), url("fonts/SteelfishRg-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Circular Std'; src: url("fonts/Circular-Std-Medium.eot"); src: url("fonts/Circular-Std-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Circular-Std-Medium.woff") format("woff"), url("fonts/Circular-Std-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Circular Std'; src: url("fonts/Circular-Std-Bold.eot"); src: url("fonts/Circular-Std-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Circular-Std-Bold.woff") format("woff"), url("fonts/Circular-Std-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Circular Std'; src: url("fonts/Circular-Std-Black.eot"); src: url("fonts/Circular-Std-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Circular-Std-Black.woff") format("woff"), url("fonts/Circular-Std-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Pistilli'; src: url("fonts/Pistilli.eot"); src: url("fonts/Pistilli.eot?#iefix") format("embedded-opentype"), url("fonts/Pistilli.woff") format("woff"), url("fonts/Pistilli.ttf") format("truetype"); font-weight: 400; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -12px; } .col { float: left; width: 100%; padding: 0 12px; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.3333%; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .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: 1200px) { .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; } } /* Mobile */ @media (max-width: 767px) { .col-1of2, .col-1of3 { float: none; width: 100%; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background-color: #7ba8a2; color: #e7e6d6; overflow: hidden; border-top: 10px solid #e7e6d6; text-align: right; position: relative; } .footer .shell { max-width: 100%; padding: 0 40px; } .footer .footer-logo { position: absolute; left: -36px; top: 50%; margin-top: -119.5px; width: 238px; } .footer-contacts { width: 510px; display: inline-block; vertical-align: middle; overflow: hidden; margin: 0 -6px; } .footer-contacts > ul { float: left; width: 50%; padding: 0 6px; list-style: none; margin: 0; } .footer-contacts > ul > li { border-bottom: 2px solid #e7e6d6; } .footer-contacts > ul > li:first-child { border-top: 2px solid #e7e6d6; } .footer-contacts > ul > li > a, .footer-contacts > ul > li > p { display: block; margin: 0; text-align: left; font-weight: 900; font-size: 15px; line-height: 42px; } .footer-contacts .socials ul { border: 0; font-size: 0; text-align: left; } .footer-contacts .socials ul li { width: 12%; display: inline-block; vertical-align: middle; border: 0; margin: 0; } .footer-contacts .socials ul a { display: inline-block; padding: 0; line-height: 42px; } .footer-contacts .socials ul a:hover { background-color: transparent; } .footer-contacts .socials ul a i { font-size: 15px; margin: 0; } @media (max-width: 1365px) { .footer .footer-logo { width: 180px; margin-top: -90px; } } /* Small Desktop */ @media (max-width: 1199px) { .footer-contacts { width: 270px; margin: 20px 0; } .footer-contacts > ul { float: none; width: 100%; } .footer-contacts > ul ~ ul li:first-child { border-top: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .footer { border-top-width: 5px; } .footer .shell { padding: 0 20px 0 40px; } .footer .footer-logo { margin-top: -75px; } .footer .footer-logo svg { width: 150px; height: auto; } .footer-contacts { width: 285px; float: left; margin-left: 140px; margin-top: 28px; } .footer-contacts > ul > li > a, .footer-contacts > ul > li > p { font-size: 1.9vw; line-height: 34px; } .footer-contacts .socials ul a { line-height: 34px; } .footer-contacts .socials ul li { width: 10.5%; } .footer .nav-footer { float: right; width: 160px; } } /* Mobile */ @media (max-width: 767px) { .footer .shell { padding: 0 12px; } .footer .footer-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .footer-contacts { margin: 0 auto 30px; width: 100%; } .footer .footer-logo { position: static; margin: 0 auto -30px; } .footer .nav-footer { float: none; width: 100%; } .footer { border-top-width: 4px; } .footer .shell { padding: 0 20px; } .footer-contacts { margin: 0 auto 20px; } .footer-contacts > ul { padding: 0; } .footer-contacts > ul > li { border-bottom-width: 2px; } .footer-contacts > ul > li:first-child { border-top-width: 2px; } .footer-contacts > ul > li > a, .footer-contacts > ul > li > p { font-size: 12.5px; text-align: center; line-height: 36px; } .footer .footer-logo { margin-bottom: -15px; } .footer .footer-logo svg { width: 120px; height: 120px; } .footer-contacts .socials ul { text-align: center; } .footer-contacts .socials ul li { width: auto; margin: 0 5px; } .footer-contacts .socials ul a { line-height: 34px; } .footer-contacts .socials ul a i { font-size: 13px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { border: 10px solid #e7e6d6; } /* Tablet Portrait */ @media (max-width: 1023px) { .main { border-width: 5px; } } /* Mobile */ @media (max-width: 767px) { .main { border-width: 5px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1624px; padding-left: 12px; padding-right: 12px; margin: auto; } .shell-fluid { max-width: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .shell { padding: 0 60px; } } /* Mobile */ @media (max-width: 767px) { .shell { padding: 0 20px; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { overflow: hidden; background-color: #fff; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; line-height: 1; } input::-moz-placeholder { color: inherit; opacity: 1; line-height: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; line-height: 1; } input::placeholder { color: inherit; opacity: 1; line-height: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-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-label { display: block; padding-bottom: 10px; font-weight: 900; font-size: 19px; color: #EE6352; } .textarea, .gform_wrapper textarea.textarea { width: 100%; height: 141px; resize: none; border: 0; font-size: 19px; line-height: 2.4; border-radius: 0; background-color: transparent; } .textarea-wrapper { position: relative; z-index: 1; } .textarea-wrapper:before, .textarea-wrapper:after { content: ''; width: 100%; height: 5px; background-color: #e7e6d6; position: absolute; left: 0; z-index: -1; } .textarea-wrapper:before { top: 46px; } .textarea-wrapper:after { top: 90px; } .checkbox-square input, .gfield.list-checkboxes .gfield_checkbox li > input { display: none !important; } .checkbox-square label, .gfield.list-checkboxes .gfield_checkbox li > label { max-width: 100%; display: block; padding: 17px 15px 16px; text-align: center; font-weight: 900; font-size: 1.4vw; color: #EE6352; border: 5px solid #e7e6d6; transition: background-color .4s ease, color .4s ease, border-color .4s ease; } .checkbox-square input:checked ~ label, .gfield.list-checkboxes .gfield_checkbox li > input:checked ~ label { background-color: #EE6352; border-color: #EE6352; color: #e7e6d6; } /* Small Desktop */ @media (max-width: 1199px) { .checkbox-square label { padding: 17px 10px 16px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .checkbox-square label { font-size: 1.4vw; padding: 9px 10px 8px !important; border-width: 3px; } .gform_wrapper textarea.medium, .gform_wrapper textarea.large, .textarea { background-size: 6px !important; height: 82px; line-height: 1.5; font-size: 16px; } .textarea-wrapper:before, .textarea-wrapper:after { height: 3px; } .textarea-wrapper:before { top: 27px; } .textarea-wrapper:after { top: 52px; } } /* Mobile */ @media (max-width: 767px) { .textarea { height: 100px; font-size: 14px; line-height: 2.3; } .textarea-wrapper:before { top: 31px; } .textarea-wrapper:after { top: 63px; } .form-label { font-size: 15px; padding-bottom: 10px; } .checkbox-square label { font-size: 14px; padding: 12px 10px 11px; } } /* ------------------------------------------------------------ *\ Form Contact \* ------------------------------------------------------------ */ body .gform_wrapper ul li.gfield { margin-top: 30px !important; } body .gform_wrapper ul li.gfield.double-margin { margin-top: 60px !important; } .gform_wrapper label.gfield_label { color: #EE6352; font-size: 20px; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .gform_wrapper .gfield_nlf input.large, .gform_wrapper .gfield_nlf input.medium, .gform_wrapper .gfield_nlf input.small, .gform_wrapper .gfield_nlf select.large, .gform_wrapper .gfield_nlf select.medium, .gform_wrapper .gfield_nlf select.small { width: 125px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent !important; border: none !important; } .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border: none !important; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf { color: #EE6352; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input { color: #7ba8a2; display: inline-block; } .form-contact .form-label { padding-bottom: 17px; } .form-contact .form-group-lead { margin-bottom: 72px; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf, .form-contact .form-group-lead p { font-weight: 900; font-size: 3.6vw; color: #EE6352; line-height: 1.25; margin: 0; letter-spacing: .02em; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input, .form-contact .form-group-lead .field { display: inline-block; width: auto; border: 0; padding: 0 !important; font-weight: 900; font-size: 3.6vw; color: #7ba8a2; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf + .gform_wrapper ul.gform_fields li.gfield { margin-top: 72px; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-name, .form-contact .form-group-lead .field-name { width: 18.2vw; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-email, .form-contact .form-group-lead .field-email { width: 18.2vw; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-project, .form-contact .form-group-lead .field-project { width: 20.2vw; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-company, .form-contact .form-group-lead .field-company { width: 26.7vw; } .form-contact .form-group-head { text-align: center; margin-bottom: 37px; overflow: hidden; } body .gform_wrapper ul li.gfield.list-checkboxes { margin-top: 60px; } .gform_wrapper.gf_browser_chrome .gform_body { width: 100% !important; } .gform_wrapper .list-checkboxes .gfield_label, .form-contact .form-group-head h2 { display: inline-block; margin: 0; padding: 0 30px; font-weight: 400; font-size: 60px; color: #EE6352; text-transform: uppercase; letter-spacing: .075em; line-height: 1 !important; position: relative; } .gform_wrapper .list-checkboxes.field_description_above .gfield_description, .form-contact .form-group-head h2 span { text-transform: uppercase; display: block; font-family: 'Circular Std', sans-serif; font-weight: 900; font-size: 19px; color: #7ba8a2; letter-spacing: 0; padding-top: 12px; } .gform_wrapper .list-checkboxes .gfield_label:before, .gform_wrapper .list-checkboxes .gfield_label:after, .form-contact .form-group-head h2:before, .form-contact .form-group-head h2:after { content: ''; width: 300%; height: 5px; background-color: #EE6352; position: absolute; top: 50%; transform: translateY(-50%); } .form-contact .form-group-head h2:before, .gform_wrapper .list-checkboxes .gfield_label:before { right: 100%; } .form-contact .form-group-head h2:after, .gform_wrapper .list-checkboxes .gfield_label:after { left: 100%; } .gform_wrapper .list-checkboxes ul.gfield_checkbox, .form-contact .list-checkboxes { overflow: hidden; margin: 0 0 20px -11px; } .form-contact .list-checkboxes li, .gform_wrapper .list-checkboxes ul.gfield_checkbox li { float: left; width: 50% !important; padding-left: 11px !important; margin-bottom: 11px; } .gform_wrapper .list-checkboxes { text-align: center; } .gform_wrapper .gfield_required { display: none !important; } .gform_wrapper .list-checkboxes ul.gfield_checkbox li:nth-child(4n+1), .form-contact .list-checkboxes li:nth-child(4n+1) { clear: left; } .form-contact .form-actions { padding-top: 70px; text-align: center; } /* Tablet Portrait */ @media (max-width: 1023px) { .gform_wrapper label.gfield_label { font-size: 20px !important; } .gform_wrapper .list-checkboxes .gfield_label, .form-contact .form-group-head h2 { font-size: 34px !important; } body .gform_wrapper ul li.gfield.list-checkboxes { margin-top: 30px; } body .gform_wrapper .top_label div.ginput_container { width: 100%; } .form-contact .form-group-lead { margin-bottom: 40px; } .form-contact .form-group-head { margin-bottom: 14px; } .gform_wrapper .list-checkboxes .gfield_label, .form-contact .form-group-head h2 { font-size: 34px; padding: 0 10px; } .gform_wrapper .list-checkboxes.field_description_above .gfield_description, .form-contact .form-group-head h2 span { font-size: 11px; } .gform_wrapper .list-checkboxes .gfield_label:before, .gform_wrapper .list-checkboxes .gfield_label:after, .form-contact .form-group-head h2:before, .form-contact .form-group-head h2:after { height: 3px; } .form-contact .list-checkboxes { margin-bottom: 6px; } .form-contact .form-row > .form-label, .gfield.list-checkboxes .gfield_checkbox li > label { font-size: 11px; padding: 8px 15px 8px; } .form-contact .form-actions { padding-top: 34px; } } /* Mobile */ @media (max-width: 767px) { .form-contact .form-row > .form-label, .gfield.list-checkboxes .gfield_checkbox li > label { padding: 8px 11px 8px; } .gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio { width: calc(100% + 11px) !important; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf, .form-contact .form-group-lead p { font-size: 25px; line-height: 1.25; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input, .form-contact .form-group-lead .field { font-size: 25px; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-name, .form-contact .form-group-lead .field-name { width: 125px; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-email, .form-contact .form-group-lead .field-email { width: 125px; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-project, .form-contact .form-group-lead .field-project { width: 140px; } .gform_wrapper ul.gform_fields li.gfield.gfield_nlf input.field-company, .form-contact .form-group-lead .field-company { width: 185px; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1 !important; } .form-contact .form-group-lead { margin-bottom: 40px; } .form-contact .form-group-head { margin: 0 -20px 19px; } .form-contact .form-group-head h2 { padding: 0 20px; font-size: 30px; } .gform_wrapper .list-checkboxes.field_description_above .gfield_description, .form-contact .form-group-head h2 span { font-size: 10px; padding-top: 7px; } .form-contact .form-group-head h2:before, .form-contact .form-group-head h2:after { height: 3px; top: 15px; } .form-contact .form-label { padding-bottom: 8px; } .form-contact .form-row > .form-label { font-size: 15px; } .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { width: 100% !important; } .checkbox-square label, .gfield.list-checkboxes .gfield_checkbox li > label { border-width: 3px; } .form-contact .list-checkboxes { margin: 0 0 10px -11px; } .form-contact .list-checkboxes li { margin-bottom: 7px; float: none; } .form-contact .list-checkboxes .checkbox-square { height: 100%; vertical-align: middle; width: 100%; } .form-contact .checkbox-square .form-label { padding: 12px 10px 12px; height: 100%; vertical-align: middle; } .form-contact .list-checkboxes li, .gform_wrapper .list-checkboxes ul.gfield_checkbox li { float: left; width: 50% !important; padding-left: 11px !important; margin-bottom: 11px; } .gform_wrapper .list-checkboxes ul.gfield_checkbox li:nth-child(2n+1), .form-contact .list-checkboxes li:nth-child(2n+1) { clear: left; } .form-contact .form-actions { padding: 38px 0 30px; } } .gfield_nlf { display: inline; } .gfield_nlf .gfield_label { display: none !important; } .gfield_nlf .gfield_description { display: none; } /* UUUUGGGGHHHHHH */ .gform_wrapper textarea.medium, .gform_wrapper textarea.large { background: url(/img/bars.svg); background-size: 10px; } /* ------------------------------------------------------------ *\ Image Grid \* ------------------------------------------------------------ */ .grid-image-item { float: left; position: relative; background-size: cover; background-position: center; overflow: hidden; } .grid-image-item img { display: none; } .grid-image-item-large { width: 67%; padding-bottom: 73.6%; } .grid-image-item-small { width: 33%; padding-bottom: 36.8%; } .grid-image-item-medium { width: 67%; padding-bottom: 36.8%; } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid { border-right: 5px solid #e7e6d6; border-bottom: 5px solid #e7e6d6; background-color: #e7e6d6; } .grid-group { float: left; width: 50%; } .grid-group:nth-child(odd) { clear: left; } .grid-item { float: left; width: 100%; border-left: 5px solid #e7e6d6; border-top: 5px solid #e7e6d6; } .grid-item a { display: block; position: relative; } /* Mobile */ @media (max-width: 767px) { .grid-group { width: 100%; } } /* ------------------------------------------------------------ *\ Grid Home \* ------------------------------------------------------------ */ .grid-home .grid-item-small { float: left; width: 50%; } .grid-home .grid-item-small a { padding-bottom: 106%; } .grid-home .grid-item-medium a { padding-bottom: 52.5%; } .grid-home .grid-item-large a { padding-bottom: 106%; } .grid-home .grid-item-head { width: 100%; position: absolute; left: 0; top: 16px; padding: 0 50px 0 20px; z-index: 10; } .grid-home .grid-item-head i { position: absolute; right: 20px; top: 50%; margin-top: -8px; } .grid-home .grid-item-head h6 { font-weight: 900; font-size: .94vw; color: #7ba8a2; text-transform: uppercase; letter-spacing: .15em; margin: 0; } .grid-home .grid-item-content { width: 100%; position: absolute; left: 0; bottom: 20px; padding: 0 20px; z-index: 10; } .grid-home .grid-item-content h5 { margin: 0; font-family: 'Steelfish Rg', sans-serif; font-size: 1.45vw; color: #7ba8a2; letter-spacing: .05em; text-transform: uppercase; } .grid-home .grid-item-image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; background-size: cover; background-position: center; } .grid-home .grid-item-image img { display: none; } .grid-home .grid-item-primary { background-color: #f3f3eb; } .grid-home .grid-item-primary h3 { font-family: 'Pistilli', serif; font-weight: 400; font-size: 2.53vw; color: #EE6352; line-height: .9; margin: 0 0 10px; } .grid-home .grid-item-primary h3.red { color: #EE6352; } .grid-home .grid-item-primary .grid-item-content { padding-right: 40px; } .grid-home .grid-item-primary .grid-item-content i { position: absolute; right: 20px; bottom: 0; } .grid-home .grid-item-tertiary { background-color: #EE6352; color: #fff; } .grid-home .grid-item-tertiary h6 { color: #e7e6d6; } .grid-home .grid-item-tertiary h4 { font-family: 'Circular Std', sans-serif; font-weight: 700; font-size: 2.17vw; color: #e7e6d6; line-height: 1.1; } .grid-home .grid-item-quinary { background-color: #7ba8a2; } .grid-home .grid-item-quinary h6 { color: #e7e6d6; } .grid-home .grid-item-quinary h4 { width: 90%; font-family: 'Circular Std', sans-serif; font-weight: 700; font-size: 2.17vw; color: #e7e6d6; line-height: 1.1; margin: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .grid-home .grid-item-head { top: 12px; padding: 0 50px 0 15px; } .grid-home .grid-item-head h6 { font-size: 1.2vw; } .grid-home .grid-item-head i.ico-arrow-right-red { width: 16px; height: 12px; top: 13px; right: 15px; } .grid-home .grid-item-content { padding: 0 15px; bottom: 15px; } .grid-home .grid-item-primary .grid-item-content i { right: 15px; } .grid-home .grid-item-primary .grid-item-content i.ico-arrow-down-red { width: 12px; height: 16px; } .grid-home .grid-item-primary .grid-item-content { bottom: 15px; padding: 0 15px; } .grid-home .grid-item-content h5 { font-size: 1.75vw; } .grid-home .grid-item-primary h3 { margin: 0 0 5px; font-size: 3.1vw; } .grid-home .grid-item-tertiary h4 { font-size: 2.6vw; } .grid-home .grid-item-quinary h4 { font-size: 2.6vw; } } /* Mobile */ @media (max-width: 767px) { .grid-home .grid-item-primary h3 { font-size: 19.5px; line-height: 1; } .grid-home .grid-item-content { padding: 0 10px; } .grid-home .grid-item-content h5 { font-size: 11px; } .grid-home .grid-item-head h6 { font-size: 8px; } .grid-home .grid-item-tertiary h4, .grid-home .grid-item-quinary h4 { font-size: 17px; } .grid-home .grid-item-head { padding: 0 35px 0 10px; } .grid-home .grid-item-primary .grid-item-content { padding: 0 10px; } .grid-home .grid-item-primary .grid-item-content i.ico-arrow-down-red { right: 10px; width: 10px; height: 13px; } .grid-home .grid-item-head i.ico-arrow-right-red { width: 13px; height: 10px; right: 10px; top: 10px; } } /* ------------------------------------------------------------ *\ Grid Work \* ------------------------------------------------------------ */ .grid-work .grid-item-small { float: left; width: 50%; } .grid-work .grid-item-large .grid-item-image { padding-bottom: 92%; } .grid-work .grid-item-image { padding-bottom: 77.2%; position: relative; overflow: hidden; background-size: cover; background-position: center; } .grid-work .grid-item-image img { display: none; } .grid-work .grid-item-content { border-top: 5px solid #e7e6d6; padding: .5em .5em .6em; color: #e7e6d6; } .grid-work .grid-item-content h5 { font-family: 'Pistilli', serif; font-weight: 400; font-size: 1.4vw; margin: 0 0 .15em; } .grid-work .grid-item-content h6 { font-family: 'Steelfish Rg', sans-serif; font-weight: 700; font-size: 1.1vw; text-transform: uppercase; letter-spacing: .03em; margin: 0; } .grid-work .color-orange { background-color: #b9481d; } .grid-work .color-light-orange { background-color: #d25b1c; } .grid-work .color-black { background-color: #212121; } .grid-work .color-blue { background-color: #1f414d; } .grid-work .color-light-blue { background-color: #488396; } .grid-work .color-lighter-blue { background-color: #459fb5; } .grid-work .color-dark-blue { background-color: #0f1f2d; } .grid-work .color-green { background-color: #455c2f; } .grid-work .color-dark-green { background-color: #33422e; } .grid-work .color-purple { background-color: #524044; } .grid-work .color-light-purple { background-color: #816497; } .grid-work .color-red { background-color: #cd1a28; } .grid-work .color-yellow { background-color: #db9c25; } .grid-work .color-brown { background-color: #2c201d; } .grid-work .color-grey { background-color: #555555; } .grid-work .color-teal { background-color: #2e6d6f; } .grid-work .color-pink { background-color: #ed5163; } .grid-work .color-cyan { background-color: #05c9c1; } @media (min-width: 1600px) { .grid-home .grid-item-primary h3 { font-size: 42px; } .grid-home .grid-item-tertiary h4, .grid-home .grid-item-quinary h4 { font-size: 36px; } .grid-home .grid-item-content h5 { font-size: 24px; } .grid-home .grid-item-head h6 { font-size: 15px; } } /* Small Desktop */ @media (max-width: 1199px) { .grid-work .grid-item-content h5 { font-size: 1.3vw; } } /* Tablet Portrait */ @media (max-width: 1023px) { .grid-work .grid-item-content { padding: .25em .3em .4em; } .grid-work .grid-item-content h5 { font-size: 1.65vw; margin-bottom: .2em; } .grid-work .grid-item-content h6 { font-size: 1.35vw; } } /* Mobile */ @media (max-width: 767px) { .grid-work .grid-item-content h5 { font-size: 13px; margin-bottom: .4em; } .grid-work .grid-item-content h6 { font-size: 11px; letter-spacing: 0.075em; } .grid-work .grid-item-content { padding: .25em .3em; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Contacts \* ------------------------------------------------------------ */ .list-contacts { margin: 0; padding: 0; border-bottom: 2px solid #e7e6d6; } .list-contacts > li { border-top: 2px solid #e7e6d6; padding: 20px 0; position: relative; } .list-contacts .email { display: block; font-weight: 700; font-size: 30px; } .list-contacts .map { display: block; font-size: 25px; text-transform: uppercase; transition: opacity .4s ease; } .list-contacts .map:hover { opacity: .5; } .list-contacts .map i { position: absolute; top: 10px; right: 0; } @media (max-width: 1365px) { .list-contacts > li { font-size: 26px; } } /* Small Desktop */ @media (max-width: 1199px) { .list-contacts > li, .list-contacts .email, .list-contacts .map { font-size: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-contacts > li, .list-contacts .email, .list-contacts .map { font-size: 17px; } .list-contacts .map i { width: 31px; height: 31px; top: 4px; } } /* Mobile */ @media (max-width: 767px) { .list-contacts > li, .list-contacts .email { font-size: 16px; } .list-contacts .map { font-size: 14px; } .list-contacts .map i { width: 30px; height: 30px; top: 6px; } } /* ------------------------------------------------------------ *\ Nav Footer \* ------------------------------------------------------------ */ .nav-footer { display: inline-block; vertical-align: middle; margin-left: 90px; } .nav-footer ul { list-style: none; padding: 37px 0; margin: 0; font-size: 0; } .nav-footer ul li { display: inline-block; vertical-align: middle; } .nav-footer ul li ~ li { margin-left: 16px; } .nav-footer ul a { display: block; width: 90px; height: 90px; border: 5px solid #486b6c; border-radius: 50%; text-align: center; font-family: 'Steelfish Rg', sans-serif; font-weight: 400; font-size: 20px; color: #486b6c; text-transform: uppercase; letter-spacing: .1em; line-height: 80px; transition: border-color .4s ease, color .4s ease, background-color .4s ease; position: relative; z-index: 1; padding-left: 2px; } .nav-footer ul a.alt { line-height: 84px; } .nav-footer ul a:hover, .nav-footer ul .current-menu-item a { border-color: #e7e6d6; color: #EE6352; background-color: #e7e6d6; } @media (max-width: 1279px) { .nav-footer { margin-left: 30px; } } /* Small Desktop */ @media (max-width: 1199px) { .nav-footer { margin-left: 40px; } .nav-footer ul a.ios { line-height: 84px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-footer { margin-left: 0; } .nav-footer ul { padding: 22px 0; } .nav-footer ul li { float: left; width: 50%; padding: 5px; } .nav-footer ul li ~ li { margin-left: 0; } .nav-footer ul a { width: 70px; height: 70px; border-width: 3px; font-size: 15px; line-height: 64px; } .nav-footer ul a.ios { line-height: 68px; } .nav-footer ul a.alt { line-height: 68px; } } /* Mobile */ @media (max-width: 767px) { .nav-footer ul { padding: 19px 0 15px; text-align: center; margin: 0 -5px; } .nav-footer ul a { width: 60px; height: 60px; border-width: 3px; font-size: 14px; line-height: 56px; } .nav-footer ul a.ios { line-height: 58px; } .nav-footer ul li { float: none; width: auto; margin: 0 5px; } .nav-footer ul li ~ li { margin: 0 5px; } } @media (max-width: 374px) { .nav-footer ul li, .nav-footer ul li ~ li { margin: 0; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { background-color: #fff; } /* ------------------------------------------------------------ *\ Section Facts \* ------------------------------------------------------------ */ .section-facts .section-head { padding: 74px 0; background-color: #EE6352; text-align: center; color: #f3f3eb; } .section-facts .section-head h2 { font-size: 4.35vw; margin: 0; } .section-facts .section-body { padding: 42px 0 55px; } .section-facts .section-body .shell { padding: 0 123px 0 110px; } .section-facts .section-body ol { list-style: none; margin: 0 -12px; counter-reset: list; overflow: hidden; } .section-facts .section-body ol li { float: left; width: 50%; padding: 0 12px; margin-bottom: 76px; font-weight: 500; font-size: 2.17vw; line-height: 1; position: relative; padding-top: 1.6em; } .section-facts .section-body ol li:before { content: counter(list,decimal-leading-zero); counter-increment: list; position: absolute; left: 12px; top: 0; right: 12px; font-weight: 400; font-size: 1.83vw; color: #EE6352; border-bottom: 1px solid #EE6352; padding-bottom: 12px; } .section-facts .section-body ol li:nth-child(4n+1) { clear: left; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-facts .section-head { padding: 44px 0; } .section-facts .section-body { padding: 23px 0 29px; } .section-facts .section-body .shell { padding: 0 60px; } .section-facts .section-body ol { margin: 0 -6px; } .section-facts .section-body ol li { font-size: 2.2vw; padding: 1.6em 6px 0; margin-bottom: 42px; } .section-facts .section-body ol li:before { font-size: 2vw; padding-bottom: 5px; left: 6px; right: 6px; } } /* Mobile */ @media (max-width: 767px) { .section-facts .section-head { padding: 37px 0; } .section-facts .section-head h2 { font-size: 31px; font-weight: 700; } .section-facts .section-body { padding: 20px 0 46px; margin-bottom: -30px; } .section-facts .section-body .shell { padding: 0 20px; } .section-facts .section-body ol { margin: 0 -7px; } .section-facts .section-body ol li { width: 50%; margin-bottom: 44px; font-size: 15px; line-height: 1; padding: 26px 7px 0; } .section-facts .section-body ol li:before { font-size: 13px; padding-bottom: 5px; left: 7px; right: 7px; } .section-facts .section-body ol li:nth-child(odd) { clear: left; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section-group-image video { display: block; max-width: 100%; width: 100%; } .section-services .section-head { text-align: center; padding-bottom: 40px; } .section-services .section-head h2 { margin: 0; color: #EE6352; font-size: 4.35vw; } .section-services .section-group-image { border-top: 10px solid #e7e6d6; border-bottom: 10px solid #e7e6d6; } .section-services .section-group-image { position: relative; } .section-services .section-group-image img { width: 100%; height: auto; } .section-services .section-group-image h2 { max-width: 1600px; width: 100%; padding: 0 112px; font-weight: 400; font-size: 126px; color: #e7e6d6; margin: 0; line-height: 1; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .section-services .section-group-body { padding: 82px 0 120px; } .section-services .section-group-body .shell { padding: 0 130px 0 110px; } .section-services .section-group-body h3 { font-weight: 700; font-size: 48px; color: #EE6352; line-height: 1.2; margin: 0 0 50px; border-top: 1px solid #EE6352; padding-top: 10px; } .section-services .section-group-body ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #EE6352; } .section-services .section-group-body ul li { font-size: 2.17vw; line-height: 1.95; border-bottom: 1px solid #EE6352; } .section-services .section-group-grid .cols { margin: 0; } .section-services .section-group-grid .col { padding: 0; } .section-services .section-group-grid .col ~ .col .grid-image-item-small { width: 34%; margin-left: -1%; } .section-services .section-group-body-secondary { padding: 102px 0 94px; border-bottom: 10px solid #e7e6d6; } .section-services .section-group-body-secondary h3 { border-top: 0; padding-top: 0; margin: 0; } .section-services .section-group-body-secondary .shell { padding: 0 110px 0 120px; } @media (min-width: 1600px) { .section-services .section-group-body ul li { font-size: 2vw; } } @media (min-width: 768px) and (max-width: 1599px) { .section-services .section-group-image h2 { font-size: 9.1vw; } .section-services .section-group-body h3 { font-size: 3vw; } } @media (max-width: 1365px) { .section-services .section-group-body ul li { font-size: 2vw; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-services .section-head { padding-bottom: 20px; } .section-services .section-group-body-secondary { border-bottom-width: 5px; } .section-services .section-group-image { border-top-width: 5px; border-bottom-width: 5px; } .section-services .section-group-image h2 { padding: 0 57px; } .section-services .section-group-body h3 { margin-bottom: 25px; } .section-services .section-group-body { padding: 40px 0 60px; } .section-services .section-group-body .shell { padding: 0 60px; } .section-services .section-group-body ul li { font-size: 2.1vw; } } /* Mobile */ @media (max-width: 767px) { .section-services .section-head h2 { font-size: 30px; } .section-services .section-head { padding-bottom: 15px; } .section-services .section-group-image { border-top-width: 4px; border-bottom-width: 4px; } .section-services .section-group-image h2 { font-size: 29.5px; line-height: 1; padding: 0 20px; } .section-services .section-group-body { padding: 25px 0 51px; } .section-services .section-group-body .shell { padding: 0 20px; } .section-services .section-group-body h3 { font-size: 20px; line-height: 1.2; margin-bottom: 20px; padding-top: 5px; } .section-services .section-group-body ul li { font-size: 15px; line-height: 1.9; } .section-services .section-group-body ul li:last-child { border-bottom: 0; } .section-services .section-group-grid .col ~ .col { clear: left; } .section-services .section-group-body .col:last-child ul li:last-child { border-bottom: 1px solid #EE6352; } .section-services .section-group-body-secondary { padding: 11px 0; border-bottom-width: 4px; } .section-services .section-group-body-secondary h3 { letter-spacing: -.01em; } } /* ------------------------------------------------------------ *\ Section Callout \* ------------------------------------------------------------ */ .section-callout { background-color: #EE6352; color: #e7e6d6; padding: 37px 0; } .section-callout .shell { max-width: 100%; padding: 0 40px; } .section-callout .section-body { float: left; padding-top: 3px; } .section-callout .section-body h4 { margin: 0; } .section-callout .section-body h4 span { display: block; font-family: 'Circular Std', sans-serif; font-weight: 500; font-size: 30px; } .section-callout .section-actions { float: right; } .section-callout .section-actions a { display: block; transition: opacity .4s ease; } .section-callout .section-actions a:hover { opacity: .75; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-callout { padding: 20px 0; } .section-callout .section-body h4 { font-size: 2.6vw; } .section-callout .section-body h4 span { font-size: 2.2vw; } .section-callout .shell { padding: 0 18px; } .section-callout .section-actions i { width: 50px; height: 50px; } } /* Mobile */ @media (max-width: 767px) { .section-callout { padding: 20px 0; } .section-callout .shell { padding: 0 20px; } .section-callout .section-body h4 { font-size: 18px; } .section-callout .section-body h4 span { font-size: 15px; } .section-callout .section-actions a i { width: 44px; height: 44px; } } /* ------------------------------------------------------------ *\ Section Contact \* ------------------------------------------------------------ */ .section-contact { padding: 76px 0 125px; } .section-contact .shell { padding-left: 108px; padding-right: 108px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-contact { padding: 40px 0 66px; } .section-contact .shell { padding: 0 55px; } } /* Mobile */ @media (max-width: 767px) { .section-contact { padding: 20px 0; } .section-contact .shell { padding: 0 20px; } } /* ------------------------------------------------------------ *\ Section Contact Info \* ------------------------------------------------------------ */ .section-contact-info { padding: 160px 0 139px; background: url(../css/images/temp/section-contact-info-bg.jpg) no-repeat center; background-size: cover; color: #e7e6d6; } .section-contact-info .shell { padding: 0 153px; } .section-contact-info .section-body { overflow: hidden; margin-left: -53px; } .section-contact-info .section-group { float: left; width: 50%; padding-left: 53px; } .section-contact-info p { margin-bottom: 36px; font-weight: 700; font-size: 2.53vw; line-height: 1.3; } .section-contact-info h3 { margin-bottom: 36px; font-family: 'Pistilli', serif; font-weight: 400; font-size: 3.1vw; } .section-contact-info h3 span { display: block; font-family: 'Steelfish Rg', sans-serif; font-size: 3.47vw; text-transform: uppercase; letter-spacing: .02em; } .section-contact-info .socials ul { border: 0; font-size: 0; } .section-contact-info .socials li { width: 15%; display: inline-block; vertical-align: middle; border: 0; padding: 0; } .section-contact-info .socials a { display: inline-block; padding: 0; } .section-contact-info .socials a:hover { background-color: transparent; } .section-contact-info .socials a i { font-size: 30px; margin: 0; } @media (min-width: 1600px) { .section-contact-info p { font-size: 35px; } .section-contact-info h3 { font-size: 43px; } .section-contact-info h3 span { font-size: 48px; } } @media (max-width: 1365px) { .section-contact-info p { font-size: 2.4vw; margin-bottom: 43px; } } /* Small Desktop */ @media (max-width: 1199px) { .section-contact-info p { font-size: 2.2vw; margin-bottom: 53px; } .section-contact-info h3, .section-contact-info h3 span { font-size: 3.3vw; } .section-contact-info .socials a i { font-size: 24px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-contact-info { padding: 87px 0; } .section-contact-info p { font-size: 2.4vw; margin-bottom: 22px; line-height: 1.4; } .section-contact-info .shell { padding: 0 80px; } .section-contact-info h3 { font-size: 3.2vw; margin-bottom: 20px; } .section-contact-info h3 span { font-size: 3.5vw; } .section-contact-info .section-body { margin-left: -30px; } .section-contact-info .section-group { padding-left: 30px; } .section-contact-info .socials a i { font-size: 16px; } } /* Mobile */ @media (max-width: 767px) { .section-contact-info { padding: 27px 0 45px; } .section-contact-info .shell { padding: 0 20px; } .section-contact-info .section-group { float: none; width: 100%; } .section-contact-info .section-group ~ .section-group { margin-top: 20px; } .section-contact-info .section-group ~ .section-group ul { border-bottom: 0; } .section-contact-info h3 { font-size: 24px; margin-bottom: 20px; } .section-contact-info h3 span { font-size: 26px; } .section-contact-info .socials a i { font-size: 17px; } .section-contact-info p { font-size: 19px; margin-top: 25px; margin-bottom: 21px; } } /* ------------------------------------------------------------ *\ Section Page \* ------------------------------------------------------------ */ .section-page .shell { padding: 57px 110px; } .section-page .section-body ul { margin-left: 1.3em; } /* ------------------------------------------------------------ *\ Section Home \* ------------------------------------------------------------ */ .section-home .shell { padding: 0 110px; } .section-home .section-head { padding: 57px 0; } .section-home .section-head h3 { color: #EE6352; line-height: 1.2; font-size: 2.9vw; margin: 0; } .section-home .section-body { padding-bottom: 156px; } .section-home + .section-callout { border-top: 10px solid #e7e6d6; } @media (min-width: 1600px) { .section-home .section-head h3 { font-size: 46px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-home .shell { padding: 0; } .section-home .section-head { padding: 33px 25px 38px; text-align: center; } .section-home .section-head h3 { font-size: 3.2vw; } .section-home .section-body { overflow: hidden; padding-bottom: 0; } .section-home .section-body .grid { margin: 0 -5px; } .section-home + .section-callout { border-top-width: 0; } } /* Mobile */ @media (max-width: 767px) { .section-home .section-head { padding: 15px; } .section-home .section-head h3 { font-size: 20px; text-align: left; } } /* ------------------------------------------------------------ *\ Section Work \* ------------------------------------------------------------ */ .section-work { padding: 82px 94px 130px; } .section-work + .section-callout { border-top: 10px solid #e7e6d6; } /* Small Desktop */ @media (max-width: 1199px) { .section-work { padding: 60px 94px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-work { padding: 0; overflow: hidden; } .section-work .shell { padding: 0; } .section-work .section-body { margin: 0 -5px; } .section-work + .section-callout { border-top-width: 0; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none; margin: 0; padding: 0; border-top: 5px solid #ca5038; } .socials li { border-bottom: 5px solid #ca5038; } .socials a { display: block; padding: 14px 27px 13px; font-weight: 900; font-size: 15px; color: #e7e6d6; text-transform: uppercase; letter-spacing: .15em; transition: color .4s ease, background-color .4s ease; } .socials a:hover { background-color: #e7e6d6; color: #ca5038; } .socials a i { font-size: 20px; display: inline-block; vertical-align: baseline; margin-right: 8px; } /** Site header */ .site-header { min-height: 55.95px; position: fixed; background-color: white; z-index: 9999; width: 100%; padding: 1%; } .site-title { font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; margin-bottom: 0; float: left; } .site-title, .site-title:visited { color: #424242; } /* ---------------------------------------------- Generated by Animista on 2019-1-22 22:5:3 w: http://animista.net, t: @cssanimista ---------------------------------------------- */ /** ---------------------------------------- animation scale-up-center ---------------------------------------- */ @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .servicesection { clear: both; padding: 0; margin: auto; width: 90%; align-content: center; padding-bottom: 7em; } /* COLUMN SETUP */ .col { display: block; float: left; margin: 1% 0 1% 1.6%; text-align: center; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 */ } .site-nav { float: right; line-height: 54px; } .site-nav .nav-trigger { display: none; } .site-nav .menu-icon { display: none; } .site-nav .page-link { color: #111; line-height: 1.5; } .site-nav .page-link:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; } .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; } .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; } .site-nav .menu-icon > svg { fill: #424242; } .site-nav input ~ .trigger { clear: both; display: none; } .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; } .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; } .site-nav .page-link:not(:last-child) { margin-right: 0; } } body > header > div > a > img { max-width: 47%; vertical-align: middle; margin-top: 22px; } .hero { /* background-image: url("/Users/davidehrentreu/Google Drive/CM Website/Hero Blob.png"); */ position: relative; text-align: center; color: white; width: 75%; margin: auto; } @media screen and (max-width: 600px) { .hero { width: 95%; } } @media screen and (min-width: 680px) { .hero h1 { font-size: 2.7em; } } @media screen and (min-width: 1224px) { .hero h1 { font-size: 3em; } } @media screen and (min-width: 1400px) { .hero h1 { font-size: 3.5em; } } .hero p { font-size: 1em; } @media screen and (min-width: 680px) { .hero p { font-size: 1.6em; } } @media screen and (min-width: 1224px) { .hero p { font-size: 1.6em; } } @media screen and (min-width: 1400px) { .hero p { font-size: 1.7em; } } body > main > div > div > div.hero > div > h1 { font-size: 1.4em; } @media screen and (min-width: 680px) { body > main > div > div > div.hero > div > h1 { font-size: 1.6em; } } @media screen and (min-width: 1224px) { body > main > div > div > div.hero > div > h1 { font-size: 2em; } } @media screen and (min-width: 1400px) { body > main > div > div > div.hero > div > h1 { font-size: 2.3em; } } .scale-up-center { -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .tracking-in-contract { -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both; animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both; } /* ---------------------------------------------- Generated by Animista on 2019-1-22 22:7:16 w: http://animista.net, t: @cssanimista ---------------------------------------------- */ /** ---------------------------------------- animation tracking-in-contract ---------------------------------------- */ @-webkit-keyframes tracking-in-contract { 0% { letter-spacing: 1em; opacity: 0; } 40% { opacity: 0.6; } 100% { letter-spacing: normal; opacity: 1; } } @keyframes tracking-in-contract { 0% { letter-spacing: 1em; opacity: 0; } 40% { opacity: 0.6; } 100% { letter-spacing: normal; opacity: 1; } } .centered { width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .blurb { margin: auto; width: 80%; text-align: center; padding-top: 9%; padding-bottom: 5%; font-family: 'Nunito Sans', sans-serif; font-size: larger; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { background-color: #fff; } /* ------------------------------------------------------------ *\ Section Facts \* ------------------------------------------------------------ */ .section-facts .section-head { padding: 74px 0; padding-bottom: 0px; background-color: #fff; text-align: center; color: #ee6351; } .section-facts .section-head h2 { font-size: 4.35vw; margin: 0; } .section-facts .section-body { padding: 42px 0 55px; } .section-facts .section-body .shell { padding: 0 123px 0 110px; } .section-facts .section-body ol { list-style: none; margin: 0 -12px; counter-reset: list; overflow: hidden; } .section-facts .section-body ol li { float: left; width: 50%; padding: 0 12px; margin-bottom: 76px; font-weight: 500; font-size: 2.17vw; line-height: 1; position: relative; padding-top: 1.6em; } .section-facts .section-body ol li:before { content: counter(list,decimal-leading-zero); counter-increment: list; position: absolute; left: 12px; top: 0; right: 12px; font-weight: 400; font-size: 1.83vw; color: #EE6352; border-bottom: 1px solid #EE6352; padding-bottom: 12px; } .section-facts .section-body ol li:nth-child(4n+1) { clear: left; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-facts .section-head { padding: 44px 0; padding-bottom: 0px; } .section-facts .section-body { padding: 23px 0 29px; } .section-facts .section-body .shell { padding: 0 60px; } .section-facts .section-body ol { margin: 0 -6px; } .section-facts .section-body ol li { font-size: 2.2vw; padding: 1.6em 6px 0; margin-bottom: 42px; } .section-facts .section-body ol li:before { font-size: 2vw; padding-bottom: 5px; left: 6px; right: 6px; } } /* Mobile */ @media (max-width: 767px) { .section-facts .section-head { padding: 37px 0; padding-bottom: 0px; } .section-facts .section-head h2 { font-size: 31px; font-weight: 700; } .section-facts .section-body { padding: 20px 0 46px; margin-bottom: -30px; } .section-facts .section-body .shell { padding: 0 20px; } .section-facts .section-body ol { margin: 0 -7px; } .section-facts .section-body ol li { width: 50%; margin-bottom: 44px; font-size: 15px; line-height: 1; padding: 26px 7px 0; } .section-facts .section-body ol li:before { font-size: 13px; padding-bottom: 5px; left: 7px; right: 7px; } .section-facts .section-body ol li:nth-child(odd) { clear: left; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section-group-image video { display: block; max-width: 100%; width: 100%; } .section-services .section-head { text-align: center; padding-bottom: 40px; } .section-services .section-head h2 { margin: 0; color: #EE6352; font-size: 4.35vw; } .section-services .section-group-image { border-top: 10px solid #e7e6d6; border-bottom: 10px solid #e7e6d6; } .section-services .section-group-image { position: relative; } .section-services .section-group-image img { width: 100%; height: auto; } .section-services .section-group-image h2 { max-width: 1600px; width: 100%; padding: 0 112px; font-weight: 400; font-size: 126px; color: #e7e6d6; margin: 0; line-height: 1; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .section-services .section-group-body { padding: 82px 0 120px; } .section-services .section-group-body .shell { padding: 0 130px 0 110px; } .section-services .section-group-body h3 { font-weight: 700; font-size: 48px; color: #EE6352; line-height: 1.2; margin: 0 0 50px; border-top: 1px solid #EE6352; padding-top: 10px; } .section-services .section-group-body ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #EE6352; } .section-services .section-group-body ul li { font-size: 2.17vw; line-height: 1.95; border-bottom: 1px solid #EE6352; } .section-services .section-group-grid .cols { margin: 0; } .section-services .section-group-grid .col { padding: 0; } .section-services .section-group-grid .col ~ .col .grid-image-item-small { width: 34%; margin-left: -1%; } .section-services .section-group-body-secondary { padding: 102px 0 94px; border-bottom: 10px solid #e7e6d6; } .section-services .section-group-body-secondary h3 { border-top: 0; padding-top: 0; margin: 0; } .section-services .section-group-body-secondary .shell { padding: 0 110px 0 120px; } @media (min-width: 1600px) { .section-services .section-group-body ul li { font-size: 2vw; } } @media (min-width: 768px) and (max-width: 1599px) { .section-services .section-group-image h2 { font-size: 9.1vw; } .section-services .section-group-body h3 { font-size: 3vw; } } @media (max-width: 1365px) { .section-services .section-group-body ul li { font-size: 2vw; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-services .section-head { padding-bottom: 20px; } .section-services .section-group-body-secondary { border-bottom-width: 5px; } .section-services .section-group-image { border-top-width: 5px; border-bottom-width: 5px; } .section-services .section-group-image h2 { padding: 0 57px; } .section-services .section-group-body h3 { margin-bottom: 25px; } .section-services .section-group-body { padding: 40px 0 60px; } .section-services .section-group-body .shell { padding: 0 60px; } .section-services .section-group-body ul li { font-size: 2.1vw; } } /* Mobile */ @media (max-width: 767px) { .section-services .section-head h2 { font-size: 30px; } .section-services .section-head { padding-bottom: 15px; } .section-services .section-group-image { border-top-width: 4px; border-bottom-width: 4px; } .section-services .section-group-image h2 { font-size: 29.5px; line-height: 1; padding: 0 20px; } .section-services .section-group-body { padding: 21px 0 51px; } .section-services .section-group-body .shell { padding: 0 20px; } .section-services .section-group-body h3 { font-size: 20px; line-height: 1.2; margin-bottom: 20px; padding-top: 5px; } .section-services .section-group-body ul li { font-size: 15px; line-height: 1.9; } .section-services .section-group-body ul li:last-child { border-bottom: 0; } .section-services .section-group-grid .col ~ .col { clear: left; } .section-services .section-group-body .col:last-child ul li:last-child { border-bottom: 1px solid #EE6352; } .section-services .section-group-body-secondary { padding: 11px 0; border-bottom-width: 4px; } .section-services .section-group-body-secondary h3 { letter-spacing: -.01em; } } .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.13%; } .span_1_of_3 { width: 32.26%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } } .services { margin: auto; width: 40rem; padding: 10px; } .serviceWidget { width: 30%; position: inherit; float: left; margin: auto; text-align: center; } .quote { position: inherit; display: inline-block; } .contactSection { padding-top: 10%; } body > main > div > div > div.row > div.col-xs-12.col-sm-4.col-md-4.col-lg-4 > h1 { padding: 37.5px; margin: 50px 0; } .contactHeader { padding: 37.5px; margin: 50px 0; } /** Site footer */ .site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; } .footer-heading { font-size: 18px; margin-bottom: 15px; } .contact-list, .social-media-list { list-style: none; margin-left: 0; } .footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; } .footer-col { float: left; margin-bottom: 15px; padding-left: 15px; } .footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); } .footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); } .footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); } @media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } } @media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } } /** Page content */ .page-content { padding: 30px 0; flex: 1; } .page-heading { font-size: 32px; } .post-list-heading { font-size: 28px; } .post-list { margin-left: 0; list-style: none; } .post-list > li { margin-bottom: 30px; } .post-meta { font-size: 14px; color: #828282; } .post-link { display: block; font-size: 24px; } /** Posts */ .post-header { margin-bottom: 30px; } .post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; } @media screen and (max-width: 800px) { .post-title { font-size: 36px; } } .post-content { margin-bottom: 30px; } .post-content h2 { font-size: 32px; } @media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } } .post-content h3 { font-size: 26px; } @media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } } .post-content h4 { font-size: 20px; } @media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } } /** Syntax highlighting styles */ .highlight { background: #fff; } .highlighter-rouge .highlight { background: #eef; } .highlight .c { color: #998; font-style: italic; } .highlight .err { color: #a61717; background-color: #e3d2d2; } .highlight .k { font-weight: bold; } .highlight .o { font-weight: bold; } .highlight .cm { color: #998; font-style: italic; } .highlight .cp { color: #999; font-weight: bold; } .highlight .c1 { color: #998; font-style: italic; } .highlight .cs { color: #999; font-weight: bold; font-style: italic; } .highlight .gd { color: #000; background-color: #fdd; } .highlight .gd .x { color: #000; background-color: #faa; } .highlight .ge { font-style: italic; } .highlight .gr { color: #a00; } .highlight .gh { color: #999; } .highlight .gi { color: #000; background-color: #dfd; } .highlight .gi .x { color: #000; background-color: #afa; } .highlight .go { color: #888; } .highlight .gp { color: #555; } .highlight .gs { font-weight: bold; } .highlight .gu { color: #aaa; } .highlight .gt { color: #a00; } .highlight .kc { font-weight: bold; } .highlight .kd { font-weight: bold; } .highlight .kp { font-weight: bold; } .highlight .kr { font-weight: bold; } .highlight .kt { color: #458; font-weight: bold; } .highlight .m { color: #099; } .highlight .s { color: #d14; } .highlight .na { color: #008080; } .highlight .nb { color: #0086B3; } .highlight .nc { color: #458; font-weight: bold; } .highlight .no { color: #008080; } .highlight .ni { color: #800080; } .highlight .ne { color: #900; font-weight: bold; } .highlight .nf { color: #900; font-weight: bold; } .highlight .nn { color: #555; } .highlight .nt { color: #000080; } .highlight .nv { color: #008080; } .highlight .ow { font-weight: bold; } .highlight .w { color: #bbb; } .highlight .mf { color: #099; } .highlight .mh { color: #099; } .highlight .mi { color: #099; } .highlight .mo { color: #099; } .highlight .sb { color: #d14; } .highlight .sc { color: #d14; } .highlight .sd { color: #d14; } .highlight .s2 { color: #d14; } .highlight .se { color: #d14; } .highlight .sh { color: #d14; } .highlight .si { color: #d14; } .highlight .sx { color: #d14; } .highlight .sr { color: #009926; } .highlight .s1 { color: #d14; } .highlight .ss { color: #990073; } .highlight .bp { color: #999; } .highlight .vc { color: #008080; } .highlight .vg { color: #008080; } .highlight .vi { color: #008080; } .highlight .il { color: #099; } #gform_16 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: 5px solid #e7e6d6; font-size: 20px; padding: 15px; } #gform_16 .ginput_container_name label { display: none; } #gform_fields_16 li#field_16_13, #gform_fields_16 li#field_16_14, #gform_fields_16 li#field_16_15, #gform_fields_16 li#field_16_16 { width: calc(50% - 8px); display: inline-block; float: left; clear: left; } #gform_fields_16 li#field_16_13, #gform_fields_16 li#field_16_16 { float: right; clear: right; } #gform_fields_16 #field_16_8 { padding-top: 40px; } #gform_fields_16 .checkbox-newsletter li { position: relative; padding-left: 50px !important; } #gform_fields_16 .checkbox-newsletter li label:after { content: ""; border: 5px solid #EE6352; width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; z-index: 0; } #gform_fields_16 .checkbox-newsletter li label:before { content: ""; display: block; position: absolute; width: 12px; height: 20px; border: solid orange; border-width: 0 4px 4px 0; left: 15px; top: 7px !important; transform: rotate(45deg); opacity: 0; z-index: 1; transition: all 100ms; } #gform_fields_16 input[type="checkbox"] { opacity: 0; outline: none; z-index: 100; width: 27px; height: 27px; top: 0; left: 0; position: absolute; appearance: none; cursor: pointer; } #gform_fields_16 input[type="checkbox"] + label { cursor: pointer; } #gform_fields_16 input[type="checkbox"]:checked + label:before { opacity: 1; top: 3px; } .checkbox-newsletter label { color: olive; font-size: 20px; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { color: #EE6352; } .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: 5px solid tan !important; } .gform_wrapper .validation_message { color: olive; font-weight: normal; font-size: 16px; margin-bottom: -25px; } .gform_wrapper .description_above .gfield_description { padding: 5px 15px 0; } .gform_wrapper li.gfield.gfield_error { padding-bottom: 0; margin-bottom: 0 !important; } .gform_wrapper select, .gform_wrapper textarea { font-family: inherit; letter-spacing: normal; font-size: inherit; } .gform_wrapper .gf_progressbar:after, .gform_wrapper ol.validation_list:after { content: ""; } .gform_wrapper { margin: 0 auto; max-width: 90%; } .gform_wrapper form { text-align: left; max-width: 100%; margin: 0 auto; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 { font-weight: 400; border: none; background: 0 0; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: inherit; font-family: inherit; padding: 5px 4px; letter-spacing: normal; } .gform_wrapper input[type=image] { border: none !important; padding: 0 !important; width: auto !important; } .gform_wrapper textarea { padding: 6px 8px; line-height: 1.5; resize: none; } .gform_wrapper select { line-height: 1.5; } .gform_wrapper .ginput_container_multiselect select { background-image: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid inherit; outline: 0; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; list-style: none !important; overflow: visible; } .gform_wrapper ul li.gfield { clear: both; } .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { overflow: hidden; } .gform_wrapper form ul.gform_fields.left_label li.gfield, .gform_wrapper form ul.gform_fields.right_label li.gfield, .gform_wrapper ul.gform_fields.left_label li.gfield, .gform_wrapper ul.gform_fields.right_label li.gfield { margin-bottom: 14px; } .gform_wrapper form ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.right_label li ul.gfield_radio li { margin-bottom: 10px; } .gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible; } .gform_wrapper select option { padding: 2px; display: block; } .gform_wrapper .inline { display: inline !important; } .gform_wrapper .gform_heading { width: 100%; margin-bottom: 18px; } .gform_wrapper .clear-multi { display: flex; } .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_year { flex-direction: row; } .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_year { vertical-align: top; flex-direction: row; margin-right: 0.5rem; } .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month { width: 4rem; margin-right: 0.5rem; } .gform_wrapper .gfield_date_day input[type=number], .gform_wrapper .gfield_date_month input[type=number] { width: calc(3rem + 8px) !important; } .gform_wrapper .gfield_date_year input[type=number] { width: calc(4rem + 8px) !important; } .gform_wrapper .gfield_date_year { width: 5rem; } .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_month input { width: calc(3rem + 8px); } .gform_wrapper .gfield_date_year input { width: 4rem; } .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label { width: 3rem; text-align: center; } .gform_wrapper .field_sublabel_above div.gfield_date_year.ginput_container label, .gform_wrapper .field_sublabel_below div.gfield_date_year.ginput_container label { width: 4rem; } .gform_wrapper .gfield_time_ampm, .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute { width: 33.333%; flex-direction: row; } @media only screen and (min-width: 321px) { .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month { max-width: 4rem; } .gform_wrapper .gfield_date_year, .gform_wrapper .gfield_time_ampm { max-width: calc(4rem + .5rem); } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute { max-width: 4rem; } .gform_wrapper .gfield_time_ampm, .gform_wrapper .gfield_time_hour { max-width: calc(4rem + .5rem); } } .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container_time span { float: left; } .gform_wrapper .gfield_time_hour i { font-style: normal !important; font-family: sans-serif !important; width: 10px; text-align: center; float: right; margin-top: 9%; } .gform_wrapper .gfield_time_minute { margin-right: 0.5rem; } .gform_wrapper .gfield_time_hour { margin-right: 0.25rem; } .gform_wrapper .gfield_time_ampm { vertical-align: top; display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gfield_time_ampm select { min-width: calc(2rem + 25px); width: calc(3rem + 25px); } .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input { width: calc(3rem + 8px); } .gform_wrapper .gfield_time_hour input[type=number], .gform_wrapper .gfield_time_minute input[type=number] { width: calc(3rem + 8px) !important; } .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { width: 3rem; text-align: center; } .gform_wrapper .field_hover { border: 1px dashed #2175A9; cursor: pointer; } .gform_wrapper .field_selected { background-color: #DFEFFF; border: 1px solid #C2D7EF; } .gform_wrapper .field_name_first, .gform_wrapper .field_name_last, .gform_wrapper .field_name_middle { width: 49.5%; display: -moz-inline-stack; display: inline-block; vertical-align: top; } .gform_wrapper .ginput_complex.ginput_container { overflow: visible; width: 100%; } .gform_wrapper label.gfield_label { font-weight: 700; font-size: inherit; } .gform_wrapper .top_label .gfield_label { display: -moz-inline-stack; display: inline-block; line-height: 1.3; clear: both; } .gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex select { width: 100%; } .gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { display: block; font-size: .813em; letter-spacing: .5pt; white-space: nowrap; } .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { display: -moz-inline-stack; display: inline-block; letter-spacing: inherit; vertical-align: middle; cursor: pointer; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label { margin: 9px 0 1px 1px; } .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_email label, .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_name label, .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_password label, .gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_time label { margin-top: 0; } .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { margin: 1px 0 9px 1px; } .gform_wrapper .top_label .field_sublabel_above label.gfield_label + .ginput_complex.ginput_container, .gform_wrapper .top_label .field_sublabel_above label.gfield_label + div[class*=gfield_time_].ginput_container { margin-top: 0; } body .gform_wrapper .top_label div.ginput_container { margin-top: 8px; } body.gform_wrapper div.clear-multi { display: -moz-inline-stack; display: inline-block; } body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 16px; margin-bottom: 0; } .gfield.left_label, .gfield.right_label { padding-top: 10px; } .gform_wrapper li.hidden_label input { margin-top: 12px; } .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select { margin-bottom: 12px; } .gform_wrapper input.large, .gform_wrapper input.medium, .gform_wrapper input.small, .gform_wrapper select.large, .gform_wrapper select.medium, .gform_wrapper select.small { width: 100%; } .gform_wrapper input.datepicker_with_icon.large, .gform_wrapper input.datepicker_with_icon.medium, .gform_wrapper input.datepicker_with_icon.small { width: calc(100% - 24px); } .gform_wrapper .gfield_error input.large, .gform_wrapper .gfield_error input.medium, .gform_wrapper .gfield_error input.small, .gform_wrapper .gfield_error select.large, .gform_wrapper .gfield_error select.medium, .gform_wrapper .gfield_error select.small { width: 100%; } .gform_wrapper .gfield_error input.datepicker_with_icon.large, .gform_wrapper .gfield_error input.datepicker_with_icon.medium, .gform_wrapper .gfield_error input.datepicker_with_icon.small { width: calc(100% - 32px); } .gform_wrapper textarea.small { height: 80px; width: 100%; } .gform_wrapper textarea.medium { height: 120px; width: 100%; } .gform_wrapper textarea.large { height: 160px; width: 100%; } .gform_wrapper h2.gsection_title { margin: 0 !important; padding: 0 !important; letter-spacing: normal !important; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: 700; font-size: 1.25em; } .gform_wrapper h3.gform_title { letter-spacing: normal !important; margin: 10px 0 6px; } .gform_wrapper li.gfield.field_description_below + li.gsection { margin-top: 24px !important; } .gform_wrapper span.gform_description { font-weight: 400; display: block; width: calc(100% - 16px); margin-bottom: 16px; } .gform_wrapper .gsection { border-bottom: 1px solid #CCC; padding: 0 16px 8px 0; margin: 28px 0; clear: both; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { width: auto !important; } .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 6px 0; padding: 0; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: -moz-inline-stack; display: inline-block; padding: 0; width: auto; line-height: 1.5; font-size: .875em; vertical-align: middle; max-width: 85%; white-space: normal; } .gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label, .gform_wrapper div.charleft { white-space: nowrap !important; } .gform_wrapper .gfield_checkbox li label { margin: 0; } .gform_wrapper .gfield_radio li label { margin: 2px 0 0 4px; } .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] { display: -moz-inline-stack; display: inline-block; vertical-align: middle; margin-left: 1px; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { font-size: .813em; line-height: inherit; clear: both; font-family: inherit; letter-spacing: normal; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description { padding: 0 16px 0 0; } .gform_wrapper .field_description_below .gfield_description { padding-top: 16px; } .gform_wrapper .field_sublabel_above .description, .gform_wrapper .field_sublabel_above .gfield_description, .gform_wrapper .field_sublabel_above .gsection_description { margin-top: 9px; } .gform_wrapper .top_label .gsection_description { width: 100%; margin-bottom: 9px; } .gform_wrapper .gfield_description { width: 100%; } .gform_wrapper .description_above .gfield_description { padding: 0 0 10px; } .gfield_date_year + .gfield_description { padding: 0; } .gform_wrapper .gfield_required { color: #790000; margin-left: 4px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: rgba(255, 223, 224, 0.25); margin-bottom: 6px !important; border-top: 1px solid #C89797; border-bottom: 1px solid #C89797; padding-bottom: 6px; padding-top: 8px; box-sizing: border-box; } .gform_wrapper li.gfield.gfield_creditcard_warning { padding: 16px 16px 14px; border-top: 2px solid #790000; border-bottom: 4px solid #790000; background-color: rgba(255, 223, 224, 0.25); width: calc(100% - 16px); } .gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning { padding: 16px 16px 14px; } .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message { font-size: .875em; font-weight: 700; font-family: inherit; min-height: 25px; color: #790000; max-width: 100%; position: relative; } .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message span { display: block; padding: 0 0 14px 24px; margin-bottom: 16px; line-height: 1.5; letter-spacing: .1pt; border-bottom: 1px solid #790000; text-transform: uppercase; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K); background-size: 1em auto; background-repeat: no-repeat; background-position: left center; } .gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning div.gfield_creditcard_warning_message { padding: 16px 16px 14px; } li.gfield + li.gfield.gfield_creditcard_warning { margin-top: 16px !important; } .gform_wrapper .top_label .gfield_error { width: calc(100% - 2px); } .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea { width: 100%; } .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea, .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea { width: 70%; } .gform_wrapper .gfield_error .gfield_label { color: #790000; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding-right: 0; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_ampm.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_minute.ginput_container { margin-left: 0; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { max-width: 100%; padding-right: 16px; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 12px; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label { position: relative; top: 12px; } .gform_wrapper div.validation_error { color: #790000; font-size: 1em; font-weight: 700; margin-bottom: 25px; border-top: 2px solid #790000; border-bottom: 2px solid #790000; padding: 16px 0; clear: both; width: 100%; text-align: center; } .gform_wrapper ol.validation_list { clear: both; width: 100%; margin-bottom: 25px; color: #790000; } .gform_wrapper ol.validation_list li { list-style-type: decimal !important; } .gform_wrapper ol.validation_list li a { color: #790000; } .gform_wrapper div#error { margin-bottom: 25px; } .gform_wrapper table.gfield_list tbody tr td.gfield_list_icons { vertical-align: middle !important; } .gform_wrapper li.gfield fieldset { margin: 0; padding: 0; display: block; position: relative; width: 100%; } .gform_wrapper li.gfield fieldset > * { width: auto; } .gform_wrapper li.gfield fieldset legend.gfield_label { width: 100%; line-height: 32px; } div.gf_page_steps + div.validation_error { margin-top: 16px; } .gform_wrapper div.gfield_description.validation_error { color: #790000; font-weight: 700; font-size: .875em; line-height: 1.2; margin-bottom: 16px; } .gform_wrapper .validation_message { color: #790000; font-weight: 700; letter-spacing: normal; } .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border: 1px solid #790000; } .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #790000; } .gform_wrapper .gform_footer { padding: 16px 0 10px; margin: 16px 0 0; clear: both; width: 100%; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { font-size: 1em; width: 100%; margin: 0 0 16px; } .gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link { font-size: 1em; display: block; text-align: center; } .gform_wrapper .gform_footer input[type=image] { padding: 0; width: auto !important; background: 0 0 !important; border: none !important; margin: 0 auto 16px !important; display: block; max-width: 100%; } .gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { min-height: 45px; } .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_full select, .gform_wrapper .ginput_complex .ginput_full input[type=email], .gform_wrapper .ginput_complex .ginput_full input[type=number], .gform_wrapper .ginput_complex .ginput_full input[type=password], .gform_wrapper .ginput_complex .ginput_full input[type=tel], .gform_wrapper .ginput_complex .ginput_full input[type=text], .gform_wrapper .ginput_complex .ginput_full input[type=url] { width: 100%; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { position: relative; margin: 0 0 16px; line-height: 1.2; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label { font-weight: 700; } .gform_wrapper input.datepicker.datepicker_with_icon { margin-right: 4px !important; display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gf_hidden, .gform_wrapper .gform_hidden, .gform_wrapper input.gform_hidden, .gform_wrapper input[type=hidden] { display: none !important; max-height: 1px !important; overflow: hidden; } .gform_wrapper .gf_invisible, .gform_wrapper .gfield_visibility_hidden { visibility: hidden; position: absolute; left: -9999px; } .gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br { display: none !important; } .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding: 0 !important; } .gform_wrapper ul.gfield_radio li input + input { margin-left: 4px; } .gform_wrapper ul.gfield_radio li input[value=gf_other_choice] { margin-right: 6px; margin-top: 4px; } .gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message { margin-top: 6px; } .gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message { margin-top: 0; } .gform_wrapper li.gfield_html { max-width: 100%; } .gform_wrapper .gfield_html.gfield_no_follows_desc { margin-top: 10px; } body .gform_wrapper ul li.gfield.gfield_html img { max-width: 100% !important; } .gform_wrapper .gform_ajax_spinner { padding-left: 10px; } .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; } .gform_wrapper .gfield_captcha_input_container { padding-top: 3px; } .gform_wrapper .simple_captcha_small input { width: 64px; } .gform_wrapper .simple_captcha_medium input { width: 96px; } .gform_wrapper .simple_captcha_large input { width: 128px; } .gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_small { margin-left: 32%; } .gform_wrapper .gfield_captcha_container img.gfield_captcha { border: none !important; background: 0 0 !important; float: none !important; margin: 0 !important; padding: 0 !important; } .gform_wrapper .left_label .math_large, .gform_wrapper .left_label .math_medium, .gform_wrapper .left_label .math_small, .gform_wrapper .left_label div.charleft, .gform_wrapper .right_label .math_large, .gform_wrapper .right_label .math_medium, .gform_wrapper .right_label .math_small, .gform_wrapper .right_label div.charleft { margin-left: 32%; } .gform_wrapper .math_small input { width: 70px; } .gform_wrapper .math_medium input { width: 510px; } .gform_wrapper .math_large input { width: 612px; } .gform_wrapper div.charleft { font-size: .688em; margin-top: 4px; color: #B7B7B7; width: 92% !important; } .gform_wrapper div.charleft[style] { width: 92% !important; } .gform_wrapper div.charleft.ginput_counter_tinymce { border: 1px solid #eee; border-width: 1px 0 0; padding: 4px 9px; width: 100% !important; } .gform_wrapper div.charleft.warningTextareaInfo { color: #A1A1A1; } .gform_wrapper div.charleft.ginput_counter_error { color: red; } .gform_wrapper li.gf_hide_charleft div.charleft { display: none !important; } .gf_submission_limit_message { color: #790000; font-size: 1.375em; } .gform_wrapper .ginput_price { filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: 0.7; } .gform_wrapper span.ginput_total { color: #060; font-size: inherit; } .gform_wrapper .top_label span.ginput_total { margin: 8px 0; } .gform_wrapper span.ginput_product_price_label { margin-right: 2px; } .gform_wrapper span.ginput_product_price { color: #900; } .gform_wrapper span.ginput_quantity_label { margin-left: 10px; margin-right: 2px; } .gform_wrapper input.ginput_quantity[type=text] { width: 3rem; } .gform_wrapper input.ginput_quantity[type=number] { width: 4rem; } .gform_wrapper .gform_page_footer { margin: 14px 0; width: 100%; border-top: 1px dotted #CCC; padding: 16px 0 0; clear: both; } .gform_wrapper .gform_page_footer.left_label, .gform_wrapper .gform_page_footer.right_label { padding: 16px 0 0 29%; } .gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .button.gform_previous_button { display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gform_page_footer .button.gform_previous_button { margin-bottom: 8px; } .gform_wrapper .gf_progressbar_wrapper { clear: both; width: 100%; margin: 0 0 16px; padding: 0 0 16px; } .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { font-size: .813em; line-height: 1 !important; margin: 0 0 8px 12px !important; padding: 0 !important; clear: both; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: 0.6; } .gform_wrapper .gf_progressbar { padding: 10px; position: relative; background-color: rgba(0, 0, 0, 0.1); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05); width: 100%; } .gform_wrapper .gf_progressbar_percentage { height: 24px; text-align: right; font-family: helvetica, arial, sans-serif; font-size: 0.813em !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); z-index: 999; vertical-align: middle; background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 20px), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); border-radius: 20px 4px 4px 20px; } .gform_wrapper .gf_progressbar:after { display: block; width: 100%; z-index: 990; height: 24px; margin-top: -24px; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05); border-radius: 20px; } .gform_wrapper .gf_progressbar_percentage.percentbar_100 { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .gform_wrapper .gf_progressbar_percentage span { display: block; width: auto; float: right; margin-right: 5px; margin-left: 5px; line-height: 1.8; } .gform_wrapper .gf_progressbar_percentage.percentbar_0 span { color: #959595; text-shadow: none; float: none !important; margin-left: 12px; word-wrap: normal; } .gform_wrapper .percentbar_blue { background-color: #036493; color: #FFF; } .gform_wrapper .percentbar_gray { background-color: #7C7C7C; color: #FFF; } .gform_wrapper .percentbar_green { background-color: #88B831; color: #FFF; } .gform_wrapper .percentbar_orange { background-color: #FF7120; color: #FFF; } .gform_wrapper .percentbar_red { background-color: #FF2A1A; color: #FFF; } .gform_wrapper .gf_page_steps { width: 100%; margin: 0 0 8px; padding: 0 0 4px; border-bottom: 1px dotted #CCC; } .gform_wrapper .gf_step { width: 100%; margin: 24px 24px 24px 0; font-size: .875em; height: 14px; line-height: 1.25 !important; filter: alpha(opacity=20); -moz-opacity: .2; -khtml-opacity: .2; opacity: .2; font-family: inherit; } .gform_wrapper .gf_step span.gf_step_number { font-size: 1.25em; font-family: arial, sans-serif; margin-right: 4px; } .gform_wrapper .gf_step span.gf_step_label, .gform_wrapper .gf_step span.gf_step_number { display: -moz-inline-stack; display: inline-block; vertical-align: middle; } .gform_wrapper .gf_step.gf_step_active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .gform_wrapper .gf_step_clear { display: block; clear: both; height: 1px; overflow: hidden; } .gform_wrapper .gfield_password_strength { border: 1px solid #DDD; margin-top: 18px; margin-bottom: 18px; line-height: 1.8; padding: 10px 5px; text-align: center; background-color: #EEE; border-bottom: 3px solid #DDD; } .gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength { margin-right: 16px; } .gform_wrapper ul.left_label li.gfield .gfield_password_strength, .gform_wrapper ul.right_label li.gfield .gfield_password_strength { margin-top: 18px; margin-bottom: 18px; width: 100%; } .gform_wrapper .gfield_password_strength.bad { background-color: #FFB78C; border-color: #FF853C; border-bottom: 3px solid #FF853C; } .gform_wrapper .gfield_password_strength.good { background-color: #FFEC8b; border-color: #FC0; border-bottom: 3px solid #FC0; } .gform_wrapper .gfield_password_strength.mismatch, .gform_wrapper .gfield_password_strength.short { background-color: #FFA0A0; border-color: #f04040; border-bottom: 3px solid #f04040; } .gform_wrapper .gfield_password_strength.strong { background-color: #C3FF88; border-color: #8DFF1C; border-bottom: 3px solid #8DFF1C; } .gform_wrapper table.gfield_list, .gform_wrapper table.gfield_list caption, .gform_wrapper table.gfield_list tbody, .gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list tfoot, .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } .gform_wrapper table.gfield_list { border-spacing: 0; border-collapse: collapse; table-layout: auto !important; } .gform_wrapper table.gfield_list thead th { font-weight: 700; text-align: left; } .gform_wrapper table.gfield_list colgroup { width: 100%; display: block; } .gform_wrapper li.gfield.gfield_error table.gfield_list thead th { color: #790000; } .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr { padding: 0; margin: 0; } .gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list th { padding: 4px 0; } .gform_wrapper ul.gform_fields:not(.top_label) table.gfield_list th { padding: 0 0 4px; } .gform_wrapper table.gfield_list td + td, .gform_wrapper table.gfield_list th + th { padding: 0 0 0 16px; } .gform_wrapper .gfield_list, .gform_wrapper .gfield_list td.gfield_list_cell input { width: 100%; } .gfield_icon_disabled { cursor: default !important; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: 0.6; } .gform_wrapper table.gfield_list tr td.gfield_list_icons { width: 48px !important; padding: 0 0 0 4px !important; box-sizing: border-box; } .gform_wrapper table.gfield_list td.gfield_list_icons img { display: -moz-inline-stack; display: inline-block; vertical-align: middle; } .gform_wrapper select.chosen-select { visibility: hidden; height: 28px !important; min-height: 28px !important; } .gform_wrapper .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: inherit; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .gform_wrapper .chosen-container, .gform_wrapper .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gform_wrapper .chosen-container.chosen-container-multi .chosen-choices { min-height: 28px !important; } .gform_wrapper .ginput_container.ginput_container_multiselect .chosen-container.chosen-container-multi ul.chosen-choices li.search-field input.default { height: 24px; } .gform_wrapper .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #AAA; border-top: 0; background: #FFF; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .gform_wrapper .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .gform_wrapper .chosen-container a { cursor: pointer; } .gform_wrapper .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #AAA; border-radius: 5px; background-color: #FFF; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4)); background: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background-clip: padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .gform_wrapper .chosen-container-single .chosen-default { color: #999; } .gform_wrapper .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .gform_wrapper .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .gform_wrapper .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(../images/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .gform_wrapper .chosen-container-single .chosen-single abbr:hover, .gform_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .gform_wrapper .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .gform_wrapper .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../images/chosen-sprite.png) 0 2px no-repeat; } .gform_wrapper .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .gform_wrapper .chosen-container-single .chosen-search input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; border: 1px solid #AAA; background: url(../images/chosen-sprite.png) 100% -20px no-repeat; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .gform_wrapper .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .gform_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .gform_wrapper .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .gform_wrapper .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; -webkit-touch-callout: none; } .gform_wrapper .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .gform_wrapper .chosen-container .chosen-results li.disabled-result { display: list-item; color: #CCC; cursor: default; } .gform_wrapper .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #FFF; } .gform_wrapper .chosen-container .chosen-results li.no-results { display: list-item; background: #F4F4F4; } .gform_wrapper .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .gform_wrapper .chosen-container .chosen-results li.group-option { padding-left: 15px; } .gform_wrapper .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .gform_wrapper .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #AAA; background-color: #FFF; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #EEE), color-stop(15%, #FFF)); background-image: -webkit-linear-gradient(#EEE 1%, #FFF 15%); background-image: -moz-linear-gradient(#EEE 1%, #FFF 15%); background-image: -o-linear-gradient(#EEE 1%, #FFF 15%); background-image: linear-gradient(#EEE 1%, #FFF 15%); cursor: text; } .gform_wrapper .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 5px; height: 15px; border: 0 !important; background: 0 0 !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 5px 0 5px 5px !important; padding: 3px 20px 3px 5px; border: 1px solid #AAA; border-radius: 3px; background-color: #E4E4E4; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #F4F4F4), color-stop(50%, #F0F0F0), color-stop(52%, #E8E8E8), color-stop(100%, #EEE)); background-image: -webkit-linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-image: -moz-linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-image: -o-linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-image: linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(../images/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #CCC; background-color: #E4E4E4; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #F4F4F4), color-stop(50%, #F0F0F0), color-stop(52%, #E8E8E8), color-stop(100%, #EEE)); background-image: -webkit-linear-gradient(top, #F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-image: -moz-linear-gradient(top, #F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-image: -o-linear-gradient(top, #F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); background-image: linear-gradient(top, #F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); color: #666; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus { background: #D4D4D4; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .gform_wrapper .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .gform_wrapper .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #CCC; cursor: default; } .gform_wrapper .chosen-container-active .chosen-single { border: 1px solid #5897FB; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #AAA; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #EEE), color-stop(80%, #FFF)); background-image: -webkit-linear-gradient(#EEE 20%, #FFF 80%); background-image: -moz-linear-gradient(#EEE 20%, #FFF 80%); background-image: -o-linear-gradient(#EEE 20%, #FFF 80%); background-image: linear-gradient(#EEE 20%, #FFF 80%); box-shadow: 0 1px 0 #fff inset; } .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0; } .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .gform_wrapper .chosen-container-active .chosen-choices { border: 1px solid #5897FB; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .gform_wrapper .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #111 !important; } .gform_wrapper .chosen-disabled { opacity: 0.5 !important; cursor: default; } .gform_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close, .gform_wrapper .chosen-disabled .chosen-single { cursor: default; } .gform_wrapper .chosen-rtl { text-align: right; } .gform_wrapper .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .gform_wrapper .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .gform_wrapper .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .gform_wrapper .chosen-rtl .chosen-single div { right: auto; left: 3px; } .gform_wrapper .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .gform_wrapper .chosen-rtl .chosen-choices li { float: right; } .gform_wrapper .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .gform_wrapper .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .gform_wrapper .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .gform_wrapper .chosen-rtl .chosen-drop, .gform_wrapper .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .gform_wrapper .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .gform_wrapper .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .gform_wrapper .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .gform_wrapper .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; background: url(../images/chosen-sprite.png) -30px -20px no-repeat; direction: rtl; } .gform_wrapper .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .gform_wrapper .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .gform_wrapper .chosen-container .chosen-results-scroll-down span, .gform_wrapper .chosen-container .chosen-results-scroll-up span, .gform_wrapper .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .gform_wrapper .chosen-container-single .chosen-single abbr, .gform_wrapper .chosen-container-single .chosen-single div b, .gform_wrapper .chosen-rtl .chosen-search input[type=text] { background-image: url(../images/chosen-sprite-2x.png) !important; background-position: 0 0; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } .gform_wrapper .gform_card_icon_container { margin: 8px 0 6px; height: 32px; } .gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url(../images/gf-creditcard-icons.png); background-repeat: no-repeat; width: 36px; height: 32px; float: left; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px; } .gform_card_icon_container input[type=radio]#gform_payment_method_creditcard { float: left; position: relative; top: 4px !important; } .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-width: 85px !important; } .gform_wrapper .ginput_complex span.ginput_cardextras { display: block; overflow: hidden; } .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container { position: relative; display: block; min-width: 160px !important; } .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select { margin-bottom: 8px; } .gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { max-width: 50% !important; } .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { width: 32px; height: 23px; background-image: url(../images/gf-creditcard-icons.png); background-repeat: no-repeat; background-position: 0 -128px; position: relative; top: -1px; left: 6px; display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gform_fileupload_multifile .gform_drop_area { padding: 24px; border: 1px dashed #CCC; text-align: center; color: #AAA; margin-bottom: 16px; background: rgba(0, 0, 0, 0.02); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .gform_wrapper span.gform_drop_instructions { display: block; margin-bottom: 8px; } .gform_delete { vertical-align: middle; cursor: pointer; } .gform_wrapper .copy_values_option_container .copy_values_enabled { width: auto; } .gform_wrapper li.field_sublabel_above .ginput_complex input[type=text] { margin-bottom: 1px; } .gform_wrapper .form_saved_message { margin: 16px 0; width: 100%; font-size: 1em; line-height: 1.8; border: 2px solid #91AFC7; background-color: #E3F3F3; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .gform_wrapper .form_saved_message form { text-align: center; } .gform_wrapper .form_saved_message span:first-child { display: block; padding: 28px 16px; } .form_saved_message a.resume_form_link { word-wrap: break-word; } .form_saved_message a.resume_form_link:after, .form_saved_message a.resume_form_link:before { content: ""; display: block; } .form_saved_message a.resume_form_link:before { margin-top: 12px; } .form_saved_message a.resume_form_link:after { margin-bottom: 12px; } .form_saved_message a + br, .form_saved_message br + br { display: none; } .form_saved_message .form_saved_message_emailform { margin: 16px 0 0; } div.form_saved_message div.form_saved_message_emailform form input[type=text] { line-height: 2.25; height: 24px; margin-bottom: 4px; } div.form_saved_message div.form_saved_message_emailform form input[type=submit] { margin: 12px auto 0; display: block; } .form_saved_message .form_saved_message_emailform .validation_message { color: #790000; } .form_saved_message_sent { margin: 16px 0; width: 100%; font-size: 1em; border: 2px solid #CFE2C0; background-color: #E9FFD9; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .form_saved_message_sent span:first-child { display: block; padding: 16px; } body #content .entry-content .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area, body .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area { line-height: 1 !important; } body .gform_wrapper img.ui-datepicker-trigger { width: 17px !important; height: 16px !important; display: -moz-inline-stack; display: inline-block; } body .gform_wrapper img.add_list_item, body .gform_wrapper img.delete_list_item { display: -moz-inline-stack; display: inline-block; margin-top: -2px; } .gform_wrapper ul li.gfield.field_sublabel_above.field_description_below + li.gfield { margin-top: 16px; } .gform_wrapper li.gfield ul.gfield_radio li input[type=radio] + input[type=text] { width: 45.25%; } .gform_wrapper table.recaptchatable { table-layout: auto; } .gform_wrapper ul.gform_fields:not(.top_label) div.ginput_container_captcha { margin-left: 29%; } .gfield .wp-editor-container { border: 1px solid #ddd; } .gfield .wp-switch-editor { border-color: #ddd; } .gfield .html-active .switch-html, .gfield .tmce-active .switch-tmce { border-bottom-color: #f5f5f5; } .gfield .mce-edit-area iframe { width: 99.9% !important; margin: 0 !important; } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } body .gform_wrapper ul.gfields li.gfield label.gfield_label { margin-bottom: 0 !important; padding-bottom: 0 !important; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html { line-height: inherit; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li { list-style-type: disc !important; margin: 0 0 8px; overflow: visible; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul { list-style-type: disc !important; margin: 16px 0 16px 28px !important; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li { list-style-type: decimal !important; overflow: visible; margin: 0 0 8px; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol { list-style-type: decimal !important; margin: 16px 0 18px 32px; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li { list-style-type: disc !important; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul { margin: 16px 0 16px 16px; } body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li { margin: 0 0 8px; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl { margin: 0 0 18px; padding-left: 0; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt { font-weight: 700; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd { margin: 0 0 16px 18px; } .gform_wrapper span.gf_clear_span { display: block; height: 1px; overflow: hidden; width: 100%; float: none; clear: both; margin-top: -1px; } @media only screen and (max-width: 641px) { .gform_wrapper .chosen-container.chosen-container-single[style], .gform_wrapper div.chosen-container.chosen-container-multi[style] { width: 100% !important; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 2; min-height: 2rem; } .gform_wrapper textarea { line-height: 1.5; } .gform_wrapper .chosen-container-single .chosen-single { height: 40px; line-height: 2.8; } .gform_wrapper .chosen-container-single .chosen-single div b { position: relative; top: 10px; } .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice, .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-field { width: calc(100% - 10px); line-height: 2; float: none; } .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span { margin-bottom: 0; } .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: calc(50% - 6px); } .gform_wrapper .ginput_container span:not(.ginput_price) { margin-bottom: 8px; display: block; } .gform_wrapper li.field_sublabel_below .ginput_complex { margin-top: 12px !important; } .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { width: 85%; cursor: pointer; } } @media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1023px) { .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error { margin-top: 32px; } .gform_wrapper table.gfield_list { border: 0; } .gform_wrapper table.gfield_list thead { position: absolute; top: -9999px; left: -9999px; } .gform_wrapper table.gfield_list tr { margin-bottom: 10px; display: block; background: #fff; position: relative; border: 1px solid #CCC; border-top: 2px solid #CCC; border-bottom: 4px solid #CCC; } .gform_wrapper table.gfield_list td { display: block; margin-left: 8px; margin-right: 8px; } .gform_wrapper table.gfield_list td.gfield_list_icons { border-bottom: 0; margin: 16px 0 0 !important; } .gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before, .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after { content: attr(data-label); font-size: .875em; letter-spacing: .5pt; white-space: nowrap; display: block; clear: both; } .gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before { margin: 8px 0 3px 8px; } .gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after { margin: 3px 0 8px 8px; } .gform_wrapper table.gfield_list td + td, .gform_wrapper table.gfield_list th + th { padding: 4px 0 0; } .gform_wrapper table.gfield_list tr.gfield_list_row_even, .gform_wrapper table.gfield_list tr.gfield_list_row_odd { margin: 16px 0; } .gform_wrapper table.gfield_list tr, .gform_wrapper table.gfield_list tr.gfield_list_row_odd:first-child { padding-top: 12px; } .gform_wrapper table.gfield_list tr td.gfield_list_icons { width: 100% !important; padding: 0 4px 4px !important; background-color: #EEE; } .gform_wrapper table.gfield_list tr td.gfield_list_icons img.add_list_item { margin: 12px 0 0 16px !important; } .gform_wrapper table.gfield_list tr td.gfield_list_icons img.delete_list_item { margin: 12px 0 0 8px !important; } .gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link { margin-left: 0; } .gform_wrapper .gfield_list td.gfield_list_cell input { width: calc(100% - 16px); margin-left: 8px; margin-right: 8px; } } @media only screen and (min-width: 641px) { .gform_wrapper .gform_body { width: 100%; } .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: calc(100% - 16px) !important; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { margin: 0 0 8px; line-height: 1.3; } .gform_wrapper .gsection { margin: 28px 16px 28px 0; } .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label { float: left; width: 29%; padding-right: 16px; margin-bottom: 16px; } .gform_wrapper .right_label .gfield_label { text-align: right; } .gform_wrapper .left_label .gfield_description, .gform_wrapper .right_label .gfield_description { width: 70%; } .gform_wrapper form ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.right_label li ul.gfield_radio li { margin-bottom: 10px; } .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .gfield_description, .gform_wrapper .right_label .instruction { margin-left: 29%; } .gform_wrapper ul.gform_fields:not(.top_label) .gsection .gsection_description { margin-left: 0; padding-top: 4px; padding-left: 0; line-height: 1.5; } .gform_wrapper form ul.gform_fields:not(.top_label) li.gfield_html_formatted { margin-left: 29% !important; width: 70%; } .gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_checkbox, .gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_radio { overflow: hidden; } .gform_wrapper .left_label div.ginput_complex, .gform_wrapper .right_label div.ginput_complex { width: 70%; margin-left: 29%; } .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small, .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small { width: 15%; } .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium, .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium { width: calc(35% - 8px); } .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small { width: 70%; } .gform_wrapper ul.gform_fields:not(.top_label) .ginput_list { width: 70%; margin-left: 29% !important; } .gform_wrapper .top_label .gfield_list { width: 100%; } .gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column { width: 45%; } .gform_wrapper .top_label .gf_list_one_column { width: 46%; } .gform_wrapper .left_label li.hidden_label input, .gform_wrapper .right_label li.hidden_label input { margin-left: 3.7%; } .gform_wrapper .left_label li.gfield .gfield_password_strength, .gform_wrapper .right_label li.gfield .gfield_password_strength { margin-left: 29%; } .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small { width: 25%; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: calc(50% - 8px); } .gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium { width: 50%; } .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large { width: 100%; } .gform_wrapper .top_label input.large.datepicker, .gform_wrapper .top_label input.medium.datepicker, .gform_wrapper .top_label input.small.datepicker { width: auto; } .gform_wrapper textarea.small { height: 80px; width: 100%; } .gform_wrapper textarea.medium { height: 160px; width: 100%; } .gform_wrapper textarea.large { height: 320px; width: 100%; } .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 50%; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width: 50%; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 -4px 0 0; } .gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-height: 43px; position: relative; float: left; } .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year { width: 47% !important; display: -moz-inline-stack; display: inline-block; } .gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 4px; } .gform_wrapper .gf_step { width: auto; display: -moz-inline-stack; display: inline-block; margin: 16px 32px 16px 0; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] { display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gform_footer input[type=image] { vertical-align: middle; } .gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link { font-size: 1em; margin-left: 16px; display: -moz-inline-stack; display: inline-block; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { font-size: 1em; width: auto; margin: 0 16px 0 0; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } .gform_wrapper .ginput_complex .ginput_left { padding-right: 8px; } .gform_wrapper .left_label .ginput_complex.ginput_container_address:after { content: ""; display: block; } .gform_wrapper .ginput_complex.ginput_container_address .ginput_left { margin-right: 8px; } .gform_wrapper .ginput_complex.ginput_container_address .ginput_right { margin-right: -8px; padding-right: 8px; } .gform_wrapper .ginput_complex.ginput_container_address span.ginput_full + span.ginput_right { padding-right: 8px !important; margin-right: 8px; } .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left { padding-right: 8px !important; margin-right: -8px; } .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left.address_zip { margin-right: 8px; } .gform_wrapper .gfield_error .ginput_container { padding-right: 0; } .gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength { margin: 18px 0; } .gform_wrapper .gform_footer:not(.top_label) { padding: 16px 0 10px; margin-left: 29%; width: 70%; } .top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3 { width: calc(100% + 15px); } .top_label div.ginput_complex.ginput_container.gf_name_has_4 { width: calc(100% + 13px); } .top_label div.ginput_complex.ginput_container.gf_name_has_5 { width: calc(100% + 14px); } ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_1, ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_2, ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_3 { width: calc(70% + 15px); margin-left: 29%; } ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1, ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2, ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 { width: calc(70% + 24px); } ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_4 { width: calc(70% + 13px); margin-left: 29%; } ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_5 { width: calc(70% + 14px); margin-left: 29%; } div.ginput_container_name span { display: -moz-inline-stack; display: inline-block; vertical-align: top; padding-right: 16px; margin-right: -4px; } div.ginput_complex.ginput_container.gf_name_has_1 span { width: 100%; } div.ginput_complex.ginput_container.gf_name_has_2 span { width: 50%; } div.ginput_complex.ginput_container.gf_name_has_3 span { width: 33.3%; } div.ginput_complex.ginput_container.gf_name_has_4 span { width: 25%; } div.ginput_complex.ginput_container.gf_name_has_5 span { width: 19.95%; } .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1 span { width: 99.75% !important; } .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2 span { width: 49.75% !important; } .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 span { width: 33% !important; } .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_4 span { width: 24.75% !important; } .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_5 span { width: 19.75% !important; } html div.ginput_complex.ginput_container.gf_name_has_2 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_3 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_4 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_5 span:first-child { margin-left: 0 !important; } .gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email { width: calc(100% + 15px); } .gform_wrapper ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.ginput_container_email { width: calc(70% + 16px); margin-left: 29%; } .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.ginput_container_email { width: calc(70% + 17px); } li.gfield.gfield_error .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error .ginput_complex.ginput_container.ginput_container_email { width: calc(70% + 8px) !important; } .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_left, .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right { padding-right: 16px; } .gform_wrapper ul.left_label li.gfield .gfield_password_strength, .gform_wrapper ul.right_label li.gfield .gfield_password_strength { width: 70%; } .gform_wrapper .ginput_complex span.ginput_left + input.gform_hidden + span.ginput_left { padding-right: 0; } .gform_wrapper .ginput_complex span.ginput_left.address_country { margin-right: 0; } html:not[dir=rtl] .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi, html:not[dir=rtl] .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description, html:not[dir=rtl] .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time) { width: 70%; margin-left: 29% !important; } .gform_wrapper .gf_progressbar { width: calc(100% - 16px); } .gform_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area { margin-left: 29%; width: 70%; } body .gform_wrapper span.ginput_left.address_city + input.gform_hidden + span.ginput_left.address_country { width: calc(50% - 8px); margin-right: 0; } .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha { margin-left: 29% !important; } .gform_wrapper .gform_page_footer .button.gform_previous_button { margin-bottom: 0; } .gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button { margin-right: 10px; } } .btn, .gform_button.button { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; } .btn-nav { width: 90px; height: 90px; background-color: #e7e6d6; padding: 26px; text-align: center; line-height: 86px; position: fixed; right: 0; top: 0; z-index: 999; transition: right .3s ease; } .btn-nav svg { vertical-align: top; } .btn-nav.right { right: 360px; } .gform_wrapper .gform_footer { margin: 0 auto; max-width: 90%; text-align: center; } .gform_button.button, .btn-hollow { height: 100px; padding: 23px 43px; background-color: #fff; border: 5px solid #e7e6d6; font-weight: 900; font-size: 35px !important; color: #ff5f41; transition: background-color .4s ease, border-color .4s ease, color .4s ease; margin: 0 auto; display: block; } .gform_button.button:hover, .btn-hollow:hover { border-color: #ff5f41; background-color: #ff5f41; color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .gform_button.button, .btn-hollow { height: 60px; padding: 3px 23px; font-size: 20px; border-width: 3px; } } /* Mobile */ @media (max-width: 767px) { .gform_wrapper form { line-height: 1; } .btn-nav { width: 54px; height: 54px; line-height: 46px; padding: 16px; } .btn-nav i { width: 20px; height: 21px; } .gform_button.button, .btn-hollow { width: 100%; height: auto; font-size: 17px !important; padding: 10px 13px; } }