.one { width: 90%; height: 30vw; overflow: hidden; border: 15px solid red; margin-bottom: 40px; position: relative; } .two { width: 30%; height: 300px; overflow: hidden; border: 15px solid blue; position: relative; } .video-background { /* class name used in javascript too */ width: 100%; /* width needs to be set to 100% */ height: 100%; /* height needs to be set to 100% */ position: absolute; left: 0; top: 0; z-index: -1; object-fit: fill; } .special { color: #ffffff; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ /* line 9, ../sass/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ /* line 19, ../sass/_normalize.scss */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /* line 45, ../sass/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /* line 57, ../sass/_normalize.scss */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /* line 67, ../sass/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* line 78, ../sass/_normalize.scss */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /* line 89, ../sass/_normalize.scss */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* line 99, ../sass/_normalize.scss */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /* line 110, ../sass/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /* line 119, ../sass/_normalize.scss */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ /* line 127, ../sass/_normalize.scss */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /* line 136, ../sass/_normalize.scss */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ /* line 145, ../sass/_normalize.scss */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ /* line 154, ../sass/_normalize.scss */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* line 163, ../sass/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 170, ../sass/_normalize.scss */ sup { top: -0.5em; } /* line 174, ../sass/_normalize.scss */ sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /* line 185, ../sass/_normalize.scss */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ /* line 193, ../sass/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /* line 204, ../sass/_normalize.scss */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ /* line 212, ../sass/_normalize.scss */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ /* line 221, ../sass/_normalize.scss */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ /* line 232, ../sass/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /* line 256, ../sass/_normalize.scss */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /* line 266, ../sass/_normalize.scss */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /* line 278, ../sass/_normalize.scss */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ /* line 293, ../sass/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ /* line 303, ../sass/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ /* line 312, ../sass/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /* line 322, ../sass/_normalize.scss */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /* line 335, ../sass/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /* line 347, ../sass/_normalize.scss */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /* line 356, ../sass/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /* line 368, ../sass/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ /* line 376, ../sass/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /* line 387, ../sass/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /* line 396, ../sass/_normalize.scss */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* line 405, ../sass/_normalize.scss */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ /* line 416, ../sass/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 422, ../sass/_normalize.scss */ td, th { padding: 0; } /* This stylesheet generated by Transfonter (http://transfonter.org) */ @font-face { font-family: 'Neutra Display Titling'; src: url("../font/NeutraDisp-Titling.eot"); src: url("../font/NeutraDisp-Titling.eot") format("embedded-opentype"), url("../font/NeutraDisp-Titling.woff") format("woff"), url("../font/NeutraDisp-Titling.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINOT'; src: url("../font/DINOT-Black.eot"); src: url("../font/DINOT-Black.eot") format("embedded-opentype"), url("../font/DINOT-Black.woff") format("woff"), url("../font/DINOT-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../font/Gotham-Book.eot"); src: url("../font/Gotham-Book.eot") format("embedded-opentype"), url("../font/Gotham-Book.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../font/Gotham-Light.eot"); src: url("../font/Gotham-Light.eot") format("embedded-opentype"), url("../font/Gotham-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../font/Gotham-Thin.eot"); src: url("../font/Gotham-Thin.eot") format("embedded-opentype"), url("../font/Gotham-Thin.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../font/Gotham-Medium.eot"); src: url("../font/Gotham-Medium.eot") format("embedded-opentype"), url("../font/Gotham-Medium.otf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'social'; src: url("../font/social.eot"); src: url("../font/social.eot") format("embedded-opentype"), url("../font/social.woff") format("woff"), url("../font/social.ttf") format("truetype"), url("../font/social.svg") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'social'; src: url('../font/social.svg?18200690#social') format('svg'); } } */ /* line 80, ../sass/_fonts.scss */ [class^="social-"]:before, [class*=" social-"]:before { font-family: "social"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* line 115, ../sass/_fonts.scss */ .social-youtube:before { content: '\e811'; } /* '' */ /* line 116, ../sass/_fonts.scss */ .social-linkedin:before { content: '\e812'; } /* '' */ /* line 117, ../sass/_fonts.scss */ .social-twitter:before { content: '\e813'; } /* '' */ /* line 118, ../sass/_fonts.scss */ .social-facebook:before { content: '\e814'; } /* '' */ /* line 119, ../sass/_fonts.scss */ .social-gplus:before { content: '\e815'; } /* '' */ /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ /* Super Extra Small Devices */ /* Extra Small Devices */ /* Small Devices */ /* Medium Devices / Desktops */ /* line 31, ../sass/_main.scss */ html { color: #222; font-size: 1em; line-height: 1.4; } /* line 36, ../sass/_main.scss */ html.not-loaded, html.menu-open { overflow-y: hidden; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ /* line 49, ../sass/_main.scss */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } /* line 54, ../sass/_main.scss */ ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ /* line 63, ../sass/_main.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ /* line 83, ../sass/_main.scss */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ /* line 91, ../sass/_main.scss */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ /* line 101, ../sass/_main.scss */ textarea { resize: vertical; } /* ========================================================================== Author's custom styles ========================================================================== */ /* line 108, ../sass/_main.scss */ * { box-sizing: border-box; /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 1570px) { /* line 116, ../sass/_main.scss */ .container { width: 1500px; } } /* line 122, ../sass/_main.scss */ html, body { width: 100%; overflow-x: hidden; min-width: 320px; } /* line 129, ../sass/_main.scss */ body { position: relative; font-family: "Gotham"; margin-top: 140px; } /* line 136, ../sass/_main.scss */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Neutra Display Titling"; margin: 0; padding: 0; } /* line 140, ../sass/_main.scss */ h1.margin-bottom, h2.margin-bottom, h3.margin-bottom, h4.margin-bottom, h5.margin-bottom, h6.margin-bottom, .h1.margin-bottom, .h2.margin-bottom, .h3.margin-bottom, .h4.margin-bottom, .h5.margin-bottom, .h6.margin-bottom { margin-bottom: 20px; } /* line 144, ../sass/_main.scss */ h1.normal-case, h2.normal-case, h3.normal-case, h4.normal-case, h5.normal-case, h6.normal-case, .h1.normal-case, .h2.normal-case, .h3.normal-case, .h4.normal-case, .h5.normal-case, .h6.normal-case { font-weight: 800; font-family: "Gotham"; text-transform: none; } /* line 151, ../sass/_main.scss */ h1 { font-size: 57px; color: white; line-height: 0.97; text-transform: uppercase; /* Medium Devices / Desktops */ /* Extra Small Devices */ /* Super Extra Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1199px) { /* line 151, ../sass/_main.scss */ h1 { font-size: 49px; } } @media only screen and (max-width: 767px) { /* line 151, ../sass/_main.scss */ h1 { font-size: 50px; } } @media only screen and (max-width: 479px) { h1 { font-size: 35px; } } @media only screen and (max-width: 374px) { /* line 151, ../sass/_main.scss */ h1 { font-size: 31px; } } /* line 179, ../sass/_main.scss */ h2 { font-size: 30px; color: black; line-height: 0.90; text-transform: uppercase; /* Extra Small Devices */ /* Super Extra Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 179, ../sass/_main.scss */ h2 { font-size: 30px; } } @media only screen and (max-width: 479px) { /* line 179, ../sass/_main.scss */ h2 { font-size: 24px; line-height: 0.87; } } @media only screen and (max-width: 374px) { /* line 179, ../sass/_main.scss */ h2 { font-size: 19px; } } /* line 220, ../sass/_main.scss */ p { color: black; font-size: 15px; font-weight: 400; line-height: 1.4; /* Extra Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 220, ../sass/_main.scss */ p { font-size: 18px; } } @media only screen and (max-width: 479px) { /* line 220, ../sass/_main.scss */ p { font-size: 14px; } } /* line 237, ../sass/_main.scss */ a { color: #FFF; } /* line 240, ../sass/_main.scss */ a:hover { color: #FFF; text-decoration: none; } /* line 247, ../sass/_main.scss */ ul { margin: 0; padding: 0; list-style: inside; } /* line 251, ../sass/_main.scss */ ul.no-bullets { list-style: none; } /* line 256, ../sass/_main.scss */ .number { font-family: "DINOT"; } /* line 261, ../sass/_main.scss */ input:focus, input:active, input:focus:active, button:focus, button:active, button:focus:active, .btn:focus, .btn:active, .btn:focus:active, textarea:focus, textarea:active, textarea:focus:active { outline: 0; } /* line 266, ../sass/_main.scss */ .vertical-middle-wrap { display: table; width: 100%; height: 100%; } /* line 270, ../sass/_main.scss */ .vertical-middle-wrap .vertical-middle-row { display: table-row; } /* line 274, ../sass/_main.scss */ .vertical-middle-wrap .vertical-middle { display: table-cell; vertical-align: middle; } /* line 280, ../sass/_main.scss */ .section { padding: 150px 0; /* Small Devices */ /* Extra Small Devices */ } @media only screen and (min-width: 1570px) { /* line 280, ../sass/_main.scss */ .section { padding: 150px 0; } } @media only screen and (min-width: 1199px) { /* line 280, ../sass/_main.scss */ .section { padding: 90px 0; } } @media only screen and (max-width: 991px) { /* line 280, ../sass/_main.scss */ .section { padding: 75px 0; } } @media only screen and (max-width: 767px) { /* line 280, ../sass/_main.scss */ .section { padding: 55px 0; } } /* line 301, ../sass/_main.scss */ .section.small-padding-top { padding-top: 75px; /* Small Devices */ /* Extra Small Devices */ } @media only screen and (min-width: 1570px) { /* line 301, ../sass/_main.scss */ .section.small-padding-top { padding-top: 50px; } } @media only screen and (min-width: 1199px) { /* line 301, ../sass/_main.scss */ .section.small-padding-top { padding-top: 37px; } } @media only screen and (max-width: 991px) { /* line 301, ../sass/_main.scss */ .section.small-padding-top { padding-top: 25px; } } @media only screen and (max-width: 767px) { /* line 301, ../sass/_main.scss */ .section.small-padding-top { padding-top: 20px; } } /* line 323, ../sass/_main.scss */ .section.small-padding { padding-top: 75px; padding-bottom: 75px; /* Small Devices */ /* Extra Small Devices */ } @media only screen and (min-width: 1570px) { /* line 323, ../sass/_main.scss */ .section.small-padding { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 1199px) { /* line 323, ../sass/_main.scss */ .section.small-padding { padding-top: 37px; padding-bottom: 37px; } } @media only screen and (max-width: 991px) { /* line 323, ../sass/_main.scss */ .section.small-padding { padding-top: 25px; padding-bottom: 25px; } } @media only screen and (max-width: 767px) { /* line 323, ../sass/_main.scss */ .section.small-padding { padding-top: 20px; padding-bottom: 20px; } } /* line 350, ../sass/_main.scss */ .section.no-padding-top { padding-top: 0; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 350, ../sass/_main.scss */ .section.no-padding-top { padding-top: 60px; } } /* line 359, ../sass/_main.scss */ .section.no-padding { padding: 0; } /* line 364, ../sass/_main.scss */ .logo-holder { width: 102px; /*background: #00ffaa;*/ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 364, ../sass/_main.scss */ .logo-holder { width: 51px; } } /* line 373, ../sass/_main.scss */ .logo-holder .logo { /*padding-left: 30px;*/ /* Extra Small Devices */ } .logo img { width: 90px; /* margin-bottom: 10px; */ } @media only screen and (max-width: 767px) { /* line 373, ../sass/_main.scss */ .logo-holder .logo { /*padding-left: 51px;*/ } .logo-holder .logo img { width: 100px; } } /* line 383, ../sass/_main.scss */ .back-purple { background: #000000; } /* line 387, ../sass/_main.scss */ .back-blue { background: #000000; } /* line 391, ../sass/_main.scss */ .back-green { background: #00ffaa; } /* line 395, ../sass/_main.scss */ .back-black { background: black; color: white; } /* line 400, ../sass/_main.scss */ .back-white { background: white; } /* line 404, ../sass/_main.scss */ .text-white { color: white; } /* line 408, ../sass/_main.scss */ .text-purple { color: #000000; } /* line 412, ../sass/_main.scss */ .text-dark-purple { color: #212290; } /* line 416, ../sass/_main.scss */ .text-blue { color: #000000; } .text-blue2 { color: #00ffaa; } .text-black { color: #000000; } /* line 420, ../sass/_main.scss */ .text-green { color: #00ffaa; } @media (min-width: 992px) { /* line 425, ../sass/_main.scss */ .col-md-2-4 { float: left; position: relative; width: 20.000000004%; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { /* line 425, ../sass/_main.scss */ .col-md-2-3 { float: left; position: relative; width: 25%; min-height: 1px; padding-right: 15px; padding-left: 15px; } } /* line 441, ../sass/_main.scss */ .meet-at .prizes { position: relative; margin-left: 0; margin-right: 0; background: #0E0E0E; } /* line 449, ../sass/_main.scss */ .meet-at .prizes>div { padding: 0; } /* line 453, ../sass/_main.scss */ .meet-at .prizes a { display: block; position: relative; width: 100%; height: 100%; } /* line 459, ../sass/_main.scss */ .meet-at .prizes a:hover .overlay, .meet-at .prizes a.active .overlay { opacity: 1; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 459, ../sass/_main.scss */ .meet-at .prizes a:hover .overlay, .meet-at .prizes a.active .overlay { opacity: 0; } } /* line 469, ../sass/_main.scss */ .meet-at .prizes a img { width: 100%; } /* line 473, ../sass/_main.scss */ .meet-at .prizes a .overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); color: #ffffff; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } /* line 483, ../sass/_main.scss */ .meet-at .prizes a .overlay h3 { margin-bottom: 20px; } /* line 487, ../sass/_main.scss */ .meet-at .prizes a .overlay .btn { width: 50%; color: #000000; } /* line 492, ../sass/_main.scss */ .meet-at .prizes a .overlay .btn:hover { color: white; background-color: #00ffaa; } /* line 500, ../sass/_main.scss */ .meet-at .content { padding: 90px 0; /* Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 500, ../sass/_main.scss */ .meet-at .content { padding-top: 70px; padding-bottom: 70px; background: #000; } } @media only screen and (max-width: 767px) { /* line 500, ../sass/_main.scss */ .meet-at .content { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (min-width: 991px) { /* line 519, ../sass/_main.scss */ .meet-at .content.single { padding-top: 40px; padding-bottom: 40px; } /* line 526, ../sass/_main.scss */ .meet-at .content.single .row>div { position: relative; top: -20px; text-align: center; } /* line 533, ../sass/_main.scss */ .meet-at .content.single .row h2 { position: relative; display: inline-block; top: -5px; } /* line 539, ../sass/_main.scss */ .meet-at .content.single .row h2 i { top: 4px; } /* line 544, ../sass/_main.scss */ .meet-at .content.single .row .profile { display: inline-block; text-align: left; } /* line 549, ../sass/_main.scss */ .meet-at .content.single .row .profile figure { display: inline-block; } /* line 553, ../sass/_main.scss */ .meet-at .content.single .row .profile .name { display: inline-block; margin-top: 10px; } /* line 562, ../sass/_main.scss */ .meet-at .content.single .row .profile ul li { display: block; margin-right: 20px; margin-bottom: 0px; } } /* line 573, ../sass/_main.scss */ .meet-at .content .row { /* Small Devices */ } @media only screen and (max-width: 991px) { /* line 573, ../sass/_main.scss */ .meet-at .content .row { margin-bottom: -50px; } } /* line 579, ../sass/_main.scss */ .meet-at .content .row>div { /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 579, ../sass/_main.scss */ .meet-at .content .row>div { margin-bottom: 40px; text-align: center; } } /* line 590, ../sass/_main.scss */ .cross { width: 18px; margin-top: 8px; } .circle { width: 10px; margin-top: -5px; margin-left: 2px; } .arrow { width: 10px; margin-top: 0px; margin-left: 5px; margin-right: -6px; } .meet-at h2 { position: relative; /* padding-left: 47px;*/ color: #00ffaa; /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 590, ../sass/_main.scss */ .meet-at h2 { margin-left: 0px; margin-bottom: 10px; padding-left: 0px; } } /* line 603, ../sass/_main.scss */ .meet-at h2 i { /* position: absolute; top: -1px; left: 0;*/ font-size: 18px; /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 603, ../sass/_main.scss */ .meet-at h2 i { position: relative; top: -3px; margin-right: 5px; font-size: 13px; } } /* line 620, ../sass/_main.scss */ .meet-at .profile { position: relative; margin-top: 20px; /* padding-left: 120px;*/ /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 620, ../sass/_main.scss */ .meet-at .profile { display: inline-table; margin: auto; padding: 0; text-align: center; } } /* line 636, ../sass/_main.scss */ .meet-at .profile figure { /* position: absolute; top: 7px; left: 40px;*/ width: 65px; height: 65px; margin: 0; background: #000; border-radius: 50%; /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 636, ../sass/_main.scss */ .meet-at .profile figure { position: static; display: inline-block; width: 100px; height: 100px; margin-bottom: 15px; } } /* line 656, ../sass/_main.scss */ .meet-at .profile figure img { border-radius: 50%; } /* line 661, ../sass/_main.scss */ .meet-at .profile .name { font-size: 22px; font-weight: 900; /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 661, ../sass/_main.scss */ .meet-at .profile .name { font-size: 18px; margin-left: 0; } } /* line 673, ../sass/_main.scss */ .meet-at .profile ul { list-style: none; margin: 0; padding: 0; } /* line 677, ../sass/_main.scss */ .meet-at .profile ul li { position: relative; /* margin-right: 50px;*/ font-size: 17px; font-weight: 300; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 677, ../sass/_main.scss */ .meet-at .profile ul li { margin-right: 0; font-size: 15px; } } @media only screen and (max-width: 374px) { /* line 677, ../sass/_main.scss */ .meet-at .profile ul li { font-size: 14px; } } /* line 697, ../sass/_main.scss */ .meet-at .profile ul li:last-child { margin-right: 0; } /* line 701, ../sass/_main.scss */ .meet-at .profile ul li b { font-weight: 900; } /* line 705, ../sass/_main.scss */ .meet-at .profile ul li i { position: relative; top: -3px; margin-left: 4px; font-size: 10px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 705, ../sass/_main.scss */ .meet-at .profile ul li i { top: -1px; } } @media only screen and (max-width: 374px) { /* line 705, ../sass/_main.scss */ .meet-at .profile ul li i { margin-left: 3px; } } /* line 723, ../sass/_main.scss */ .meet-at .profile ul li i.fonticons-arrow { top: -1px; /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 723, ../sass/_main.scss */ .meet-at .profile ul li i.fonticons-arrow { top: -1px; } } /* line 733, ../sass/_main.scss */ .meet-at .profile ul li a, .meet-at .profile ul li span { margin-left: 6px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 733, ../sass/_main.scss */ .meet-at .profile ul li a, .meet-at .profile ul li span { margin-left: 5px; } } @media only screen and (max-width: 374px) { /* line 733, ../sass/_main.scss */ .meet-at .profile ul li a, .meet-at .profile ul li span { margin-left: 3px; } } /* line 752, ../sass/_main.scss */ .stats { position: relative; /* Extra Small Devices */ } /* line 755, ../sass/_main.scss */ .stats h2 { font-size: 42px; /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 755, ../sass/_main.scss */ .stats h2 { font-size: 30px; } } /* line 764, ../sass/_main.scss */ .stats .content { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } /* line 769, ../sass/_main.scss */ .stats .content .container { height: 100%; } /* line 772, ../sass/_main.scss */ .stats .content .container .vertical-middle-wrap { padding: 120px 0; /* Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 772, ../sass/_main.scss */ .stats .content .container .vertical-middle-wrap { padding-top: 70px; padding-bottom: 70px; } } @media only screen and (max-width: 767px) { /* line 772, ../sass/_main.scss */ .stats .content .container .vertical-middle-wrap { padding-top: 40px; padding-bottom: 40px; } } /* line 789, ../sass/_main.scss */ .stats .content .row { /* Small Devices */ } @media only screen and (max-width: 767px) { /* line 789, ../sass/_main.scss */ .stats .content .row { margin-bottom: -30px; } } /* line 795, ../sass/_main.scss */ .stats .content .row>div { /* Small Devices */ } @media only screen and (max-width: 767px) { /* line 795, ../sass/_main.scss */ .stats .content .row>div { margin-bottom: 30px; } } /* line 804, ../sass/_main.scss */ .stats h2 { margin-bottom: 45px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 804, ../sass/_main.scss */ .stats h2 { margin-bottom: 30px; } } /* line 813, ../sass/_main.scss */ .stats h3 { margin-top: 15px; font-family: "Gotham"; font-weight: 900; font-size: 12px; text-transform: uppercase; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 813, ../sass/_main.scss */ .stats h3 { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } /* line 828, ../sass/_main.scss */ .stats h3 b { position: relative; display: block; margin-bottom: 12px; padding-bottom: 5px; font-weight: 400; font-size: 60px; line-height: 0.67; } /* line 839, ../sass/_main.scss */ .stats h3 b u { text-decoration: none; } /* line 843, ../sass/_main.scss */ .stats h3 b sup { position: absolute; top: 0; margin-left: -15px; font-size: 15px; color: white; } /* line 853, ../sass/_main.scss */ .stats figure { display: table-cell; vertical-align: middle; text-align: center; width: 100em; height: 90px; } /* line 860, ../sass/_main.scss */ .stats figure img { height: 72px; } /* line 864, ../sass/_main.scss */ .stats figure i { display: block; color: #00ffaa; font-size: 68px; line-height: 1.2; overflow: hidden; } /* line 872, ../sass/_main.scss */ .stats figure i.fonticons-markets { height: 72px; } /* line 876, ../sass/_main.scss */ .stats figure i.fonticons-advertisers { font-size: 94px; height: 55px; } /* line 881, ../sass/_main.scss */ .stats figure i.fonticons-tested-campaigns { font-size: 56px; height: 43px; } /* line 886, ../sass/_main.scss */ .stats figure i.fonticons-clicks-per-month { font-size: 57px; height: 57px; } /* line 890, ../sass/_main.scss */ .stats figure i.fonticons-clicks-per-month:before { width: 24px; } /* line 895, ../sass/_main.scss */ .stats figure i.fonticons-users-in { height: 57px; font-size: 56px; } /* line 903, ../sass/_main.scss */ .stats .background { position: relative; overflow: hidden; } /* line 907, ../sass/_main.scss */ .stats .background .background-container { position: relative; } /* line 911, ../sass/_main.scss */ .stats .background img { width: 100%; height: auto; } /* line 917, ../sass/_main.scss */ .stats .arrows { display: none; } @media only screen and (max-width: 767px) { /* line 923, ../sass/_main.scss */ .stats .vertical-middle { position: relative; } /* line 926, ../sass/_main.scss */ .stats .stats-number-holder { position: relative; left: 0%; width: 500%; margin-left: 0; margin-right: 0; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } /* line 935, ../sass/_main.scss */ .stats .stats-number { float: left; width: 20%; } /* line 940, ../sass/_main.scss */ .stats .arrows { display: block; position: absolute; top: 0; width: 100%; height: 100%; } /* line 946, ../sass/_main.scss */ .stats .arrows>a, .stats .arrows>a:hover { display: block; position: absolute; top: 50%; margin-top: 8px; font-size: 30px; color: #00ffaa; } /* line 955, ../sass/_main.scss */ .stats .arrows>a.go-prev, .stats .arrows>a:hover.go-prev { left: 0; } /* line 959, ../sass/_main.scss */ .stats .arrows>a.go-forw, .stats .arrows>a:hover.go-forw { right: 0; } } /* line 966, ../sass/_main.scss */ .stats.animate { /* Extra Small Devices */ } /* line 968, ../sass/_main.scss */ .stats.animate .stats-number { position: relative; opacity: 0; top: -70px; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } /* line 980, ../sass/_main.scss */ .stats.animate .stats-number:nth-child(1) { -webkit-transition: 0.7s opacity 0s, 0.7s top 0s, 0.7s -webkit-filter 0s, 0.7s -moz-filter 0s, 0.7s -o-filter 0s, 0.7s -ms-filter 0s, 0.7s filter 0s; -webkit-transition-delay: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition: 0.7s opacity 0s ease-in-out, 0.7s top 0s ease-in-out, 0.7s -webkit-filter 0s ease-in-out, 0.7s -moz-filter 0s ease-in-out, 0.7s -o-filter 0s ease-in-out, 0.7s -ms-filter 0s ease-in-out, 0.7s filter 0s ease-in-out; -o-transition: 0.7s opacity 0s ease-in-out, 0.7s top 0s ease-in-out, 0.7s -webkit-filter 0s ease-in-out, 0.7s -moz-filter 0s ease-in-out, 0.7s -o-filter 0s ease-in-out, 0.7s -ms-filter 0s ease-in-out, 0.7s filter 0s ease-in-out; transition: 0.7s opacity 0s ease-in-out, 0.7s top 0s ease-in-out, 0.7s -webkit-filter 0s ease-in-out, 0.7s -moz-filter 0s ease-in-out, 0.7s -o-filter 0s ease-in-out, 0.7s -ms-filter 0s ease-in-out, 0.7s filter 0s ease-in-out; } /* line 994, ../sass/_main.scss */ .stats.animate .stats-number:nth-child(2) { -webkit-transition: 0.7s opacity 0.15s, 0.7s top 0.15s, 0.7s -webkit-filter 0.15s, 0.7s -moz-filter 0.15s, 0.7s -o-filter 0.15s, 0.7s -ms-filter 0.15s, 0.7s filter 0.15s; -webkit-transition-delay: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition: 0.7s opacity 0.15s ease-in-out, 0.7s top 0.15s ease-in-out, 0.7s -webkit-filter 0.15s ease-in-out, 0.7s -moz-filter 0.15s ease-in-out, 0.7s -o-filter 0.15s ease-in-out, 0.7s -ms-filter 0.15s ease-in-out, 0.7s filter 0.15s ease-in-out; -o-transition: 0.7s opacity 0.15s ease-in-out, 0.7s top 0.15s ease-in-out, 0.7s -webkit-filter 0.15s ease-in-out, 0.7s -moz-filter 0.15s ease-in-out, 0.7s -o-filter 0.15s ease-in-out, 0.7s -ms-filter 0.15s ease-in-out, 0.7s filter 0.15s ease-in-out; transition: 0.7s opacity 0.15s ease-in-out, 0.7s top 0.15s ease-in-out, 0.7s -webkit-filter 0.15s ease-in-out, 0.7s -moz-filter 0.15s ease-in-out, 0.7s -o-filter 0.15s ease-in-out, 0.7s -ms-filter 0.15s ease-in-out, 0.7s filter 0.15s ease-in-out; } /* line 1008, ../sass/_main.scss */ .stats.animate .stats-number:nth-child(3) { -webkit-transition: 0.7s opacity 0.3s, 0.7s top 0.3s, 0.7s -webkit-filter 0.3s, 0.7s -moz-filter 0.3s, 0.7s -o-filter 0.3s, 0.7s -ms-filter 0.3s, 0.7s filter 0.3s; -webkit-transition-delay: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition: 0.7s opacity 0.3s ease-in-out, 0.7s top 0.3s ease-in-out, 0.7s -webkit-filter 0.3s ease-in-out, 0.7s -moz-filter 0.3s ease-in-out, 0.7s -o-filter 0.3s ease-in-out, 0.7s -ms-filter 0.3s ease-in-out, 0.7s filter 0.3s ease-in-out; -o-transition: 0.7s opacity 0.3s ease-in-out, 0.7s top 0.3s ease-in-out, 0.7s -webkit-filter 0.3s ease-in-out, 0.7s -moz-filter 0.3s ease-in-out, 0.7s -o-filter 0.3s ease-in-out, 0.7s -ms-filter 0.3s ease-in-out, 0.7s filter 0.3s ease-in-out; transition: 0.7s opacity 0.3s ease-in-out, 0.7s top 0.3s ease-in-out, 0.7s -webkit-filter 0.3s ease-in-out, 0.7s -moz-filter 0.3s ease-in-out, 0.7s -o-filter 0.3s ease-in-out, 0.7s -ms-filter 0.3s ease-in-out, 0.7s filter 0.3s ease-in-out; } /* line 1022, ../sass/_main.scss */ .stats.animate .stats-number:nth-child(4) { -webkit-transition: 0.7s opacity 0.45s, 0.7s top 0.45s, 0.7s -webkit-filter 0.45s, 0.7s -moz-filter 0.45s, 0.7s -o-filter 0.45s, 0.7s -ms-filter 0.45s, 0.7s filter 0.45s; -webkit-transition-delay: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition: 0.7s opacity 0.45s ease-in-out, 0.7s top 0.45s ease-in-out, 0.7s -webkit-filter 0.45s ease-in-out, 0.7s -moz-filter 0.45s ease-in-out, 0.7s -o-filter 0.45s ease-in-out, 0.7s -ms-filter 0.45s ease-in-out, 0.7s filter 0.45s ease-in-out; -o-transition: 0.7s opacity 0.45s ease-in-out, 0.7s top 0.45s ease-in-out, 0.7s -webkit-filter 0.45s ease-in-out, 0.7s -moz-filter 0.45s ease-in-out, 0.7s -o-filter 0.45s ease-in-out, 0.7s -ms-filter 0.45s ease-in-out, 0.7s filter 0.45s ease-in-out; transition: 0.7s opacity 0.45s ease-in-out, 0.7s top 0.45s ease-in-out, 0.7s -webkit-filter 0.45s ease-in-out, 0.7s -moz-filter 0.45s ease-in-out, 0.7s -o-filter 0.45s ease-in-out, 0.7s -ms-filter 0.45s ease-in-out, 0.7s filter 0.45s ease-in-out; } /* line 1036, ../sass/_main.scss */ .stats.animate .stats-number:nth-child(5) { -webkit-transition: 0.7s opacity 0.6s, 0.7s top 0.6s, 0.7s -webkit-filter 0.6s, 0.7s -moz-filter 0.6s, 0.7s -o-filter 0.6s, 0.7s -ms-filter 0.6s, 0.7s filter 0.6s; -webkit-transition-delay: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition: 0.7s opacity 0.6s ease-in-out, 0.7s top 0.6s ease-in-out, 0.7s -webkit-filter 0.6s ease-in-out, 0.7s -moz-filter 0.6s ease-in-out, 0.7s -o-filter 0.6s ease-in-out, 0.7s -ms-filter 0.6s ease-in-out, 0.7s filter 0.6s ease-in-out; -o-transition: 0.7s opacity 0.6s ease-in-out, 0.7s top 0.6s ease-in-out, 0.7s -webkit-filter 0.6s ease-in-out, 0.7s -moz-filter 0.6s ease-in-out, 0.7s -o-filter 0.6s ease-in-out, 0.7s -ms-filter 0.6s ease-in-out, 0.7s filter 0.6s ease-in-out; transition: 0.7s opacity 0.6s ease-in-out, 0.7s top 0.6s ease-in-out, 0.7s -webkit-filter 0.6s ease-in-out, 0.7s -moz-filter 0.6s ease-in-out, 0.7s -o-filter 0.6s ease-in-out, 0.7s -ms-filter 0.6s ease-in-out, 0.7s filter 0.6s ease-in-out; } @media only screen and (max-width: 767px) { /* line 1053, ../sass/_main.scss */ .stats.animate.no-animate-xs .stats-number { opacity: 1; top: 0; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } } /* line 1066, ../sass/_main.scss */ .stats.animate.animate-active .stats-number { opacity: 1; top: 0; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } /* line 1301, ../sass/_main.scss */ .transition { position: relative; height: 420px; background: transparent; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 1301, ../sass/_main.scss */ .transition { display: none; } } /* line 1320, ../sass/_main.scss */ .transition~div, .transition~footer { position: relative; z-index: 20; } /* line 1325, ../sass/_main.scss */ .transition canvas, .transition #triangles, .transition #lines, .transition #rain { position: fixed; z-index: 10; top: 0; left: 0; display: block; pointer-events: none; } /* line 1332, ../sass/_main.scss */ .transition #rain { top: -25%; } /* line 1338, ../sass/_main.scss */ .underline { border-bottom: 2px solid white; } /* line 1342, ../sass/_main.scss */ .cursor-default { cursor: default; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ /* line 1355, ../sass/_main.scss */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ /* line 1364, ../sass/_main.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ /* line 1382, ../sass/_main.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ /* line 1395, ../sass/_main.scss */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ /* line 1412, ../sass/_main.scss */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } /* line 1417, ../sass/_main.scss */ .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { /* line 1447, ../sass/_main.scss */ *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } /* line 1456, ../sass/_main.scss */ a, a:visited { text-decoration: underline; } /* line 1460, ../sass/_main.scss */ a[href]:after { content: " ("attr(href) ")"; } /* line 1464, ../sass/_main.scss */ abbr[title]:after { content: " ("attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ /* line 1474, ../sass/_main.scss */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } /* line 1479, ../sass/_main.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ /* line 1489, ../sass/_main.scss */ thead { display: table-header-group; } /* line 1494, ../sass/_main.scss */ tr, img { page-break-inside: avoid; } /* line 1498, ../sass/_main.scss */ img { max-width: 100% !important; } /* line 1504, ../sass/_main.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 1510, ../sass/_main.scss */ h2, h3 { page-break-after: avoid; } } @-webkit-keyframes logo-loading { /* line 23, ../sass/_logo.scss */ 0% { top: 5.69231px; } /* line 24, ../sass/_logo.scss */ 50% { top: 31.30769px; } /* line 25, ../sass/_logo.scss */ 100% { top: 5.69231px; } } @-moz-keyframes logo-loading { /* line 28, ../sass/_logo.scss */ 0% { top: 5.69231px; } /* line 29, ../sass/_logo.scss */ 50% { top: 31.30769px; } /* line 30, ../sass/_logo.scss */ 100% { top: 5.69231px; } } @-o-keyframes logo-loading { /* line 33, ../sass/_logo.scss */ 0% { top: 5.69231px; } /* line 34, ../sass/_logo.scss */ 50% { top: 31.30769px; } /* line 35, ../sass/_logo.scss */ 100% { top: 5.69231px; } } @keyframes logo-loading { /* line 38, ../sass/_logo.scss */ 0% { top: 5.69231px; } /* line 39, ../sass/_logo.scss */ 50% { top: 31.30769px; } /* line 40, ../sass/_logo.scss */ 100% { top: 5.69231px; } } @-webkit-keyframes viewport-small-logo-loading { /* line 44, ../sass/_logo.scss */ 0% { top: 4px; } /* line 45, ../sass/_logo.scss */ 50% { top: 22px; } /* line 46, ../sass/_logo.scss */ 100% { top: 4px; } } @-moz-keyframes viewport-small-logo-loading { /* line 49, ../sass/_logo.scss */ 0% { top: 4px; } /* line 50, ../sass/_logo.scss */ 50% { top: 22px; } /* line 51, ../sass/_logo.scss */ 100% { top: 4px; } } @-o-keyframes viewport-small-logo-loading { /* line 54, ../sass/_logo.scss */ 0% { top: 4px; } /* line 55, ../sass/_logo.scss */ 50% { top: 22px; } /* line 56, ../sass/_logo.scss */ 100% { top: 4px; } } @keyframes viewport-small-logo-loading { /* line 59, ../sass/_logo.scss */ 0% { top: 4px; } /* line 60, ../sass/_logo.scss */ 50% { top: 22px; } /* line 61, ../sass/_logo.scss */ 100% { top: 4px; } } /* line 65, ../sass/_logo.scss */ .logo { float: left; display: block; position: relative; padding: 0 0 0 20px; color: #FFF; line-height: 0; /* Extra Small Devices */ } /* line 76, ../sass/_logo.scss */ .logo:hover, .logo:active, .logo:visited { color: #FFF; } @media only screen and (max-width: 767px) { /* line 65, ../sass/_logo.scss */ .logo { padding-left: 15px; } } /* line 85, ../sass/_logo.scss */ .logo .icon { position: absolute; top: -25.61538px; left: 50%; margin-left: -18.5px; color: #000000; font-size: 25px; line-height: 1; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 85, ../sass/_logo.scss */ .logo .icon { top: -17.33333px; left: 50%; margin-left: -13px; } /* line 102, ../sass/_logo.scss */ .loading .logo .icon { background: url(../image/loading.gif); width: 26px; height: 33px; background-size: 26px; margin-top: -3px; margin-left: -13px; } /* line 109, ../sass/_logo.scss */ .loading .logo .icon .top, .loading .logo .icon .bottom { display: none; } } /* line 115, ../sass/_logo.scss */ .logo .icon .top { position: absolute; top: 0; font-size: 37px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 115, ../sass/_logo.scss */ .logo .icon .top { font-size: 26px; } } /* line 126, ../sass/_logo.scss */ .logo .icon .bottom { position: absolute; top: 31.30769px; margin-left: 7.58974px; font-size: 21.82051px; -webkit-transition: top 0.6s ease-in-out; -moz-transition: top 0.6s ease-in-out; -o-transition: top 0.6s ease-in-out; transition: top 0.6s ease-in-out; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 126, ../sass/_logo.scss */ .logo .icon .bottom { top: 22px; margin-left: 5.33333px; font-size: 15.33333px; } } /* line 139, ../sass/_logo.scss */ .loading .logo .icon .bottom { animation: logo-loading 1.2s infinite; /* Super Extra Small Devices */ } @media only screen and (max-width: 479px) { /* line 139, ../sass/_logo.scss */ .loading .logo .icon .bottom { animation: viewport-small-logo-loading 1.2s infinite; } } /* line 150, ../sass/_logo.scss */ .logo.static { float: none; display: inline-block; position: static; padding-left: inherit; } /* line 157, ../sass/_logo.scss */ .logo.static .icon { position: static; display: inline-block; margin-left: inherit; } /* line 164, ../sass/_logo.scss */ .logo .name { overflow: hidden; display: inline-block; font-family: "Neutra Display Titling"; font-size: 37px; line-height: 1; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 164, ../sass/_logo.scss */ .logo .name { padding-top: 3px; font-size: 27px; line-height: 1; } } /* line 182, ../sass/_logo.scss */ .footer-logo { float: left; display: block; position: relative; margin-top: -25px; padding: 0 0 0 30px; color: #FFF; line-height: 0; } /* line 193, ../sass/_logo.scss */ .footer-logo .icon { position: relative; top: 5.69231px; margin-left: -18.5px; color: black; font-size: 56.92308px; line-height: 0; } /* line 204, ../sass/_logo.scss */ .footer-logo .name { overflow: hidden; display: inline-block; width: 192.58974px; height: 31.30769px; margin-left: 31.30769px; font-size: 29.41026px; line-height: 1; color: black; } /* line 2, ../sass/_menu.scss */ .menu-open .site-holder { margin-left: -750px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 2, ../sass/_menu.scss */ .menu-open .site-holder { margin-left: -90%; } } /* line 11, ../sass/_menu.scss */ .menu-open .menu-holder { right: 0; } /* line 16, ../sass/_menu.scss */ .site-holder { position: relative; margin-left: 0; -webkit-transition: margin-left 0.3s ease-in-out; -moz-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; } /* line 23, ../sass/_menu.scss */ .menu-holder { display: block; position: fixed; z-index: 100; top: 0; right: -750px; width: 750px; height: 100%; background: black; /* Extra Small Devices */ -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } @media only screen and (max-width: 767px) { /* line 23, ../sass/_menu.scss */ .menu-holder { width: 90%; right: -90%; } } /* line 40, ../sass/_menu.scss */ .menu-holder .logo .icon { width: 68px; height: 80px; color: #00ffaa; font-size: 88px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 40, ../sass/_menu.scss */ .menu-holder .logo .icon { font-size: 60px; width: 46px; height: 56px; } } /* line 56, ../sass/_menu.scss */ .menu-holder nav { margin-top: 60px; font-size: 30px; font-family: "Neutra Display Titling"; text-transform: uppercase; color: white; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 56, ../sass/_menu.scss */ .menu-holder nav { margin-top: 40px; font-size: 25px; } } /* line 72, ../sass/_menu.scss */ .menu-holder nav a { border-bottom: 3px solid rgba(0, 255, 170, 0); color: white; text-decoration: none; /* Extra Small Devices */ -webkit-transition: border-bottom 0.25s ease-in-out; -moz-transition: border-bottom 0.25s ease-in-out; -o-transition: border-bottom 0.25s ease-in-out; transition: border-bottom 0.25s ease-in-out; } @media only screen and (max-width: 767px) { /* line 72, ../sass/_menu.scss */ .menu-holder nav a { border-bottom-width: 3px; } } /* line 85, ../sass/_menu.scss */ .menu-holder nav a:hover, .menu-holder nav a.active { border-bottom-color: #ffffff; } /* line 89, ../sass/_menu.scss */ .menu-holder nav a:hover { border-bottom-color: rgba(0, 255, 170, 1); } /* line 95, ../sass/_menu.scss */ .menu-holder .close-btn { position: absolute; top: 23px; right: 30px; color: #00ffaa; font-size: 21px; cursor: pointer; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 95, ../sass/_menu.scss */ .menu-holder .close-btn { top: 20px; right: 20px; } } /* line 110, ../sass/_menu.scss */ .menu-holder .bottom { position: absolute; bottom: 30px; left: 0; width: 100%; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 110, ../sass/_menu.scss */ .menu-holder .bottom { bottom: 20px; } } /* line 121, ../sass/_menu.scss */ .menu-holder .bottom .share b { margin-right: 10px; color: white; font-weight: 600; } /* line 128, ../sass/_menu.scss */ .menu-holder .bottom .share a { display: inline-block; width: 24px; height: 24px; padding: 3px 0 0; background: white; border-radius: 50%; color: black; font-size: 12px; text-align: center; -webkit-transition: all 0.12s ease-in-out; -moz-transition: all 0.12s ease-in-out; -o-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } /* line 142, ../sass/_menu.scss */ .menu-holder .bottom .share a:hover { background: #00ffaa; color: black; } /* line 147, ../sass/_menu.scss */ .menu-holder .bottom .share a.social-twitter { padding-top: 4px; text-indent: -1px; font-size: 0.8em; } /* line 153, ../sass/_menu.scss */ .menu-holder .bottom .share a.social-twitter:before { position: relative; top: 2px; left: 1px; } /* line 160, ../sass/_menu.scss */ .menu-holder .bottom .share a.social-linkedin { padding-top: 4px; font-size: 0.8em; } /* line 1, ../sass/_header.scss */ .header-collapsed { margin-top: 120px; /* Extra Small Devices */ } /* line 4, ../sass/_header.scss */ .fixed-header.header-collapsed { margin-top: 20px; } @media only screen and (max-width: 767px) { /* line 1, ../sass/_header.scss */ .fixed-header { margin-top: 60px; } } /* line 13, ../sass/_header.scss */ header { height: 90px; overflow: hidden; background: #000000; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 13, ../sass/_header.scss */ header { height: 60px; } } /* line 24, ../sass/_header.scss */ header .header-container { position: relative; height: 100%; } /* line 29, ../sass/_header.scss */ .fixed-header header { position: fixed; z-index: 100; top: 0; width: 100%; height: 90px; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 29, ../sass/_header.scss */ .fixed-header header { height: 60px; } } /* line 41, ../sass/_header.scss */ .fixed-header header.loading { height: 100%; } /* line 44, ../sass/_header.scss */ .fixed-header header.loading nav ul li { opacity: 0; } /* line 50, ../sass/_header.scss */ .header-collapsed header { /* 页面向下滚动时的页眉高度 */ height: 70px; } /* line 53, ../sass/_header.scss */ .header-collapsed header:hover { /* 页眉初始高度 */ height: 90px; } /* line 56, ../sass/_header.scss */ .header-collapsed header:hover .logo .icon { top: -17.33333px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 56, ../sass/_header.scss */ .header-collapsed header:hover .logo .icon { margin-left: -13px; } } /* line 66, ../sass/_header.scss */ .header-collapsed header:hover .logo .name { opacity: 1; } /* line 70, ../sass/_header.scss */ .header-collapsed header:hover nav ul li.hidden-xs { opacity: 1; } /* line 74, ../sass/_header.scss */ .header-collapsed header:hover nav ul li.open-menu { /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 74, ../sass/_header.scss */ .header-collapsed header:hover nav ul li .open-menu { margin-top: 0px; } } /* line 80, ../sass/_header.scss */ .header-collapsed header:hover nav ul li.open-menu img { margin-top: -3px; } /* line 117, ../sass/_header.scss */ .header-collapsed header nav ul li.hidden-xs { opacity: 0; } /* line 121, ../sass/_header.scss */ .header-collapsed header .logo .name { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } /* line 127, ../sass/_header.scss */ .header-collapsed header .logo .icon { top: -13.33333px; left: 50%; margin-left: -13px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear; -moz-transition: top 0.2s linear, -moz-transform 0.2s linear; -o-transition: top 0.2s linear, -o-transform 0.2s linear; transition: top 0.2s linear, transform 0.2s linear; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 127, ../sass/_header.scss */ .header-collapsed header .logo .icon { margin-left: -11px; } } /* line 142, ../sass/_header.scss */ .header-collapsed header .logo .icon .top { font-size: 26px; } /* line 146, ../sass/_header.scss */ .header-collapsed header .logo .icon .bottom { top: 22px; margin-left: 5.33333px; font-size: 15.33333px; } /* line 152, ../sass/_header.scss */ .header-collapsed header nav ul li.open-menu { /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 152, ../sass/_header.scss */ .header-collapsed header nav ul li.open-menu { margin-top: -2px; line-height: 1; } } /* line 160, ../sass/_header.scss */ .header-collapsed header nav ul li.open-menu img { margin-top: -1px; } /* line 164, ../sass/_header.scss */ .header-collapsed header nav ul li.open-menu i { top: 2px; } /* line 170, ../sass/_header.scss */ header nav { float: right; margin-top: 11px; margin-right: 30px; color: white; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 170, ../sass/_header.scss */ header nav { margin-right: 15px; } } /* line 186, ../sass/_header.scss */ .menu-open header nav { opacity: 0; } /* line 190, ../sass/_header.scss */ header nav ul { margin-top: -4px; list-style: none; opacity: 1; } /* line 196, ../sass/_header.scss */ header nav ul li { display: inline-block; margin: 0 0 0 10px; font-size: 18px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } /* line 205, ../sass/_header.scss */ header nav ul li.open-menu { margin-left: 20px; margin-bottom: 20px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 205, ../sass/_header.scss */ header nav ul li.open-menu { margin-top: -5px; } } /* line 213, ../sass/_header.scss */ header nav ul li.open-menu i { position: relative; display: block; top: 3px; } /* line 219, ../sass/_header.scss */ header nav ul li.open-menu .svg-menu { height: 19px; margin-top: -3px; } /* line 225, ../sass/_header.scss */ header nav ul li a { font-weight: 400; } /* line 228, ../sass/_header.scss */ header nav ul li a b { color: #00ffaa; } /* line 232, ../sass/_header.scss */ header nav ul li a i { font-size: 23px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 232, ../sass/_header.scss */ header nav ul li a i { font-size: 21px; } } /* line 1, ../sass/_footer.scss */ footer { background: #000; color: #FFF; font-size: 13px; font-weight: 600; text-align: center; padding: 10px 0; border-top: 1px solid #181818; bottom: 0; position: absolute; width: 100%; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 1, ../sass/_footer.scss */ footer { padding: 10px 0; } } /* line 20, ../sass/_footer.scss */ footer .share b { margin-right: 10px; font-weight: 600; } /* line 26, ../sass/_footer.scss */ footer .share a { display: inline-block; width: 24px; height: 24px; padding: 3px 0 0; background: black; border-radius: 50%; text-align: center; font-size: 12px; -webkit-transition: all 0.12s ease-in-out; -moz-transition: all 0.12s ease-in-out; -o-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } /* line 40, ../sass/_footer.scss */ footer .share a:hover { background: #00ffaa; color: black; } /* line 45, ../sass/_footer.scss */ footer .share a.social-twitter { padding-top: 4px; text-indent: -1px; font-size: 0.8em; } /* line 52, ../sass/_footer.scss */ footer .share a.social-linkedin { padding-top: 4px; font-size: 0.8em; } /* line 59, ../sass/_footer.scss */ footer nav { float: left; margin-left: 20px; /* Large Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 1569px) { /* line 59, ../sass/_footer.scss */ footer nav { display: none; } } @media only screen and (max-width: 767px) { /* line 59, ../sass/_footer.scss */ footer nav { display: block; } } /* line 73, ../sass/_footer.scss */ footer nav ul { margin: 0; padding: 0; list-style: none; } /* line 78, ../sass/_footer.scss */ footer nav ul li { float: left; margin: 0 0 0 20px; font-weight: 900; } /* line 84, ../sass/_footer.scss */ footer nav ul li:first-child { margin-left: 20px; margin-right: 20px; } /* line 89, ../sass/_footer.scss */ footer nav ul li.active a, footer nav ul li a:hover { border-bottom-color: black; color: black; } /* line 95, ../sass/_footer.scss */ footer nav ul li a { display: inline-block; padding-bottom: 1px; border-bottom: 2px solid rgba(0, 0, 0, 0); -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; color: black; text-decoration: none; } /* line 106, ../sass/_footer.scss */ footer nav ul li a:active, footer nav ul li a:focus { color: black; text-decoration: none; } /* line 115, ../sass/_footer.scss */ footer .share-copyright-holder { /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 115, ../sass/_footer.scss */ footer .share-copyright-holder { text-align: center; } } /* line 122, ../sass/_footer.scss */ footer .copyright { margin-left: 10px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 122, ../sass/_footer.scss */ footer .copyright { display: inline-block; } } /* line 1, ../sass/_hero.scss */ .hero { position: relative; background: #000000; } /* line 6, ../sass/_hero.scss */ .hero.window-fixed { position: fixed; top: 0; width: 100%; } /* line 11, ../sass/_hero.scss */ .hero.window-fixed~div, .hero.window-fixed~footer { position: relative; z-index: 20; } /* line 17, ../sass/_hero.scss */ .hero .content { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } /* line 22, ../sass/_hero.scss */ .hero .content .content-container { position: relative; padding: 60px 0; } /* line 27, ../sass/_hero.scss */ .hero .content .line { display: block; position: absolute; width: 2px; height: 100%; top: 0; /* left: 50px; */ background: #00ffaa; /* Extra Small Devices */ } /* line 36, ../sass/_hero.scss .hero .content .line:before { content: ''; display: block; position: absolute; top: -6px; left: -5px; width: 12px; height: 12px; background: #00ffaa; border-radius: 50%; }*/ @media only screen and (max-width: 767px) { /* line 27, ../sass/_hero.scss */ .hero .content .line { display: none; } } /* line 53, ../sass/_hero.scss */ .hero .content .text { margin-left: 98px; /* Extra Small Devices */ } /* line 56, ../sass/_hero.scss */ .hero .content .text.no-line { margin-left: 0; } @media only screen and (max-width: 767px) { /* line 53, ../sass/_hero.scss */ .hero .content .text { margin-left: 0; } } /* line 66, ../sass/_hero.scss */ .hero .content .container { height: 100%; } /* line 70, ../sass/_hero.scss */ .hero .content h1 { font-size: 80px; color: white; line-height: 0.85; /* Extra Small Devices */ /* Super Extra Small Devices */ } /* Mobile Subscription H1*/ #mobsub { color: #00ffaa; } /* Mobile Subscription Triangle*/ #mobtri { font-size: 52px; color: #ec008c; } @media only screen and (max-width: 767px) { /* line 70, ../sass/_hero.scss */ .hero .content h1 { font-size: 45px; line-height: 0.94; } /* Mobile Subscription Triangle*/ #mobtri { font-size: 30px; color: #ec008c; } } @media only screen and (max-width: 374px) { /* line 70, ../sass/_hero.scss */ .hero .content h1 { font-size: 35px; } /* Mobile Subscription Triangle*/ #mobtri { font-size: 25px; color: #ec008c; } } /* line 88, ../sass/_hero.scss */ .hero .content p { margin: 30px 0; padding: 0; color: white; font-weight: 300; font-size: 24px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 88, ../sass/_hero.scss */ .hero .content p { margin-top: 20px; margin-bottom: 20px; font-size: 16px; } } /* line 105, ../sass/_hero.scss */ .hero .back { overflow: hidden; } /* line 108, ../sass/_hero.scss */ .hero .back .back-container { position: relative; } /* line 111, ../sass/_hero.scss */ .hero .back .back-container img, .hero .back .back-container video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 123, ../sass/_hero.scss */ .hero.animate .content .line { height: 0%; -webkit-transition: height 0.4s ease-in-out; -webkit-transition-delay: 0.2s; -moz-transition: height 0.4s ease-in-out 0.2s; -o-transition: height 0.4s ease-in-out 0.2s; transition: height 0.4s ease-in-out 0.2s; } /* line 127, ../sass/_hero.scss */ .hero.animate .content .line:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 133, ../sass/_hero.scss */ .hero.animate .content .text { position: relative; left: -67px; opacity: 0; -webkit-transition: left 0.2s ease-in-out, opacity 0.5s ease-in-out; -webkit-transition-delay: 0.4s, 0.4s; -moz-transition: left 0.2s ease-in-out 0.4s, opacity 0.5s ease-in-out 0.4s; -o-transition: left 0.2s ease-in-out 0.4s, opacity 0.5s ease-in-out 0.4s; transition: left 0.2s ease-in-out 0.4s, opacity 0.5s ease-in-out 0.4s; } /* line 147, ../sass/_hero.scss */ .hero.animate.animate-active .content .line { height: 100%; } /* line 150, ../sass/_hero.scss */ .hero.animate.animate-active .content .line:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* line 155, ../sass/_hero.scss */ .hero.animate.animate-active .content .text { opacity: 1; left: 0; } /* line 2, ../sass/_triangles.scss */ #triangles i { display: block; width: 0; height: 0; border-style: solid; } /* line 7, ../sass/_triangles.scss */ #triangles i.opacity { opacity: 0.5; } /* line 11, ../sass/_triangles.scss */ #triangles i.triangle-top { border-width: 0 50px 100px 50px; border-color: transparent transparent #00ffaa transparent; } /* line 15, ../sass/_triangles.scss */ #triangles i.triangle-top.lg { border-width: 0 150px 300px 150px; } /* line 19, ../sass/_triangles.scss */ #triangles i.triangle-top.md { border-width: 0 75px 150px 75px; } /* line 23, ../sass/_triangles.scss */ #triangles i.triangle-top.sm { border-width: 0 25px 50px 25px; } /* line 27, ../sass/_triangles.scss */ #triangles i.triangle-top.xs { border-width: 0 12.5px 25px 12.5px; } /* line 31, ../sass/_triangles.scss */ #triangles i.triangle-top.xxs { border-width: 0 6px 12px 6px; } /* line 36, ../sass/_triangles.scss */ #triangles i.triangle-bottom { border-width: 100px 50px 0 50px; border-color: #00ffaa transparent transparent transparent; } /* line 40, ../sass/_triangles.scss */ #triangles i.triangle-bottom.big { border-width: 300px 150px 0 150px; } /* line 44, ../sass/_triangles.scss */ #triangles i.triangle-bottom.lg { border-width: 300px 150px 0 150px; } /* line 48, ../sass/_triangles.scss */ #triangles i.triangle-bottom.md { border-width: 150px 75px 0 75px; } /* line 52, ../sass/_triangles.scss */ #triangles i.triangle-bottom.sm { border-width: 50px 25px 0 25px; } /* line 56, ../sass/_triangles.scss */ #triangles i.triangle-bottom.xs { border-width: 25px 12.5px 0 12.5px; } /* line 60, ../sass/_triangles.scss */ #triangles i.triangle-bottom.xxs { border-width: 12px 6px 0 6px; } /* line 1, ../sass/_lines.scss */ #lines { width: 100%; height: 100%; } /* line 5, ../sass/_lines.scss */ #lines i { position: absolute; display: block; width: 100%; left: 0; background: #000000; height: 50px; } /* line 14, ../sass/_lines.scss */ #lines i.opacity { opacity: 0.5; } /* line 18, ../sass/_lines.scss */ #lines i.xxlg { height: 100px; } /* line 22, ../sass/_lines.scss */ #lines i.xlg { height: 75px; } /* line 26, ../sass/_lines.scss */ #lines i.lg { height: 50px; } /* line 30, ../sass/_lines.scss */ #lines i.md { height: 25px; } /* line 34, ../sass/_lines.scss */ #lines i.sm { height: 12px; } /* line 38, ../sass/_lines.scss */ #lines i.xs { height: 6px; } /* line 42, ../sass/_lines.scss */ #lines i.xxs { height: 3px; } /* line 1, ../sass/_rain.scss */ #rain { width: 100%; height: 100%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* line 7, ../sass/_rain.scss */ #rain i { display: block; background: #000000; width: 50px; height: 150px; } /* line 14, ../sass/_rain.scss */ #rain i.opacity { opacity: 0.5; } /* line 18, ../sass/_rain.scss */ #rain i.xxlg { width: 100px; height: 300px; } /* line 23, ../sass/_rain.scss */ #rain i.xlg { width: 75px; height: 225px; } /* line 28, ../sass/_rain.scss */ #rain i.lg { width: 40px; height: 220px; } /* line 33, ../sass/_rain.scss */ #rain i.md { width: 23px; height: 126px; } /* line 38, ../sass/_rain.scss */ #rain i.sm { width: 10px; height: 55px; } /* line 43, ../sass/_rain.scss */ #rain i.xs { width: 6px; height: 18px; } /* line 48, ../sass/_rain.scss */ #rain i.xxs { width: 3px; height: 9px; } /* line 2, ../sass/_page_home.scss */ .page-home .global-mobile { /* Extra Small Devices */ } @media only screen and (max-width: 1025px) { /* line 2, ../sass/_page_home.scss */ .page-home .global-mobile { padding-top: 50px; } } /* line 8, ../sass/_page_home.scss */ .mobile .page-home .global-mobile { padding-top: 50px; } /* line 12, ../sass/_page_home.scss */ .page-home .global-mobile.animate { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } /* line 17, ../sass/_page_home.scss */ .page-home .global-mobile.animate.animate-active { opacity: 1; } /* line 22, ../sass/_page_home.scss */ .page-home .global-mobile h1 { margin-bottom: 30px; /* Extra Small Devices */ } @media only screen and (max-width: 1025px) { /* line 22, ../sass/_page_home.scss */ .page-home .global-mobile h1 { margin-bottom: 20px; } } /* line 30, ../sass/_page_home.scss */ .mobile .page-home .global-mobile h1 { margin-bottom: 20px; } /* line 34, ../sass/_page_home.scss */ .page-home .global-mobile h1 i { display: inline-block; height: 60px; margin-bottom: 30px; font-size: 65px; /* Extra Small Devices */ } @media only screen and (max-width: 1025px) { /* line 34, ../sass/_page_home.scss */ .page-home .global-mobile h1 i { height: 60px; } } /* line 46, ../sass/_page_home.scss */ .mobile .page-home .global-mobile h1 i { height: 60px; } @media only screen and (max-width: 767px) { /* line 34, ../sass/_page_home.scss */ .page-home .global-mobile h1 i { width: 35px; height: 40px; margin-bottom: 15px; font-size: 45px; } } /* line 62, ../sass/_page_home.scss */ .page-home .global-mobile p { padding: 0 53px; line-height: 1.5; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 62, ../sass/_page_home.scss */ .page-home .global-mobile p { padding-left: 20px; padding-right: 20px; } } /* line 72, ../sass/_page_home.scss */ .page-home .global-mobile p a { color: black; font-weight: bold; text-decoration: none; border-bottom: 3px solid black; -webkit-transition: border-bottom 0.25s ease-in-out; -moz-transition: border-bottom 0.25s ease-in-out; -o-transition: border-bottom 0.25s ease-in-out; transition: border-bottom 0.25s ease-in-out; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 72, ../sass/_page_home.scss */ .page-home .global-mobile p a { border-bottom-width: 2px; } } /* line 87, ../sass/_page_home.scss */ .page-home .global-mobile p a:hover { border-bottom-color: rgba(0, 0, 0, 0); } /* line 94, ../sass/_page_home.scss */ .page-home .global-mobile figure { float: left; height: 237px; margin: 0; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 94, ../sass/_page_home.scss */ .page-home .global-mobile figure { height: 237px; } } /* line 105, ../sass/_page_home.scss */ .page-home .global-mobile figure img { height: 100%; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 105, ../sass/_page_home.scss */ .page-home .global-mobile figure img { width: 100%; } } /* line 115, ../sass/_page_home.scss */ .page-home .global-mobile .figure-holder { /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 115, ../sass/_page_home.scss */ .page-home .global-mobile .figure-holder { width: 35%; padding-right: 0; } } /* line 123, ../sass/_page_home.scss */ .page-home .global-mobile .figcaption-holder { /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 123, ../sass/_page_home.scss */ .page-home .global-mobile .figcaption-holder { position: absolute; left: 40%; width: 60%; height: 100%; padding-left: 0; padding-right: 0; } } /* line 133, ../sass/_page_home.scss */ .page-home .global-mobile figcaption { float: left; height: 137px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 133, ../sass/_page_home.scss */ .page-home .global-mobile figcaption { height: 100%; } } /* line 142, ../sass/_page_home.scss */ .page-home .global-mobile figcaption p { margin: 0; padding: 19px 70px 0 0; /* Extra Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 142, ../sass/_page_home.scss */ .page-home .global-mobile figcaption p { padding-top: 10px; padding-right: 12px; line-height: 1.3; font-size: 13px; } } @media only screen and (max-width: 374px) { /* line 142, ../sass/_page_home.scss */ .page-home .global-mobile figcaption p { font-size: 11px; } } /* line 162, ../sass/_page_home.scss */ .page-home .global-mobile .content { margin-top: 45px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 162, ../sass/_page_home.scss */ .page-home .global-mobile .content { margin-top: 0px; } } /* line 170, ../sass/_page_home.scss */ .page-home .global-mobile .content>div { /* Extra Small Devices */ } @media only screen and (max-width: 1025px) { /* line 170, ../sass/_page_home.scss */ .page-home .global-mobile .content>div { margin-top: 25px; } } /* line 176, ../sass/_page_home.scss */ .mobile .page-home .global-mobile .content>div { margin-top: 25px; } /* line 180, ../sass/_page_home.scss */ .page-home .global-mobile .content>div:first-child { /* Extra Small Devices */ } @media only screen and (max-width: 374px) { /* line 180, ../sass/_page_home.scss */ .page-home .global-mobile .content>div:first-child { margin-top: 0; } } /* line 190, ../sass/_page_home.scss */ .page-home .section.more-info { position: relative; background: linear-gradient(to right, #1d1d1d 0%, #1d1d1d 50%, #00ffaa 50%, #00ffaa 100%); /* Small Devices */ } /* line 195, ../sass/_page_home.scss */ .page-home .section.more-info .links { position: absolute; z-index: 3; width: 100%; height: 100%; background: transparent; pointer-events: none; /* Small Devices */ } @media only screen and (max-width: 991px) { /* line 195, ../sass/_page_home.scss */ .page-home .section.more-info .links { display: none; } } /* line 208, ../sass/_page_home.scss */ .page-home .section.more-info .links a { display: block; position: absolute; width: 50%; height: 100%; top: 0; left: 0; background: transparent; border: 20px solid transparent; -webkit-transition: border-color 0.1s linear; -moz-transition: border-color 0.1s linear; -o-transition: border-color 0.1s linear; transition: border-color 0.1s linear; } /* line 220, ../sass/_page_home.scss */ .page-home .section.more-info .links a:first-child:hover { border-color: white; } /* line 225, ../sass/_page_home.scss */ .page-home .section.more-info .links a:last-child { left: inherit; right: 0; } /* line 229, ../sass/_page_home.scss */ .page-home .section.more-info .links a:last-child:hover { border-color: white; } /* line 237, ../sass/_page_home.scss */ .page-home .section.more-info .container { position: relative; z-index: 2; } @media only screen and (max-width: 991px) { /* line 190, ../sass/_page_home.scss */ .page-home .section.more-info { background: transparent; padding: 0; cursor: default; } /* line 276, ../sass/_page_home.scss */ .page-home .section.more-info::after, .page-home .section.more-info::before { display: none; } } /* line 281, ../sass/_page_home.scss */ .page-home .section.more-info .device-container { display: inline-table; margin: auto; padding: 0; text-align: left; /* Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 281, ../sass/_page_home.scss */ .page-home .section.more-info .device-container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 479px) { /* line 281, ../sass/_page_home.scss */ .page-home .section.more-info .device-container { display: block; width: inherit; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 15px; } } /* line 310, ../sass/_page_home.scss */ .page-home .section.more-info>.container { /* Small Devices */ } @media only screen and (max-width: 991px) { /* line 310, ../sass/_page_home.scss */ .page-home .section.more-info>.container { width: 100%; padding-left: 0; padding-right: 0; } } /* line 319, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers { background: #1d1d1d; /* padding-top: 100px; padding-bottom: 100px; */ padding-top: 60px; padding-bottom: 60px; /* Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 319, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 479px) { /* line 319, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers { padding-top: 50px; padding-bottom: 50px; } } /* line 337, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers .btn:hover { background: white; color: black; } /* line 343, ../sass/_page_home.scss */ .page-home .section.more-info .affiliates { background: #00ffaa; padding-top: 100px; padding-bottom: 100px; /* Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 343, ../sass/_page_home.scss */ .page-home .section.more-info .affiliates { padding-top: 40px; padding-bottom: 40px; padding-left: 15px; } } @media only screen and (max-width: 479px) { /* line 343, ../sass/_page_home.scss */ .page-home .section.more-info .affiliates { padding-top: 50px; padding-bottom: 50px; } } /* line 363, ../sass/_page_home.scss */ .page-home .section.more-info .affiliates .btn:hover { background: black; color: white; } /* line 369, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers, .page-home .section.more-info .affiliates { text-align: center; /* Extra Small Devices */ } /* line 372, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers h2, .page-home .section.more-info .affiliates h2 { margin: 8px 0 30px; font-size: 26px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 372, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers h2, .page-home .section.more-info .affiliates h2 { font-size: 18px; } } @media only screen and (max-width: 374px) { /* line 372, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers h2, .page-home .section.more-info .affiliates h2 { margin-top: 0; margin-bottom: 15px; line-height: 1.2; } } @media only screen and (max-width: 340px) { /* line 369, ../sass/_page_home.scss */ .page-home .section.more-info .advertisers, .page-home .section.more-info .affiliates { padding-left: 0; } } /* line 401, ../sass/_page_home.scss */ .page-home .section.more-info p { color: white; font-weight: 900; font-size: 14px; text-transform: uppercase; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 401, ../sass/_page_home.scss */ .page-home .section.more-info p { font-size: 19px; } } /* line 413, ../sass/_page_home.scss */ .page-home .section.more-info ul { list-style: none; margin: 15px 0 53px; padding: 0; /* Small Devices */ } @media only screen and (max-width: 991px) { /* line 413, ../sass/_page_home.scss */ .page-home .section.more-info ul { margin-bottom: 30px; } } /* line 422, ../sass/_page_home.scss */ .page-home .section.more-info ul li { position: relative; color: white; font-size: 16px; font-weight: 400; padding: 11px 0; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 422, ../sass/_page_home.scss */ .page-home .section.more-info ul li { padding: 5px 0; font-size: 15px; } } @media only screen and (max-width: 374px) { /* line 422, ../sass/_page_home.scss */ .page-home .section.more-info ul li { font-size: 13px; } } /* line 444, ../sass/_page_home.scss */ .page-home .section.more-info ul li i { display: block; position: absolute; top: 7px; left: 0; font-size: 22px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 444, ../sass/_page_home.scss */ .page-home .section.more-info ul li i { top: 5px; font-size: 16px; } } @media only screen and (max-width: 374px) { /* line 444, ../sass/_page_home.scss */ .page-home .section.more-info ul li i { top: 3px; font-size: 15px; } } /* line 465, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-arrow { top: 7px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 465, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-arrow { top: 5px; font-size: 18px; } } @media only screen and (max-width: 374px) { /* line 465, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-arrow { top: 3px; font-size: 15px; } } /* line 481, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-plus { top: 7px; font-size: 22px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 481, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-plus { top: 5px; left: -1px; font-size: 18px; } } @media only screen and (max-width: 767px) { /* line 481, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-plus { top: 3px; left: -1px; font-size: 17px; } } /* line 500, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-close { top: 8px; font-size: 22px; margin-bottom: 15px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 500, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-close { top: 5px; margin-bottom: 30px; font-size: 16px; } } @media only screen and (max-width: 374px) { /* line 500, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-close { top: 4px; font-size: 15px; } } /* line 522, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-diamond { top: 7px; font-size: 23px; /* Extra Small Devices */ /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 522, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-diamond { left: -2px; font-size: 21px; } } @media only screen and (max-width: 374px) { /* line 522, ../sass/_page_home.scss */ .page-home .section.more-info ul li i.fonticons-diamond { top: 2px; left: -2px; font-size: 18px; } } /* line 541, ../sass/_page_home.scss */ .page-home .section.more-info ul li span, .page-home .section.more-info ul li a { margin-left: 42px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 541, ../sass/_page_home.scss */ .page-home .section.more-info ul li span, .page-home .section.more-info ul li a { margin-left: 30px; } } /* line 550, ../sass/_page_home.scss */ .page-home .section.more-info ul li a { font-weight: 600; border-bottom: 2px solid #000000; } /* line 2, ../sass/_page_affiliates.scss */ .page-affiliates .transition { height: 750px; } /* line 6, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates { background-image: linear-gradient(rgba(255, 255, 255, 0.05), transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 2px, transparent 2px); background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px; background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px; } /* line 14, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h2, .page-affiliates .affiliates h3, .page-affiliates .affiliates h4, .page-affiliates .affiliates p { color: white; } /* line 15, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h2 small, .page-affiliates .affiliates h3 small, .page-affiliates .affiliates h4 small, .page-affiliates .affiliates p small { color: white; } /* line 21, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h2 { margin-bottom: 75px; font-size: 83px; /* Medium Devices / Desktops */ /* Extra Small Devices */ /* Super Extra Small Devices */ } /* line 26, ../sass/_page_affiliates.scss */ .mobile .page-affiliates .affiliates h2 { padding-top: 65px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 26, ../sass/_page_affiliates.scss */ .mobile .page-affiliates .affiliates h2 { padding-top: 0; } } @media only screen and (max-width: 1199px) { /* line 21, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h2 { margin-bottom: 60px; font-size: 80px; } } @media only screen and (max-width: 767px) { /* line 21, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h2 { font-size: 60px; } } @media only screen and (max-width: 479px) { /* line 21, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h2 { font-size: 40px; } } /* line 53, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h3 { margin-bottom: 23px; font-size: 27px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 53, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h3 { font-size: 23px; } } /* line 63, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h4 { margin-bottom: 15px; font-size: 17px; } /* line 68, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates h4 small { font-size: 90%; font-family: "Gotham"; font-weight: normal; font-style: italic; } /* line 76, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article { position: relative; margin-bottom: 45px; } /* line 81, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article i { position: absolute; top: -3px; left: 0; font-size: 21px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 81, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article i { font-size: 20px; } } /* line 91, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article i~* { margin-left: 33px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 91, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article i~* { margin-left: 35px; } } /* line 101, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article section { margin-top: 27px; margin-bottom: 27px; } /* line 105, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article section.extra-margin-top { margin-top: 42px; } /* line 109, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article section img { margin-right: 15px; margin-bottom: 16px; /* Super Extra Small Devices */ } @media only screen and (max-width: 479px) { /* line 109, ../sass/_page_affiliates.scss */ .page-affiliates .affiliates article section img { width: 83px; margin-top: 10px; } } /* line 10, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h2, .page-advertisers .affiliates h3, .page-advertisers .affiliates h4, .page-advertisers .affiliates p { color: white; } .page-whitelabel .affiliates h2, .page-whitelabel .affiliates h3, .page-whitelabel .affiliates h4, .page-whitelabel .affiliates p { color: white; } .page-rtb .affiliates h2, .page-rtb .affiliates h3, .page-rtb .affiliates h4, .page-rtb .affiliates p { color: white; } /* line 11, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h2 small, .page-advertisers .affiliates h3 small, .page-advertisers .affiliates h4 small, .page-advertisers .affiliates p small { color: white; } .page-whitelabel .affiliates h2 small, .page-whitelabel .affiliates h3 small, .page-whitelabel .affiliates h4 small, .page-whitelabel .affiliates p small { color: white; } .page-rtb .affiliates h2 small, .page-rtb .affiliates h3 small, .page-rtb .affiliates h4 small, .page-rtb .affiliates p small { color: white; } /* line 17, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h2 { margin-bottom: 75px; font-size: 83px; /* Medium Devices / Desktops */ /* Extra Small Devices */ /* Super Extra Small Devices */ } .page-whitelabel .affiliates h2 { margin-bottom: 75px; font-size: 83px; /* Medium Devices / Desktops */ /* Extra Small Devices */ /* Super Extra Small Devices */ } .page-rtb .affiliates h2 { margin-bottom: 75px; font-size: 83px; /* Medium Devices / Desktops */ /* Extra Small Devices */ /* Super Extra Small Devices */ } /* line 22, ../sass/_page_advertisers.scss */ .mobile .page-advertisers .affiliates h2 { padding-top: 65px; /* Extra Small Devices */ } .mobile .page-whitelabel .affiliates h2 { padding-top: 65px; /* Extra Small Devices */ } .mobile .page-rtb .affiliates h2 { padding-top: 65px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 22, ../sass/_page_advertisers.scss */ .mobile .page-advertisers .affiliates h2 { padding-top: 0; } .mobile .page-whitelabel .affiliates h2 { padding-top: 0; } .mobile .page-rtb .affiliates h2 { padding-top: 0; } } @media only screen and (max-width: 1199px) { /* line 17, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h2 { margin-bottom: 60px; font-size: 80px; } .page-whitelabel .affiliates h2 { margin-bottom: 60px; font-size: 80px; } .page-rtb .affiliates h2 { margin-bottom: 60px; font-size: 80px; } } @media only screen and (max-width: 767px) { /* line 17, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h2 { font-size: 60px; } .page-whitelabel .affiliates h2 { font-size: 60px; } .page-rtb .affiliates h2 { font-size: 60px; } } @media only screen and (max-width: 479px) { /* line 17, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h2 { font-size: 40px; } .page-whitelabel .affiliates h2 { font-size: 40px; } .page-rtb .affiliates h2 { font-size: 40px; } } /* line 49, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h3 { margin-bottom: 23px; font-size: 27px; /* Medium Devices / Desktops */ } .page-whitelabel .affiliates h3 { margin-bottom: 23px; font-size: 27px; /* Medium Devices / Desktops */ } .page-rtb .affiliates h3 { margin-bottom: 23px; font-size: 25px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 49, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h3 { font-size: 23px; } .page-whitelabel .affiliates h3 { font-size: 23px; } .page-rtb .affiliates h3 { font-size: 23px; } } /* line 59, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h4 { margin-bottom: 15px; font-size: 17px; } .page-whitelabel .affiliates h4 { margin-bottom: 15px; font-size: 17px; } .page-rtb .affiliates h4 { margin-bottom: 15px; font-size: 17px; } /* line 64, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates h4 small { font-size: 90%; font-family: "Gotham"; font-weight: normal; font-style: italic; } .page-whitelabel .affiliates h4 small { font-size: 90%; font-family: "Gotham"; font-weight: normal; font-style: italic; } .page-rtb .affiliates h4 small { font-size: 90%; font-family: "Gotham"; font-weight: normal; font-style: italic; } /* line 72, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article { position: relative; margin-bottom: 45px; /* Medium Devices / Desktops */ } .page-whitelabel .affiliates article { position: relative; margin-bottom: 45px; /* Medium Devices / Desktops */ } .page-rtb .affiliates article { position: relative; margin-bottom: 45px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 72, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article { margin-bottom: 40px; } .page-whitelabel .affiliates article { margin-bottom: 40px; } .page-rtb .affiliates article { margin-bottom: 40px; } } /* line 82, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article i { position: absolute; top: -3px; left: 0; font-size: 21px; /* Medium Devices / Desktops */ } .page-whitelabel .affiliates article i { position: absolute; top: -3px; left: 0; font-size: 21px; /* Medium Devices / Desktops */ } .page-rtb .affiliates article i { position: absolute; top: -3px; left: 0; font-size: 21px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 82, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article i { font-size: 20px; } .page-whitelabel .affiliates article i { font-size: 20px; } .page-rtb .affiliates article i { font-size: 20px; } } /* line 92, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article i~* { margin-left: 33px; /* Medium Devices / Desktops */ } .page-whitelabel .affiliates article i~* { margin-left: 33px; /* Medium Devices / Desktops */ } .page-rtb .affiliates article i~* { margin-left: 33px; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 92, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article i~* { margin-left: 35px; } .page-whitelabel .affiliates article i~* { margin-left: 35px; } .page-rtb .affiliates article i~* { margin-left: 35px; } } /* line 103, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article section { margin-top: 27px; margin-bottom: 27px; } .page-whitelabel .affiliates article section { margin-top: 27px; margin-bottom: 27px; } .page-rtb .affiliates article section { margin-top: 27px; margin-bottom: 27px; } /* line 107, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article section.extra-margin-top { margin-top: 42px; } .page-whitelabel .affiliates article section.extra-margin-top { margin-top: 42px; } .page-rtb .affiliates article section.extra-margin-top { margin-top: 42px; } /* line 111, ../sass/_page_advertisers.scss */ .page-advertisers .affiliates article section img { margin-right: 15px; } .page-whitelabel .affiliates article section img { margin-right: 15px; } .page-rtb .affiliates article section img { margin-right: 15px; } /* line 9, ../sass/_page_aboutus.scss */ .page-aboutus .the-company h2, .page-aboutus .the-team h2 { margin-bottom: 38px; font-size: 60px; /* Small Devices */ /* Extra Small Devices - 681px */ /* Super Extra Small Devices */ } @media only screen and (max-width: 991px) { /* line 9, ../sass/_page_aboutus.scss */ .page-aboutus .the-company h2, .page-aboutus .the-team h2 { font-size: 60px; margin-bottom: 35px; } } @media only screen and (max-width: 681px) { /* line 9, ../sass/_page_aboutus.scss */ .page-aboutus .the-company h2, .page-aboutus .the-team h2 { font-size: 48px; } } @media only screen and (max-width: 479px) { /* line 9, ../sass/_page_aboutus.scss */ .page-aboutus .the-company h2, .page-aboutus .the-team h2 { font-size: 37px; } } /* line 32, ../sass/_page_aboutus.scss */ .page-aboutus p { padding: 0 15%; /* Medium Devices / Desktops */ } @media only screen and (max-width: 1199px) { /* line 32, ../sass/_page_aboutus.scss */ .page-aboutus p { padding-left: 7%; padding-right: 7%; } } /* line 41, ../sass/_page_aboutus.scss */ .page-aboutus p a { font-weight: bold; border-bottom: 1px solid white; } /* line 51, ../sass/_page_aboutus.scss */ .page-aboutus .section.back-green p a { border-bottom-color: black; color: black; } /* line 58, ../sass/_page_aboutus.scss */ .page-aboutus .team { padding: 45px 0; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 58, ../sass/_page_aboutus.scss */ .page-aboutus .team { padding-top: 30px; padding-bottom: 30px; } } /* line 67, ../sass/_page_aboutus.scss */ .page-aboutus .team>div { position: relative; height: 295px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 67, ../sass/_page_aboutus.scss */ .page-aboutus .team>div { margin-top: 40px; height: auto; } } /* line 77, ../sass/_page_aboutus.scss */ .page-aboutus .team>div img { display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 77, ../sass/_page_aboutus.scss */ .page-aboutus .team>div img { display: inline-block; position: static; bottom: inherit; } } /* line 98, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .line { height: 100%; } /* line 101, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .line:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* line 106, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .text { opacity: 1; left: 0; } /* line 111, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .text h1 span { position: relative; top: -15px; opacity: 0; } /* line 117, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .text h1 span:nth-child(1) { -webkit-transition: 0.2s all 0.15s; -webkit-transition-delay: ease-in-out; -moz-transition: 0.2s all 0.15s ease-in-out; -o-transition: 0.2s all 0.15s ease-in-out; transition: 0.2s all 0.15s ease-in-out; } /* line 121, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .text h1 span:nth-child(2) { top: -93px; -webkit-transition: 0.2s all 0.35s; -webkit-transition-delay: ease-in-out; -moz-transition: 0.2s all 0.35s ease-in-out; -o-transition: 0.2s all 0.35s ease-in-out; transition: 0.2s all 0.35s ease-in-out; /* Super Extra Small Devices */ } @media only screen and (max-width: 479px) { /* line 121, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .text h1 span:nth-child(2) { top: -30px; } } /* line 131, ../sass/_page_aboutus.scss */ .page-aboutus .hero .content .text h1 span:nth-child(3) { -webkit-transition: 0.2s all 0.6s; -webkit-transition-delay: ease-in-out; -moz-transition: 0.2s all 0.6s ease-in-out; -o-transition: 0.2s all 0.6s ease-in-out; transition: 0.2s all 0.6s ease-in-out; } /* line 141, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .line { height: 100%; } /* line 144, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .line:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* line 149, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .text { left: 0; } /* line 153, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .text h1 span { top: 0; opacity: 1; } /* line 157, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .text h1 span.divider { top: -63px; /* Medium Devices / Desktops */ /* Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1199px) { /* line 157, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .text h1 span.divider { top: -51px; } } @media only screen and (max-width: 991px) { /* line 157, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .text h1 span.divider { top: -50px; } } @media only screen and (max-width: 479px) { /* line 157, ../sass/_page_aboutus.scss */ .page-aboutus .hero.animate-active .content .text h1 span.divider { top: -20px; } } /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { margin-top: 23px; font-size: 80px; line-height: 1; color: white; /* Medium Devices / Desktops */ /* Small Devices */ /* Extra Small Devices */ /* Extra Small Devices - 681px */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1570px) { /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { font-size: 90px; } } @media only screen and (max-width: 1199px) { /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { font-size: 80px; } } @media only screen and (max-width: 991px) { /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { font-size: 80px; } } @media only screen and (max-width: 767px) { /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { font-size: 80px; } } @media only screen and (max-width: 681px) { /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { font-size: 60px; text-align: center; } } @media only screen and (max-width: 479px) { /* line 181, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 { font-size: 40px; } } /* line 218, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 .divider { position: relative; display: inline-block; top: -86px; width: 45%; height: 15px; border-bottom: 12px solid white; /* Medium Devices / Desktops */ /* Small Devices */ /* Extra Small Devices - 681px */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1570px) { /* line 218, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 .divider { top: -63px; } } @media only screen and (max-width: 1199px) { /* line 218, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 .divider { top: -51px; border-bottom: 9px solid white; } } @media only screen and (max-width: 991px) { /* line 218, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 .divider { top: -50px; border-bottom: 10px solid white; } } @media only screen and (max-width: 681px) { /* line 218, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 .divider { top: -27px; width: 37%; border-bottom: 7px solid white; } } @media only screen and (max-width: 479px) { /* line 218, ../sass/_page_aboutus.scss */ .page-aboutus .hero h1 .divider { top: -20px; border-bottom: 5px solid white; } } /* line 264, ../sass/_page_aboutus.scss */ .page-aboutus .section-are { padding: 90px 0; /* Medium Devices / Desktops */ /* Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1570px) { /* line 264, ../sass/_page_aboutus.scss */ .page-aboutus .section-are { padding-top: 68px; padding-bottom: 68px; } } @media only screen and (max-width: 1199px) { /* line 264, ../sass/_page_aboutus.scss */ .page-aboutus .section-are { padding-top: 49px; padding-bottom: 38px; } } @media only screen and (max-width: 991px) { /* line 264, ../sass/_page_aboutus.scss */ .page-aboutus .section-are { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (max-width: 479px) { /* line 264, ../sass/_page_aboutus.scss */ .page-aboutus .section-are { padding-top: 35px; padding-bottom: 35px; } } /* line 291, ../sass/_page_aboutus.scss */ .page-aboutus .section-are h1 { font-size: 225px; letter-spacing: 1em; margin-right: -1em; color: #000000; text-align: center; /* Medium Devices / Desktops */ /* Small Devices */ /* Extra Small Devices - 681px */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1570px) { /* line 291, ../sass/_page_aboutus.scss */ .page-aboutus .section-are h1 { font-size: 260px; } } @media only screen and (max-width: 1199px) { /* line 291, ../sass/_page_aboutus.scss */ .page-aboutus .section-are h1 { font-size: 224px; } } @media only screen and (max-width: 991px) { /* line 291, ../sass/_page_aboutus.scss */ .page-aboutus .section-are h1 { font-size: 160px; line-height: 0.8; margin-bottom: -10px; } } @media only screen and (max-width: 681px) { /* line 291, ../sass/_page_aboutus.scss */ .page-aboutus .section-are h1 { font-size: 90px; } } @media only screen and (max-width: 479px) { /* line 291, ../sass/_page_aboutus.scss */ .page-aboutus .section-are h1 { margin-right: -0.6em; font-size: 57px; } } /* line 331, ../sass/_page_aboutus.scss */ .page-aboutus .section-young { padding: 83px 0; /* Small Devices */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1570px) { /* line 331, ../sass/_page_aboutus.scss */ .page-aboutus .section-young { padding-top: 60px; padding-bottom: 60px; } } @media only screen and (max-width: 991px) { /* line 331, ../sass/_page_aboutus.scss */ .page-aboutus .section-young { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (max-width: 479px) { /* line 331, ../sass/_page_aboutus.scss */ .page-aboutus .section-young { padding-top: 30px; padding-bottom: 30px; } } /* line 351, ../sass/_page_aboutus.scss */ .page-aboutus .section-young h1 { font-size: 75px; letter-spacing: 0.5em; margin-right: -0.5em; color: #000000; text-align: center; /* Medium Devices / Desktops */ /* Small Devices */ /* Extra Small Devices - 681px */ /* Super Extra Small Devices */ } @media only screen and (max-width: 1570px) { /* line 351, ../sass/_page_aboutus.scss */ .page-aboutus .section-young h1 { font-size: 64px; } } @media only screen and (max-width: 1199px) { /* line 351, ../sass/_page_aboutus.scss */ .page-aboutus .section-young h1 { font-size: 49px; } } @media only screen and (max-width: 991px) { /* line 351, ../sass/_page_aboutus.scss */ .page-aboutus .section-young h1 { font-size: 40px; } } @media only screen and (max-width: 681px) { /* line 351, ../sass/_page_aboutus.scss */ .page-aboutus .section-young h1 { font-size: 32px; } } @media only screen and (max-width: 479px) { /* line 351, ../sass/_page_aboutus.scss */ .page-aboutus .section-young h1 { margin-right: -6px; font-size: 23px; letter-spacing: 6px; } } /* line 390, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 { position: relative; overflow: hidden; height: 96px; /* Small Devices */ /* Extra Small Devices - 681px */ } @media only screen and (max-width: 991px) { /* line 390, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 { background: transparent url(../image/aboutus-pattern1.png); position: relative; overflow: initial; } /* line 403, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1:after { content: ''; display: block; position: absolute; height: 50%; background: #00ffaa; bottom: -3px; left: 0; z-index: -1; width: 100%; } /* line 415, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1>* { display: none; } } @media only screen and (max-width: 681px) { /* line 390, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 { height: 48px; background-size: 92.5px 48.5px; } } /* line 427, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 .pattern1-green { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 47px; background: transparent url(../image/aboutus-pattern1-green.png); background-repeat-y: no-repeat; background-size: 184px 47px; /* Extra Small Devices - 681px */ } @media only screen and (max-width: 681px) { /* line 427, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 .pattern1-green { height: 23.5px; background-size: 184px 47px; } } /* line 443, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 .pattern1-white { position: absolute; z-index: 1; left: 0; bottom: -50px; width: 100%; height: 97px; background: transparent url(../image/aboutus-pattern1-white.png); background-repeat-y: no-repeat; background-size: 184px 97px; /* Extra Small Devices - 681px */ } /* line 451, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern1 .pattern1-white { bottom: 0; } @media only screen and (max-width: 681px) { /* line 443, ../sass/_page_aboutus.scss */ .page-aboutus .pattern1 .pattern1-white { bottom: -25px; height: 48.5px; background-size: 184px 97px; } /* line 462, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern1 .pattern1-white { bottom: 0; } } /* line 485, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 { position: relative; overflow: hidden; height: 381px; background: #FFF; /* Small Devices */ /* Extra Small Devices - 681px */ } @media only screen and (max-width: 991px) { /* line 485, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 { height: 471px; background: transparent url(../image/aboutus-pattern2.png); background-size: 185px 471px; position: relative; overflow: initial; } /* line 503, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2:before { content: ''; display: block; position: absolute; height: 50%; background: #00ffaa; top: -3px; left: 0; z-index: -1; width: 100%; } /* line 515, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2:after { content: ''; display: block; position: absolute; height: 50%; background: #FFF; bottom: -3px; left: 0; z-index: -1; width: 100%; } /* line 527, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2>* { display: none; } } @media only screen and (max-width: 681px) { /* line 485, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 { height: 235.5px; background-size: 92.5px 235.5px; } } /* line 539, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-1 { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 47px; background: transparent url(../image/aboutus-pattern2-1.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 546, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-1 { opacity: 0; } @media only screen and (max-width: 681px) { /* line 539, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-1 { height: 23.5px; background-size: 93px 23.5px; } } /* line 558, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-2 { position: absolute; z-index: 9; left: 0; top: -81px; width: 100%; height: 81px; background: transparent url(../image/aboutus-pattern2-2.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 565, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-2 { opacity: 0; top: 0; } @media only screen and (max-width: 681px) { /* line 558, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-2 { top: -40.5px; height: 40.5px; background-size: 93px 40.5px; } /* line 577, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-2 { top: 0; } } /* line 583, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-3 { position: absolute; z-index: 8; left: 0; top: -186px; width: 100%; height: 128px; background: transparent url(../image/aboutus-pattern2-3.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 590, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-3 { top: 0; } @media only screen and (max-width: 681px) { /* line 583, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-3 { top: -93px; height: 64px; background-size: 93px 64px; } /* line 601, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-3 { top: 0; } } /* line 607, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-4 { position: absolute; z-index: 7; left: 0; top: -191px; width: 100%; height: 191px; background: transparent url(../image/aboutus-pattern2-4.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 615, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-4 { top: 0; } @media only screen and (max-width: 681px) { /* line 607, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-4 { top: -95.5px; height: 95.5px; background-size: 93px 95.5px; } /* line 626, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-4 { top: 0; } } /* line 632, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-5 { position: absolute; z-index: 6; left: 0; top: -254px; width: 100%; height: 254px; background: transparent url(../image/aboutus-pattern2-5.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 640, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-5 { top: 0; } @media only screen and (max-width: 681px) { /* line 632, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-5 { top: -127px; height: 127px; background-size: 93px 127px; } /* line 651, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-5 { top: 0; } } /* line 657, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-6 { position: absolute; z-index: 5; left: 0; top: -191px; width: 100%; height: 191px; background: transparent url(../image/aboutus-pattern2-4.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 665, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-6 { top: 126px; } @media only screen and (max-width: 681px) { /* line 657, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-6 { top: -95.5px; height: 95.5px; background-size: 93px 95.5px; } /* line 676, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-6 { top: 63px; } } /* line 682, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-7 { position: absolute; z-index: 4; left: 0; top: -254px; width: 100%; height: 254px; background: transparent url(../image/aboutus-pattern2-5.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 690, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-7 { top: 126px; } @media only screen and (max-width: 681px) { /* line 682, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-7 { top: -127px; height: 127px; background-size: 93px 127px; } /* line 701, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-7 { top: 63px; } } /* line 707, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-8 { position: absolute; z-index: 3; left: 0; top: -191px; width: 100%; height: 191px; background: transparent url(../image/aboutus-pattern2-4.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 715, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-8 { top: 0; } @media only screen and (max-width: 681px) { /* line 707, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-8 { top: -95.5px; height: 95.5px; background-size: 93px 95.5px; } /* line 726, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-8 { top: 0; } } /* line 732, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-9 { position: absolute; z-index: 2; left: 0; top: -254px; width: 100%; height: 254px; background: transparent url(../image/aboutus-pattern2-5.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 740, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-9 { top: 0; } @media only screen and (max-width: 681px) { /* line 732, ../sass/_page_aboutus.scss */ .page-aboutus .pattern2 .pattern2-9 { top: -127px; height: 127px; background-size: 93px 127px; } /* line 749, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern2 .pattern2-9 { top: 0; } } /* line 758, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 { position: relative; overflow: hidden; height: 248px; background: #FFF; /* Small Devices */ /* Extra Small Devices - 681px */ } @media only screen and (max-width: 991px) { /* line 758, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 { height: 124px; background: white url(../image/aboutus-pattern3.png); background-size: 92.5px 124px; position: relative; overflow: initial; } /* line 774, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3:before { content: ''; display: block; position: absolute; height: 50%; background: #FFF; top: -3px; left: 0; z-index: -1; width: 100%; } /* line 786, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3:after { content: ''; display: block; position: absolute; height: 50%; background: #000000; bottom: -3px; left: 0; z-index: -1; width: 100%; } /* line 798, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3>* { display: none; } } @media only screen and (max-width: 681px) { /* line 758, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 { height: 62px; background-size: 46.25px 62px; } } /* line 810, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-1 { position: absolute; z-index: 10; left: 0; bottom: 0; width: 100%; height: 248px; background: transparent url(../image/aboutus-pattern3-1.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } @media only screen and (max-width: 681px) { /* line 810, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-1 { height: 124px; background-size: 92.5px 124px; } } /* line 825, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-2 { position: absolute; z-index: 9; left: 0; bottom: -248px; width: 100%; height: 248px; background: transparent url(../image/aboutus-pattern3-2.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 832, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-2 { bottom: 0; } @media only screen and (max-width: 681px) { /* line 825, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-2 { bottom: -124px; height: 124px; background-size: 92.5px 124px; } /* line 843, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-2 { bottom: 0; } } /* line 849, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-3 { position: absolute; z-index: 8; left: 0; bottom: -248px; width: 100%; height: 248px; background: transparent url(../image/aboutus-pattern3-3.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 856, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-3 { bottom: 0; } @media only screen and (max-width: 681px) { /* line 849, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-3 { bottom: -124px; height: 124px; background-size: 92.5px 124px; } /* line 867, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-3 { bottom: 0; } } /* line 873, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-4 { position: absolute; z-index: 7; left: 0; bottom: -248px; width: 100%; height: 248px; background: transparent url(../image/aboutus-pattern3-4.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 880, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-4 { bottom: 0; } @media only screen and (max-width: 681px) { /* line 873, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-4 { bottom: -124px; height: 124px; background-size: 92.5px 124px; } /* line 891, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-4 { bottom: 0; } } /* line 897, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-5 { position: absolute; z-index: 6; left: 0; bottom: -248px; width: 100%; height: 248px; background: transparent url(../image/aboutus-pattern3-5.png); background-repeat-y: no-repeat; /* Extra Small Devices - 681px */ } /* line 904, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-5 { bottom: 0; } @media only screen and (max-width: 681px) { /* line 897, ../sass/_page_aboutus.scss */ .page-aboutus .pattern3 .pattern3-5 { bottom: -124px; height: 124px; background-size: 92.5px 124px; } /* line 915, ../sass/_page_aboutus.scss */ .mobile .page-aboutus .pattern3 .pattern3-5 { bottom: 0; } } /* line 1, ../sass/_page_contact.scss */ .page-html-contact { background: black; } /* line 1, ../sass/_btns.scss */ .btn { display: inline-block; height: 48px; padding: 14px 25px; background: #00ffaa; border-radius: 24px; color: #000000 !important; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 1, ../sass/_btns.scss */ .btn { height: 40px; padding: 10px 19px; font-size: 12px; } } /* line 26, ../sass/_btns.scss */ .btn.small { height: 40px; padding: 10px 19px; font-size: 12px; } /* line 33, ../sass/_btns.scss */ .btn:hover { color: black; background: white; } /* line 38, ../sass/_btns.scss */ .btn.double-padding { height: 56px; padding-top: 17px; padding-left: 50px; padding-right: 50px; border-radius: 28px; /* Extra Small Devices */ } @media only screen and (max-width: 767px) { /* line 38, ../sass/_btns.scss */ .btn.double-padding { height: 40px; border-radius: 32px; padding-top: 11px; padding-left: 38px; padding-right: 38px; } } /* line 57, ../sass/_btns.scss */ .btn.small-font { font-size: 14px; } /* line 61, ../sass/_btns.scss */ .btn.text-white { color: white; } /* line 64, ../sass/_btns.scss */ .btn.text-white:hover { color: black; } /* line 69, ../sass/_btns.scss */ .btn.white { background: white; color: #000000; } /* line 73, ../sass/_btns.scss */ .btn.white:hover { background: black; color: white !important; } /* line 79, ../sass/_btns.scss */ .btn.black { background: black; color: white; } /* line 83, ../sass/_btns.scss */ .btn.black:hover { background: #00ffaa; color: black; } /* line 88, ../sass/_btns.scss */ .btn.black.loading, .btn.black.loading:hover { background: black; color: white; cursor: default; } /* line 96, ../sass/_btns.scss */ .btn.hover-blue:hover { background: #000000; color: white; } /* line 101, ../sass/_btns.scss */ .btn .loading-spinner { position: relative; top: -5px; height: 30px; } .mobile_login { font-family: Neutra Display Titling; font-size: 1.3rem; } @media (min-width: 1000px) { .mobile_login { display: none; } } .social-icons-png img { width: 40px; height: auto; } @media (max-width: 700px) { .social-icons-png img { width: 30px; height: auto; } } .bullets { float: left; margin-right: 10px; } /*SIGN UP MENU*/ header .sign-up-menu { position: relative; } header .sign-up-menu .dropdown-toggle { color: #0fa; font-weight: 700; text-decoration: none; } header .sign-up-menu .dropdown-toggle:hover, header .sign-up-menu .dropdown-toggle:focus, header .sign-up-menu .dropdown-toggle:active { text-decoration: none; } header .sign-up-menu ul.dropdown-menu { top: 125%; left: auto; right: 0; background-color: black; border: none; color: white; } header .sign-up-menu ul.dropdown-menu a.sign-up-item { background-color: black; transform: scale(0.95); } header .sign-up-menu ul.dropdown-menu a.sign-up-item:hover { background-color: black; transform: scale(1); } header .sign-up-menu ul.dropdown-menu a.sign-up-item b { color: white; } header .sign-up-menu ul.dropdown-menu a.sign-up-item b:hover { color: #0fa; } .open-sub-menu.mobile_login { padding: 10px 0 0; font-size: 25px; } .sign-up-menu-mobile { height: 0; overflow: hidden; transition: 0.5s; margin: 5px 0; } .sign-up-menu-mobile .mobile_login { font-size: 20px; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } table { mso-table-lspace: 0; mso-table-rspace: 0; } /* Change the white to any color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { /*border: none !important; -webkit-box-sizing: none !important;*/ -webkit-box-shadow: 0 0 0 50px black inset !important; } /*Change text in autofill textbox*/ input:-webkit-autofill { -webkit-text-fill-color: white !important; } .btn-danger.cancel-redirect { color: #fff !important; background-color: black; border-color: #00ffaa; } .btn-danger.cancel-redirect:focus { color: #fff !important; background-color: black; border-color: #00ffaa; } .btn.continue-redirect { border-color: #00ffaa; } .btn.continue-redirect:hover { border-color: white; } .modal-dialog-centered { position: relative; top: 50%; transform: translateY(-50%) !important; } .stats figure img.nomads-img { height: auto; width: 100%; } .nomads-img.calendar { width: 69% !important; } .number.done.nomads-number { margin-top: 12px; }