img.editable-selectable {cursor: pointer;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display: block
}



audio,canvas,video {
display: inline-block;

*display: inline;

*zoom: 1



}



audio:not([controls]) {



display: none;



height: 0



}



[hidden] {



display: none



}



html {



font-size: 100%;



-webkit-text-size-adjust: 100%;



-ms-text-size-adjust: 100%



}



html,



button,



input,



select,



textarea {



font-family: sans-serif



}



body {



margin: 0



}



a:focus {



outline: thin dotted



}



a:active,



a:hover {



outline: 0



}



h1 {



font-size: 2em;



margin: .67em 0



}



h2 {



font-size: 1.5em;



margin: .83em 0



}



h3 {



font-size: 1.17em;



margin: 1em 0



}



h4 {



font-size: 1em;



margin: 1.33em 0



}



h5 {



font-size: .83em;



margin: 1.67em 0



}



h6 {



font-size: .67em;



margin: 2.33em 0



}



abbr[title] {



border-bottom: 1px dotted



}



b,



strong {



font-weight: bold



}



blockquote {



margin: 1em 40px



}



dfn {



font-style: italic



}



hr {



-moz-box-sizing: content-box;



box-sizing: content-box;



height: 0



}



mark {



background: #ff0;



color: #000



}



p,



pre {



margin: 1em 0



}



code,



kbd,



pre,



samp {



font-family: monospace, serif;



_font-family: 'courier new', monospace;



font-size: 1em



}



pre {



white-space: pre;



white-space: pre-wrap;



word-wrap: break-word



}



q {



quotes: none



}



q:before,



q:after {



content: '';



content: none



}



small {



font-size: 80%



}



sub,



sup {



font-size: 75%;



line-height: 0;



position: relative;



vertical-align: baseline



}



sup {



top: -0.5em



}



sub {



bottom: -0.25em



}



dl,



menu,



ol,



ul {



margin: 1em 0



}



dd {



margin: 0 0 0 40px



}



menu,



ol,



ul {



padding: 0 0 0 40px



}



nav ul,



nav ol {



list-style: none;



list-style-image: none



}



img {



border: 0;



-ms-interpolation-mode: bicubic



}



svg:not(:root) {



overflow: hidden



}



figure {



margin: 0



}



form {



margin: 0



}



fieldset {



border: 1px solid #c0c0c0;



margin: 0 2px;



padding: .35em .625em .75em



}



legend {



border: 0;



padding: 0;



white-space: normal;



*margin-left: -7px



}



button,



input,



select,



textarea {



font-size: 100%;



margin: 0;



vertical-align: baseline;



*vertical-align: middle



}



button,



input {



line-height: normal



}



button,



select {



text-transform: none



}



button,



html input[type="button"],



input[type="reset"],



input[type="submit"] {



-webkit-appearance: button;



cursor: pointer;



*overflow: visible



}



button[disabled],



html input[disabled] {



cursor: default



}



input[type="checkbox"],



input[type="radio"] {



box-sizing: border-box;



padding: 0;



*height: 13px;



*width: 13px



}



input[type="search"] {



-webkit-appearance: textfield;



-moz-box-sizing: content-box;



-webkit-box-sizing: content-box;



box-sizing: content-box



}



input[type="search"]::-webkit-search-cancel-button,



input[type="search"]::-webkit-search-decoration {



-webkit-appearance: none



}



button::-moz-focus-inner,



input::-moz-focus-inner {



border: 0;



padding: 0



}



textarea {



overflow: auto;



vertical-align: top



}



table {



border-collapse: collapse;



border-spacing: 0



}



html,



button,



input,



select,



textarea {



color: #222



}



body {



font-size: 1em;



line-height: 1.4



}



::-moz-selection {



background: #b3d4fc;



text-shadow: none



}



::selection {



background: #b3d4fc;



text-shadow: none



}



hr {



display: block;



height: 1px;



border: 0;



border-top: 1px solid #ccc;



margin: 1em 0;



padding: 0



}



img {



vertical-align: middle



}



fieldset {



border: 0;



margin: 0;



padding: 0



}



textarea {



resize: vertical



}



.chromeframe {



margin: 0.2em 0;



background: #ccc;



color: #000;



padding: 0.2em 0



}



body {



font-family: 'Roboto', sans-serif;



font-size: 16px;



background-color: #ffffff;



color: #fcfcfc



}



a {



color: #fff;



text-decoration: underline



}



blockquote {



border-left: 1px solid #fcfcfc;



padding-left: 10px



}



.Main-Page {



width: 100%



}



.header-container {



background-color: #fefefe;



width: 100%;



text-align: center;



padding: 15px 0



}



.Header-Banner {



width: 100%;



background-color: #3366cc;



margin: 0px;



border-top: 1px solid #339966;



position: relative



}



.Header-Banner:after {



top: 100%;



left: 50%;



border: solid transparent;



content: " ";



height: 0;



width: 0;



position: absolute;



pointer-events: none



}



.Header-Banner:after {



border-color: rgba(51, 102, 204, 0);



border-top-color: #3366cc;



border-width: 12px;



margin-left: -12px



}



.body-wrapper {



width: 840px;



margin: 0 auto



}



.body-wrapper #Content-Headline {



font-size: 43px;



font-family: 'Roboto', sans-serif;



font-weight: 700;



color: #fdfdfd;



text-align: center;



width: 100%;



line-height: 52px;



padding: 0px;



margin: 31px 0 0 0;



padding-bottom: 31px



}



.divider-bar {



border-bottom: 2px dotted #cacaca



}



.video-main {



margin: 38px 0 35px;



display: inline-block;



width: 100%;



text-align: center



}



.video-left {



display: inline-block;



vertical-align: top



}



.video-right {



display: inline-block;



margin-left: 30px;



text-align: left;



width: 53%



}



.video-right ul {



list-style: none;



padding: 0px;



margin: 0px



}



.video-right ul li {



font-size: 20px;



font-family: 'Roboto', sans-serif;



font-weight: 500;



color: #fcfcfc;



background: url('https://lh3.ggpht.com/NKA73zdiVBP0yURPyvrOyfCOMrekgFzFj-ype1PJ731xnsd1m7qH0dxynBYkMmerYqyOdPO-o3oxerrI8SIb=s0') no-repeat;



padding: 0 0 4.4% 38px;



line-height: 25px



}



.video-right ol {



padding: 0px;



margin: 0px 0 0 38px



}



.video-right ol li {



font-size: 20px;



font-family: 'Roboto', sans-serif;



font-weight: 500;



color: #fcfcfc;



padding: 0 0 4.4% 0px;



line-height: 25px



}



.content-bg {



width: 100%;



background-color: #f8f8f8;



border-bottom: 1px solid #efefef;



padding: 53px 0 36px;



display: inline-block



}



.content-center {



margin: 0 auto;



width: 740px;



text-align: center



}



.content-center img {



max-width: 35px



}



.should-text {



display: inline-block;



width: 31%;



font-size: 27px;



font-family: 'Roboto', sans-serif;



text-align: left;



font-weight: 400;



color: #090909;



padding: 0px 40px 0 0;



min-height: 88px;



line-height: 32px;



vertical-align: middle



}



.send-button {



display: inline-block;



margin-left: 15px;



vertical-align: middle;



width: 55.5%;



margin-top: 5px



}



.send-button a,



.send-button input {



width: 98%;



display: inline-block;



overflow: hidden;



padding: 18px 0 15px 0;



text-align: center;



border-bottom: 2px solid #ff9900;



border-top: 0;



border-right: 0;



border-left: 0;



border-radius: 6px;



font-size: 28px;



color: #FAFAFA;



font-family: 'Roboto', sans-serif;



font-weight: 700;



background-color: #ffcc33;



text-decoration: none



}



.send-button a:hover,



.send-button input:hover {



background-color: #FFD738;



border-bottom: 2px solid #ff9900



}



.send-button a span {



padding: 0;



text-transform: uppercase;



font-size: 40px;



line-height: 24px;



color: #FFF;



font-family: 'Roboto', sans-serif;



font-weight: 300;



margin: 0 0 0 3px;



position: relative;



top: 1px



}



.send-button p {



color: #3F3F3F;



font-size: 12px;



font-family: 'Roboto', sans-serif;



font-weight: 300;



line-height: 16px;



margin: 10px 0



}



.mentioned-logo {



margin: 0 auto;



width: 960px;



text-align: center;



padding: 35px 0



}



.mentioned-logo h2.title {



font-size: 30px;



color: #3D3D3D;



font-family: 'Roboto', sans-serif;



font-weight: 700;



text-align: center;



width: 100%;



margin: 0px 0 23px



}



.mentioned-logo img {



border: 1px solid #e6e6e6;



margin: 10px 1% 0 0



}



.mentioned-logo ul {



margin: 0px;



padding: 0px;



width: 100%



}



.mentioned-logo ul li {



display: inline-block;



width: 23.2%;



margin: 0 1.7% 0 0;



list-style: none;



padding: 0px;



border: 1px solid #e6e6e6



}



.mentioned-logo ul li img {



width: 100%



}



.mentioned-logo ul li.last {



margin: 0%



}



.mentioned-logo ul li.last img {



width: 100%



}



.footer-container {



border-top: 1px solid #ebebeb;



background-color: #f3f3f3;



text-align: center;



padding: 28px 0 26px;



color: #242424;



font-size: 12px;



font-family: 'Roboto', sans-serif;



font-weight: 400



}



.footer-container a {



color: #020202;



text-decoration: underline;



font-size: 12px;



font-family: 'Roboto', sans-serif;



font-weight: 400



}



.footer-container a:hover {



color: #7C7877;



text-decoration: none



}



@media only screen and (max-width: 964px) {



.body-wrapper {



width: 100%;



margin: 0 auto



}



.mentioned-logo {



width: 96%;



margin: 0 2%



}



.body-wrapper {



width: 90%;



margin: 0 auto



}



.body-wrapper #Content-Headline {



font-size: 42px



}



.mentioned-logo ul li {



width: 23%



}



}



@media only screen and (max-width: 930px) {



.mentioned-logo {



width: 96%;



margin: 0 2%



}



.video-right {



width: 40%



}



}



@media only screen and (max-width: 860px) {



.body-wrapper #Content-Headline {



font-size: 38px;



line-height: 45px



}



.video-right ul li {



font-size: 18px



}



.reveal-modal {



width: 89%;



margin-left: -39%



}



}



@media only screen and (max-width: 767px) {



.body-wrapper #Content-Headline {



font-size: 32px;



line-height: 40px



}



.video-left {



width: 100%;



text-align: center;



margin-bottom: 20px



}



.video-right {



width: 100%;



margin-left: 0px



}



.content-bg {



padding: 30px 0 25px



}



.content-center {



width: 96%



}



.should-text {



width: 100%;



padding: 18px 0 0 0;



background: none;



text-align: center;



min-height: 60px



}



.bracket {



display: none



}



.send-button {



width: 100%;



margin: 10px 0



}



.send-button a {



width: 100%



}



.send-button p {



text-align: center



}



.mentioned-logo ul li {



width: 48%;



margin: 0 0 3% 0;



float: left



}



.mentioned-logo ul li.right {



float: right;



margin: 0 0 3% 0;



width: 48%



}



.mentioned-logo ul li.last {



float: right;



margin: 0 0 3% 0;



width: 48%



}



.footer-container {



float: left;



width: 100%



}



.reveal-modal {



width: 90%



}



.popup .popup-headline {



font-size: 24px



}



.submit {



font-size: 16px



}



.row input {



width: 93.4%;



padding: 9px 16px 10px;



font-size: 18px



}



@media only screen and (max-width: 511px) {



.content-bg {



padding: 20px 0 20px



}



.popup .popup-headline {



font-size: 16px;



line-height: 20px



}



.row input {



padding: 5px 16px 6px



}



.submit {



font-size: 14px



}



@media only screen and (max-width: 480px) {



.should-text {



    font-size: 24px



}



.send-button {



    margin-top: 10px



}



.mentioned-logo h2.title {



    font-size: 26px;
}
.popup .popup-headline {



    line-height: 20px



}



.row input {



    width: 87%;



    padding: 5px 16px 6px;



    font-size: 16px



}



.submit {



    font-size: 14px;



    line-height: 20px;



    width: 80%



}



}



@media only screen and (max-width: 388px) {



.video-left img {



    width: 100%



}



.body-wrapper #Content-Headline {



    font-size: 30px;



    line-height: 38px



}



.send-button a {



    font-size: 22px;



    padding: 12px 0 13px



}



.send-button a span {



    font-size: 34px



}



}



@media only screen and (max-width: 300px) {



.row input {



    width: 85%;



    padding: 5px 16px 6px;



    font-size: 16px



}



.submit {



    font-size: 12px;



    line-height: 18px



}



.row input {



    font-size: 12px;



    padding: 4px 10px 5px



}



.privacy-policy {



    font-size: 13px



}



}
}
}