@charset "utf-8";
/* Default stylesheet - developed by Bull Marketing 2022 */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
:focus {outline: none;}
hr {display:block; height:1px; border:0; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
html {scroll-behavior: smooth;}

/* Gimme some fonts */
@font-face {font-family: 'Volte Rounded'; src: url('../fonts/VolteRounded-Light.woff') format('woff'), url('../fonts/VolteRounded-Light.ttf') format('truetype'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'Volte Rounded'; src: url('../fonts/VolteRounded-Regular.woff') format('woff'), url('../fonts/VolteRounded-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'Volte Rounded'; src: url('../fonts/VolteRounded-Medium.woff') format('woff'), url('../fonts/VolteRounded-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal;}
@font-face {font-family: 'Volte Rounded'; src: url('../fonts/VolteRounded-Semibold.woff') format('woff'), url('../fonts/VolteRounded-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'Volte Rounded'; src: url('../fonts/VolteRounded-Bold.woff') format('woff'), url('../fonts/VolteRounded-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal;}

/* Begin styles */
a {color: #30ceba; text-decoration: underline; transition: all .25s ease-in-out;}
a:hover {color: #005756; text-decoration: none;}
input[type=submit] {-webkit-appearance: none; transition: all .25s ease-in-out;}
button {transition: all .25s ease-in-out;}

body {font-family: 'Source Sans Pro', sans-serif; font-size: 1.0em; color: #696d73; overflow-x: hidden;}

header {float: left; width: 100%; height: 95px; background: #d3f6fd;}
header img {height: 60px; width: auto; float: right; margin-top: 35px;}

section.banner {float: left; width: 100%; height: 550px; position: relative; background: url("../images/bg-header.png") no-repeat bottom right #d3f6fd;}
section.banner img {position: absolute; bottom: 0; width: auto; height: auto; max-width: 95%;}

section.intro {float: left; width: 100%;}
section.intro article {float: left; width: calc(100% - 25px); padding: 45px 25px 45px 0;}
section.intro article h1 {font-family: 'Volte Rounded', sans-serif; font-weight: 500; font-size: 2.2em; line-height: 110%; padding-bottom: 25px; color: #005756;}
section.intro article p {font-size: 1.17em; line-height: 145%; padding-bottom: 25px;}
section.intro article a.btn {font-family: 'Volte Rounded', sans-serif; font-weight: 600; display: inline-block; width: 210px; margin-right: 20px; margin-bottom: 25px; height: 38px; text-align: center; border-radius: 25px; padding: 12px 0 0 0; font-size: 1.5em; text-transform: uppercase; text-decoration: none; color: #005151; line-height: 110%; background: #30ceba;}
section.intro article a.btn:hover {color: #ffffff; background: #005151;}
section.intro aside {float: left; width: 100%; min-height: 513px;}
section.intro aside img {float: left; width: auto; height: 513px; position: absolute; bottom: 0;}

section.prizes {float: left; width: 100%; padding: 50px 0 100px 0; background: url("../images/bg-prizes.png") repeat-x bottom left #d3f6fd;}
section.prizes aside {float: left; width: 100%; margin-left: -80px; position: relative; z-index: 5; display: flex; align-items: flex-end; min-height: 720px;}
section.prizes aside div {width: 100%;}
section.prizes aside div img {max-width: 100%; height: auto;}
section.prizes article {float: right; background: #ffffff; padding: 65px 50px; margin-top: 30px; width: 100%; position: relative; z-index: 10;}
section.prizes article h2 {font-family: 'Volte Rounded', sans-serif; position: relative; font-weight: 500; font-size: 2.2em; line-height: 110%; padding-bottom: 25px; color: #005756;}
section.prizes article p {font-size: 1.2em; line-height: 145%; padding-bottom: 25px;}
section.prizes article ul {list-style: disc; padding-bottom: 25px; margin-left: 20px;}
section.prizes article ul li {font-size: 1.2em; line-height: 145%;}
section.prizes article h3 {font-weight: 700; font-size: 1.2em; line-height: 130%; padding-bottom: 25px; color: #696d73;}
section.prizes article a.btn {font-family: 'Volte Rounded', sans-serif; font-weight: 600; display: block; width: 260px; height: 38px; text-align: center; border-radius: 25px; padding: 12px 0 0 0; font-size: 1.5em; text-transform: uppercase; text-decoration: none; color: #005151; line-height: 110%; background: #30ceba;}
section.prizes article a.btn:hover {color: #ffffff; background: #005151;}

section.quiz {float: left; width: 100%; background: url("../images/bg-quiz.png") no-repeat right bottom #005756; padding: 100px 0; position: relative;}
section.quiz .title {box-shadow: 11px 11px 0px 0px rgb(91,33,144); background: #bc3bb5; position: absolute; top: -22px; width: auto; display: inline-block;}
section.quiz .title::after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #bc3bb5; font-size: 6.0em; position: absolute; bottom: -44px; right: 5px; transform: rotate(80deg); z-index: 5;}
section.quiz .title h2 {font-family: 'Volte Rounded', sans-serif; font-weight: 600; padding: 10px 18px; font-size: 2.2em; line-height: 110%; color: #ffffff; position: relative; z-index: 10;}
section.quiz article {width: 70%; padding: 0 15%;}
section.quiz article h3 {font-family: 'Volte Rounded', sans-serif; font-weight: 500; font-size: 2.2em; line-height: 110%; padding-bottom: 25px; color: #ffffff;}
section.quiz article form {float: left; width: 100%;}
section.quiz article form p {font-size: 1.1em; font-weight: 300; line-height: 160%; padding-bottom: 25px; color: #ffffff;}
section.quiz article form label.radio {position: relative; cursor: pointer; margin-bottom: 10px; display: block; width: calc(100% - 16px); border-radius: 25px; padding: 8px; color: #ffffff; font-size: 1.1em; font-weight: 300; line-height: 170%; transition: all .25s ease-in-out;}
section.quiz article form label.radio:hover {background: #014b4a;}
section.quiz article form label.radio input[type=radio] {opacity: 0; position: absolute; top: 16px;}
section.quiz article form label.radio .outer-circle {float: left; width: 22px; height: 22px; margin-right: 15px; border-radius: 50%; background: #ffffff; border: 4px solid #f7ce46;}
section.quiz article form label.radio .outer-circle .inner-circle {display: none;}
section.quiz article form label.radio.checked {background: #30ceba; color: #005756; font-weight: 600;}
section.quiz article form label.radio.checked .outer-circle .inner-circle {display: block; width: 16px; height: 16px; border-radius: 50%; margin: 3px 0 0 3px; background: #30ceba;}
section.quiz article form button {font-family: 'Volte Rounded', sans-serif; border: none; font-weight: 600; display: block; width: 170px; height: 50px; text-align: center; border-radius: 30px; font-size: 1.3em; margin-top: 55px; text-transform: uppercase; cursor: pointer; color: #005151; background: #30ceba;}
section.quiz article form button:hover {color: #ffffff; background: #005151;}
section.quiz article form button:disabled {opacity: 0.5; cursor: default;}
section.quiz article form button:disabled:hover {color: #005151; background: #30ceba;}
section.quiz article form label.form {font-size: 1.1em; display: block; font-weight: 300; line-height: 160%; padding-bottom: 3px; color: #ffffff;}
section.quiz article form label.form span {color: #ff0000; font-weight: 600; padding-left: 1px;}
section.quiz article form input[type=text] {display: block; margin-bottom: 15px; width: calc(95% - 3px); height: 30px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif; font-size: 1.0em; color: #696d73; border: 2px solid #f7ce46;}
section.quiz article form input[type=text]:focus {border: 2px solid #17aae8;}
section.quiz article form select {display: block; margin-bottom: 15px; width: calc(95% + 7px); height: 30px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif; font-size: 1.0em; color: #696d73; border: 2px solid #f7ce46;}
section.quiz article form select:focus {border: 2px solid #17aae8;}
section.quiz article form textarea {display: block; margin-bottom: 15px; width: 97%; height: 60px; padding: 3px; font-family: 'Source Sans Pro', sans-serif; font-size: 1.0em; color: #696d73; border: 2px solid #f7ce46;}
section.quiz article form textarea:focus {border: 2px solid #17aae8;}
section.quiz article form input[type=checkbox] {float: left; margin-bottom: 15px; width: 30px; height: 30px;}
section.quiz article form .checkbox {float: left; width: calc(100% - 50px); font-size: 1.1em; font-weight: 300; line-height: 140%; padding: 5px 0 25px 5px; color: #ffffff;}
section.quiz article form .checkbox a:hover {color: #ffffff;}
section.quiz article form input[type=submit] {font-family: 'Volte Rounded', sans-serif; border: none; font-weight: 600; display: block; width: 170px; height: 50px; text-align: center; border-radius: 30px; font-size: 1.3em; margin-top: 55px; text-transform: uppercase; cursor: pointer; color: #005151; background: #30ceba;}
section.quiz article form input[type=submit]:hover {color: #ffffff; background: #005151;}
section.quiz article form label.error {color: #f3f000; display: block; margin-bottom: 25px; margin-top: -10px; font-size: 0.9em; width: 100%; font-weight: 500; font-style: italic;}
section.quiz article form input.error {border: 2px solid #ff0000;}
section.quiz article form select.error {border: 2px solid #ff0000;}
section.quiz article form textarea.error {border: 2px solid #ff0000;}
section.quiz article form #terms-error {color: #f3f000; position: absolute; bottom: -25px; left: 0; font-size: 0.9em; width: 100%; font-weight: 500; font-style: italic;}
section.quiz aside {width: 70%; padding: 0 15%;}
section.quiz aside h3 {font-family: 'Volte Rounded', sans-serif; font-weight: 500; font-size: 2.2em; line-height: 110%; padding-bottom: 25px; color: #ffffff;}
section.quiz aside p {font-size: 1.1em; font-weight: 300; line-height: 160%; padding-bottom: 25px; color: #ffffff;}
section.quiz aside p a:hover {color: #ffffff;}
section.quiz aside p span {font-size: 2.2em; display: inline-block; background: #2CD5C4; font-weight: 600; color: #ffffff; height: 38px; width: 48px; text-align: center; margin: 0 5px; padding: 10px 0 0 0; border-radius: 50%;}
section.quiz aside .answers {float: left; width: 100%; margin-bottom: 25px;}
section.quiz aside .answers p {font-size: 1.1em; padding-bottom: 10px;}
section.quiz aside .answers p.answer {font-weight: 400;}
section.quiz aside .answers .icon {float: left; width: 70px;}
section.quiz aside .answers .icon i {font-size: 3.0em;}
section.quiz aside .answers .icon i.fa-check-circle {color: #2CD5C4;}
section.quiz aside .answers .icon i.fa-times-circle {color: #d85a5a;}
section.quiz aside .content {float: left; width: calc(100% - 70px); margin-bottom: 25px;}

section.case-studies {float: left; width: 100%; background: #0991ab; padding: 75px 0;}
section.case-studies h2 {font-family: 'Volte Rounded', sans-serif; font-weight: 500; font-size: 2.2em; line-height: 110%; padding-bottom: 15px; color: #ffffff; text-align: center;}
section.case-studies h3 {font-family: 'Volte Rounded', sans-serif; font-weight: 400; font-size: 1.4em; line-height: 130%; padding-bottom: 25px; color: #ffffff; text-align: center;}
section.case-studies article {width: 100%; height: 624px; background: url("../images/bg-case-studies.png") no-repeat center top; position: relative;}
section.case-studies article .bubbles {width: 40px; height: 40px; border-radius: 50%; background: #ffffff; animation: glow 1s infinite alternate; transition: all .25s ease-in-out; position: absolute;}
section.case-studies article .bubbles:hover {width: 54px; height: 54px;}
section.case-studies article .bubbles.video1-bubble {border: 15px solid #f7ce46; top: 165px; left: 140px; animation-delay: 0s;}
section.case-studies article .bubbles.video1-bubble:hover {border: 8px solid #f7ce46;}
section.case-studies article .bubbles.video2-bubble {border: 15px solid #be3cb6; top: 320px; left: 200px; animation-delay: 250ms;}
section.case-studies article .bubbles.video2-bubble:hover {border: 8px solid #be3cb6;}
section.case-studies article .bubbles.video3-bubble {border: 15px solid #5b2392; top: 65px; left: 420px; animation-delay: 150ms;}
section.case-studies article .bubbles.video3-bubble:hover {border: 8px solid #5b2392;}
section.case-studies article .bubbles.video4-bubble {border: 15px solid #5b2392; top: 185px; left: 430px; animation-delay: 450ms;}
section.case-studies article .bubbles.video4-bubble:hover {border: 8px solid #5b2392;}
section.case-studies article .bubbles.video5-bubble {border: 15px solid #005859; top: 195px; left: 530px; animation-delay: 250ms;}
section.case-studies article .bubbles.video5-bubble:hover {border: 8px solid #005859;}
section.case-studies article .bubbles.video6-bubble {border: 15px solid #be3cb6; top: 100px; left: 610px; animation-delay: 0s;}
section.case-studies article .bubbles.video6-bubble:hover {border: 8px solid #be3cb6;}
section.case-studies article .bubbles.video7-bubble {border: 15px solid #f8ce48; top: 300px; left: 780px; animation-delay: 200ms;}
section.case-studies article .bubbles.video7-bubble:hover {border: 8px solid #f8ce48;}
section.case-studies article .bubbles.video8-bubble {border: 15px solid #f8ce48; top: 195px; left: 840px; animation-delay: 400ms;}
section.case-studies article .bubbles.video8-bubble:hover {border: 8px solid #f8ce48;}
@keyframes glow {
  from {box-shadow: 0 0 5px #ffffff;}
  to {box-shadow: 0 0 30px #ffffff;}
}

section.case-studies article .overlays {display: none; width: 260px; height: 260px; position: absolute; top: 320px; left: 25%;}
section.case-studies article .overlays img {width: 236px; height: 236px; border-radius: 30px;}
section.case-studies article .overlays .name-holder {position: absolute; top: 50%; left: 220px; transform: translate(0, -50%);}
section.case-studies article .overlays .name-holder h3 {display: block; background: #bc3bb5; font-family: 'Volte Rounded', sans-serif; font-weight: 600; font-size: 2.0em; line-height: 110%; color: #ffffff; padding: 8px 20px; box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);}
section.case-studies article .overlays .name-holder h4 {display: block; background: #5b2190; font-family: 'Volte Rounded', sans-serif; font-weight: 600; font-size: 1.4em; line-height: 120%; color: #ffffff; padding: 8px 15px; box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);}
section.case-studies article .overlays.video1-overlay img {border: 12px solid #f7ce46;}
section.case-studies article .overlays.video1-overlay .name-holder h3 {width: 210px;}
section.case-studies article .overlays.video1-overlay .name-holder h4 {width: 360px;}
section.case-studies article .overlays.video2-overlay img {border: 12px solid #be3cb6;}
section.case-studies article .overlays.video2-overlay .name-holder h3 {width: 240px;}
section.case-studies article .overlays.video2-overlay .name-holder h4 {width: 280px;}
section.case-studies article .overlays.video3-overlay img {border: 12px solid #5b2392;}
section.case-studies article .overlays.video3-overlay .name-holder h3 {width: 230px;}
section.case-studies article .overlays.video3-overlay .name-holder h4 {width: 220px;}
section.case-studies article .overlays.video4-overlay img {border: 12px solid #5b2392;}
section.case-studies article .overlays.video4-overlay .name-holder h3 {width: 175px;}
section.case-studies article .overlays.video4-overlay .name-holder h4 {width: 280px;}
section.case-studies article .overlays.video5-overlay img {border: 12px solid #005859;}
section.case-studies article .overlays.video5-overlay .name-holder h3 {width: 225px;}
section.case-studies article .overlays.video5-overlay .name-holder h4 {width: 300px;}
section.case-studies article .overlays.video6-overlay img {border: 12px solid #be3cb6;}
section.case-studies article .overlays.video6-overlay .name-holder h3 {width: 195px;}
section.case-studies article .overlays.video6-overlay .name-holder h4 {width: 325px;}
section.case-studies article .overlays.video7-overlay img {border: 12px solid #f8ce48;}
section.case-studies article .overlays.video7-overlay .name-holder h3 {width: 215px;}
section.case-studies article .overlays.video7-overlay .name-holder h4 {width: 275px;}
section.case-studies article .overlays.video8-overlay img {border: 12px solid #f8ce48;}
section.case-studies article .overlays.video8-overlay .name-holder h3 {width: 215px;}
section.case-studies article .overlays.video8-overlay .name-holder h4 {width: 300px;}

section.videos {float: left; width: 100%; padding: 75px 0;}
section.videos h2 {font-family: 'Volte Rounded', sans-serif; font-weight: 500; font-size: 2.2em; line-height: 110%; padding-bottom: 50px; text-align: center;}
section.videos article {width: 100%; position: relative; margin-bottom: 45px;}
section.videos article img {border: 15px solid #005756; display: block; border-radius: 35px; margin: 0 auto; width: auto; max-width: 90%; height: auto; position: relative;}
section.videos article a.btn {font-family: 'Volte Rounded', sans-serif; position: absolute; left: 50%; bottom: -15px; transform: translate(-50%, 0); font-weight: 600; display: inline-block; width: auto; padding: 11px 20px 11px 35px; text-align: center; border-radius: 30px; font-size: 1.3em; text-transform: uppercase; text-decoration: none; color: #005151; line-height: 110%; background: #30ceba;}
section.videos article a.btn::before {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #005151; font-size: 0.8em; position: absolute; top: 50%; left: 16px; transform: translate(0, -50%); transition: all .25s ease-in-out;}
section.videos article a.btn:hover {color: #ffffff; background: #005151;}
section.videos article a.btn:hover::before {color: #ffffff;}

footer {float: left; width: 100%; padding: 50px 0 25px 0; background: #ffffff;}
footer img {float: left; height: 60px; width: auto; margin-bottom: 25px;}
footer p {font-size: 1.0em; font-weight: 400; line-height: 160%;}
footer ul {float: right; list-style: none;}
footer ul li {float: left; margin-left: 25px;}
footer ul li a {display: block; font-size: 1.1em; color: #005756;}
footer ul li a:hover {color: #30ceba;}

/* modal popups */
.popup {width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(255,255,255,0.75); z-index: 15;}
.popup-outer {width: 100%; height: 100%; display: block; position: relative; top: 0px; left: 0px;}
.popup-inner {max-width: 1100px; width: calc(85% - 100px); padding: 15px; border-radius: 10px; position: absolute; top: 50%; left: 50%; height: auto; max-height: 90%; overflow-x: hidden; overflow-y: scroll; transform: translate(-50%, -50%); background: #ffffff;}
.popup-inner .video-holder {position: relative; width: 100%; padding: 56.25% 0 0 0;}
.popup-inner .video-holder video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.popup-close-button {position: absolute; top: 50px; right: 50px; z-index: 2001; transition: ease 0.25s all; transform: translate(50%, -50%);}
.popup-close-button i {font-size: 3.0em; color: #6abe4a;}
.popup-close-button:hover {transform: translate(50%, -50%) rotate(180deg);}
.popup-close-button:hover i {color: #ffffff;}
.popup-inner::-webkit-scrollbar-track {border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #f1f1f1;}
.popup-inner::-webkit-scrollbar {height: 20px; background: #f1f1f1;}
.popup-inner::-webkit-scrollbar-thumb {box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; border: 2px solid #f1f1f1; background: #30ceba;}

/* generic styling */
.inner {width: 1200px; margin: 0 auto;}
.inner-full {float: left; width: calc(100% - 120px); padding: 0 60px;}
.inner-50l {width: 600px; float: right;}
.inner-50r {width: 600px; float: left;}
.inner-75l {width: 900px; float: right;}
.inner-75r {width: 900px; float: left;}
.inner-66l {width: 800px; float: right;}
.inner-66r {width: 800px; float: left;}
.inner-33l {width: 400px; float: right;}
.inner-33r {width: 400px; float: left;}
.row {float: left; width: 100%; display: block; clear: both;}
.rel {position: relative;}
.col1 {float: left; width: 100%;}
.col2 {float: left; width: 50%;}
.col3 {float: left; width: 33.3%;}
.col3-span2 {float: left; width: 66.6%;}
.col4 {float: left; width: 25%;}
.col4-span3 {float: left; width: 75%;}
.col5 {float: left; width: 20%;}
.col5-span2 {float: left; width: 40%;}
.col5-span3 {float: left; width: 60%;}
.col5-span4 {float: left; width: 80%;}
.col6 {float: left; width: 16.6%;}
.col7 {float: left; width: 14.25%}
.col-switch {float: right;}
.left {float: left;}
.right {float: right;}
.pad10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.padtop10 {padding-top: 10px !important;}
.padbot10 {padding-bottom: 10px !important;}
.pad25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.padtop25 {padding-top: 25px !important;}
.padbot25 {padding-bottom: 25px !important;}
.pad40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.padtop40 {padding-top: 40px !important;}
.padbot40 {padding-bottom: 40px !important;}
.mar25 {margin-top: 25px !important; margin-bottom: 25px !important;}
.martop25 {margin-top: 25px !important;}
.marbot25 {margin-bottom: 25px !important;}
.marlef25 {margin-left: 25px !important;}
.marrig25 {margin-right: 25px !important;}
.pad50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.padtop50 {padding-top: 50px !important;}
.padbot50 {padding-bottom: 50px !important;}
.mar50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.martop50 {margin-top: 50px !important;}
.marbot50 {margin-bottom: 50px !important;}
.marlef50 {margin-left: 50px !important;}
.marrig50 {margin-right: 50px !important;}
.pad75 {padding-top: 75px !important; padding-bottom: 75px !important;}
.padtop75 {padding-top: 75px !important;}
.padbot75 {padding-bottom: 75px !important;}
.mar75 {margin-top: 75px !important; margin-bottom: 75px !important;}
.martop75 {margin-top: 75px !important;}
.marbot75 {margin-bottom: 75px !important;}
.pad100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.padtop100 {padding-top: 100px !important;}
.padbot100 {padding-bottom: 100px !important;}
.mar100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.martop100 {margin-top: 100px !important;}
.marbot100 {margin-bottom: 100px !important;}
.pad125 {padding-top: 125px !important; padding-bottom: 125px !important;}
.padtop125 {padding-top: 125px !important;}
.padbot125 {padding-bottom: 125px !important;}
.mar125 {margin-top: 125px !important; margin-bottom: 125px !important;}
.martop125 {margin-top: 125px !important;}
.marbot125 {margin-bottom: 125px !important;}
.pad150 {padding-top: 150px !important; padding-bottom: 150px !important;}
.padtop150 {padding-top: 150px !important;}
.padbot150 {padding-bottom: 150px !important;}
.mar150 {margin-top: 150px !important; margin-bottom: 150px !important;}
.martop150 {margin-top: 150px !important;}
.marbot150 {margin-bottom: 150px !important;}
.pad250 {padding-top: 250px !important; padding-bottom: 250px !important;}
.padtop250 {padding-top: 250px !important;}
.padbot250 {padding-bottom: 250px !important;}
.mar250 {margin-top: 250px !important; margin-bottom: 250px !important;}
.martop250 {margin-top: 250px !important;}
.marbot250 {margin-bottom: 250px !important;}
.tx-center {text-align: center;}
.tx-left {text-align: left;}
.tx-right {text-align: right;}
.zindex2 {z-index: 2;}
.zindex3 {z-index: 3;}