*,



*::before,



*::after {



box-sizing: border-box;



}



body {



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



color: var(--text);



font-size: 18px;



line-height: 1.4;



background: var(--body-bg);



margin: 0;



padding: 0;



}



body.loaded {



overflow: auto;



}



body.overflow-hidden {



overflow: hidden;



}



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



body {



font-size: 16px;



}



}



h1,



h2,



h3,



h4,



h5,



h6 {



font-weight: 600;



margin-top: 0;



}



h1 {



font-size: 3.5rem;



line-height: 1.2;



}



h2 {



font-size: 2.5rem;



}



h3 {



font-size: 2rem;



}



h4 {



font-size: 1.7rem;



}



h5 {



font-size: 1.5rem;



}



h6 {



font-size: 1.3rem;



}



img {



max-width: 100%;



height: auto;



}



a {



-webkit-transition: all .3s;



-o-transition: all .3s;



transition: all .3s;



text-decoration: underline;



color: var(--primary);



}



a:hover {



text-decoration: none;



color: var(--secondary);



}



.relation {



position: relative;



}



.relation__ratio {



height: 0;



}



.relation__ratio--1x1 {



padding-top: 100%;



}



.relation__ratio--16x9 {



padding-top: 56.25%;



}



.relation__ratio--3x1 {



padding-top: 33%;



}



.relation iframe {



position: absolute;



width: 100%;



height: 100%;



top: 0;



left: 0;



}



.rtbet-color--light {



color: var(--text-lighter);



}



.rtbet-color--primary {



color: var(--primary);



}



.rtbet-color--secondary {



color: var(--secondary);



}



table {



margin: auto;



border-collapse: collapse;



overflow-x: auto;



display: block;



width: fit-content;



max-width: 100%;



}



td {



border: 1px solid var(--text);



padding: 10px;



} .rtbet-container {



width: 100%;



padding-right: 15px;



padding-left: 15px;



margin-right: auto;



margin-left: auto;



}



.rtbet-row {



display: flex;



flex-wrap: wrap;



margin-right: -15px;



margin-left: -15px;



}



.rtbet-col {



padding-right: 15px;



padding-left: 15px;



}



@media (min-width: 576px) {



.rtbet-container {



max-width: 540px;



}



}



@media (min-width: 768px) {



.rtbet-container {



max-width: 720px;



}



}



@media (min-width: 992px) {



.rtbet-container {



max-width: 960px;



}



}



@media (min-width: 1200px) {



.rtbet-container {



max-width: 1140px;



}



}



@media (min-width: 1400px) {



.rtbet-container {



max-width: 1320px;



}



} .rtbet-btn {



display: inline-block;



padding: 15px 30px;



text-align: center;



min-width: 150px;



transition: all .3s;



text-decoration: none;



font-weight: 600;



letter-spacing: 1px;



font-size: 20px;



}



.rtbet-btn--primary {



border-radius: var(--primary-button-border-radius);



}



.rtbet-primary-button-filled .rtbet-btn--primary {



background: var(--primary-button-background);



color: var(--primary-button-color);



border: none;



}



.rtbet-primary-button-bordered .rtbet-btn--primary {



background: transparent;



border: 2px solid var(--primary-button-border-color);



color: var(--primary-button-color);



}



.rtbet-btn--secondary {



border-radius: var(--secondary-button-border-radius);



}



.rtbet-secondary-button-filled .rtbet-btn--secondary {



background: var(--secondary-button-background);



color: var(--secondary-button-color);



border: none;



}



.rtbet-secondary-button-bordered .rtbet-btn--secondary {



background: transparent;



border: 2px solid var(--secondary-button-border-color);



color: var(--secondary-button-color);



}



.rtbet-btn:hover {



opacity: .7;



} .rtbet-header {



position: relative;



width: 100%;



padding: 15px 0;



background-repeat: no-repeat;



background-size: cover;



background-position: top center;



transition: all .3s;



}



.rtbet-header--img-bg {



position: relative;



} .rtbet-header-wrap {



display: flex;



align-items: center;



justify-content: space-between; transition: all .3s;



}



.rtbet-main-logo {



position: relative;



display: flex;



max-width: 150px;



max-height: 80px;



transition: all .3s;



}



.rtbet-header-controls-wrap {



display: flex;



} .rtbet-main-nav {



display: flex;



list-style-type: none;



padding: 0;



margin: 0;



}



.rtbet-main-nav > li {



position: relative;



margin: 0 15px;



}



.rtbet-main-nav > li:last-child {



margin-right: 0;



}



.rtbet-main-nav > li > a {



display: inline-block;



text-transform: uppercase;



text-decoration: none;



color: var(--navigation);



font-weight: 600;



}



.rtbet-main-nav > li > a:hover,



.rtbet-main-nav > li.current-menu-item > a {



color: var(--navigation-hover);



}



.rtbet-header__menu-btn {



display: none;



position: absolute;



top: 50px;



right: 50px;



background: var(--primary);



width: 40px;



height: 40px;



justify-content: center;



align-items: center;



z-index: 15;



cursor: pointer;



transition: all .3s;



top: 50%;



transform: translateY(-50%);



}



.rtbet-header__menu-btn.is-active {



background: var(--text);



}



.rtbet-mobile-menu-bg {



position: absolute;



width: 100%;



height: 100%;



top: 0;



left: 0;



background: var(--mobile-menu-bg);



opacity: 0;



visibility: hidden;



}



.rtbet-sandwitch {



display: inline-block;



position: relative;



vertical-align: middle;



width: 20px;



height: 20px;



}



.rtbet-sandwitch .rtbet-sw-line {



position: absolute;



display: block;



width: 100%;



height: 2px;



background: var(--text);



-webkit-transition: top .2s, -webkit-transform .5s;



-o-transition: transform .5s, top .2s;



transition: transform .5s, top .2s;



transition: transform .5s, top .2s, -webkit-transform .5s;



}



.rtbet-header__menu-btn.is-active .rtbet-sandwitch .rtbet-sw-line {



background: var(--primary);



}



.rtbet-sandwitch .rtbet-sw-topper {



top: 0;



}



.rtbet-header__menu-btn.is-active .rtbet-sw-topper {



top: 9px;



-webkit-transform: rotate(45deg);



-ms-transform: rotate(45deg);



transform: rotate(45deg);



}



.rtbet-sandwitch .rtbet-sw-bottom {



top: 50%;



margin-top: -1px;



}



.rtbet-header__menu-btn.is-active .rtbet-sw-bottom {



top: auto;



bottom: 9px;



-webkit-transform: rotate(-45deg);



-ms-transform: rotate(-45deg);



transform: rotate(-45deg);



}



.rtbet-sandwitch .rtbet-sw-footer {



bottom: 0;



}



.rtbet-header__menu-btn.is-active .rtbet-sw-footer {



opacity: 0;



top: 0;



-webkit-transform: rotate(180deg);



-ms-transform: rotate(180deg);



transform: rotate(180deg);



}



.rtbet-header--centered .rtbet-header-wrap {



flex-direction: column;



}



.rtbet-header--centered .rtbet-main-logo {



margin-bottom: 20px;



}



.rtbet-header--centered .rtbet-header-controls-wrap {



margin-bottom: 15px;



}



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



.rtbet-header .rtbet-main-logo {



max-width: 100px;



}



.rtbet-header-controls-wrap {



flex-direction: column;



justify-content: center;



align-items: center;



position: absolute;



width: 100%;



height: 100vh;



top: 0;



left: 0;



opacity: 0;



visibility: hidden;



transition: all .3s;



overflow: auto;



z-index: 10;



}



.rtbet-header-controls-wrap.is-active .rtbet-mobile-menu-bg {



opacity: .95;



visibility: visible;



}



.rtbet-header-controls-wrap.is-active {



opacity: 1;



visibility: visible;



}



.rtbet-main-nav {



display: block;



}



.rtbet-header__menu-btn {



display: flex;



}



.rtbet-submenu-expand-btn {



display: block;



background-repeat: no-repeat;



background-position: center;



background-image: url(//unibridgenetworks.com/wp-content/themes/Rt-bet/images/arrow-up.svg);



width: 40px;



height: 40px;



transform: scale(1, -1);



cursor: pointer;



}



.rtbet-submenu-expand-btn:hover {



opacity: .7;



} 



.rtbet-submenu-expand-btn.is-active {



transform: none;



}



.rtbet-main-nav > li {



height: auto;



margin: 0 0 20px;



}



.rtbet-main-nav > li:last-child {



margin: 0;



}



.rtbet-main-nav > li > a {



font-size: 20px;



font-weight: 600;



} .rtbet-header-menu-wrap {



margin: 0;



width: 100%;



text-align: center;



}



.rtbet-main-nav > li > a:hover, 



.rtbet-main-nav > li.current-menu-item > a {



color: var(--navigation-hover);



}



.rtbet-header--centered .rtbet-main-logo {



margin-bottom: 0;



}



}



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



}



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



.rtbet-header__menu-btn {



right: 15px;



}



} .rtbet-footer {



padding: 25px 0 50px;



background-size: cover;



background-position: center center;



background-repeat: no-repeat;



}



.rtbet-footer--img-bg {



position: relative;



}



.rtbet-footer--img-bg:before {



content: '';



position: absolute;



width: 100%;



height: 100%;



top: 0;



left: 0;



background: rgba(0, 0, 0, .3);



}



.rtbet-footer-wrap {



display: flex;



flex-wrap: wrap;



justify-content: space-between;



align-items: center;



position: relative;



}



.rtbet-footer-logo {



max-width: 150px;



}



.rtbet-copyright {



width: 100%;



text-align: center;



color: var(--footer-text);



} 



.rtbet-footer-random-logos {



display: flex;



justify-content: center;



align-items: center;



flex-wrap: wrap;



width: 100%;



margin-bottom: 30px



}



.rtbet-footer-logo-item {



display: flex;



padding: 0 15px;



margin-bottom: 15px;



}



.rtbet-footer-logo-item img {



max-width: 150px;



max-height: 30px;



}



.rtbet-foot-nav {



padding: 0;



margin: 0 0 30px;



display: flex;



list-style-type: none;



}



.rtbet-foot-nav li {



padding: 0 10px;



}



.rtbet-foot-nav a {



text-decoration: none;



font-weight: 600;



color: var(--footer-navigation);



}



.rtbet-foot-nav a:hover {



color: var(--footer-navigation-hover);



}



.rtbet-footer--centered .rtbet-footer-wrap {



flex-direction: column;



}



.rtbet-footer--centered .rtbet-footer-logo {



margin-bottom: 20px;



}



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



.rtbet-footer-wrap {



flex-direction: column;



}



.rtbet-footer-logo {



margin-bottom: 20px;



}



.rtbet-foot-nav {



flex-wrap: wrap;



justify-content: center;



}



.rtbet-foot-nav li {



margin-bottom: 10px;



}



}



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



.rtbet-foot-nav {



flex-direction: column;



align-items: center;



}



} .rtbet-banner {



background-size: cover;



background-position: center center;



background-repeat: no-repeat;



background-attachment: fixed;



padding: 125px 0;



}



.rtbet-banner.rtbet-banner--img-bg {



position: relative;



}



.rtbet-banner.rtbet-banner--img-bg:before {



content: '';



position: absolute;



width: 100%;



height: 100%;



top: 0;



left: 0;



background: rgba(0, 0, 0, .5);



}



.rtbet-banner--light {



color: var(--text-lighter);



}



.rtbet-banner--centered {



text-align: center;



}



.rtbet-banner-wrap {



max-width: 1100px;



margin: 0 auto;



position: relative;



padding: 0 15px;



}



.rtbet-banner-copy {



margin-bottom: 30px;



}



.rtbet-banner p {



font-size: 20px;



}



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



.rtbet-banner {



padding: 80px 0;



}



.rtbet-banner p {



font-size: 16px;



}



} .rtbet-text-section {



padding: 30px 0;



}



.rtbet-text-section .rtbet-btn-block {



margin: 30px 0;



} 



.rtbet-text-section .rtbet-btn-block--center {



text-align: center;



} .rtbet-text-with-image-section {



padding: 30px 0;



}



.rtbet-text-with-image-section .rtbet-row--reversed {



flex-direction: row-reverse;



}



.rtbet-text-with-image-section .rtbet-copy-col {



width: 60%;



}



.rtbet-text-with-image-section .rtbet-image-col {



width: 40%;



}



.rtbet-text-with-image-section .rtbet-image-col-left {



text-align: left;



}



.rtbet-text-with-image-section .rtbet-image-col-center {



text-align: center;



}



.rtbet-text-with-image-section .rtbet-image-col-right {



text-align: right;



}



.rtbet-text-with-image-section .rtbet-btn-block {



margin: 30px 0;



} 



.rtbet-text-with-image-section .rtbet-btn-block--center {



text-align: center;



}



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



.rtbet-text-with-image-section .rtbet-copy-col,



.rtbet-text-with-image-section .rtbet-image-col {



width: 50%;



}



}



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



.rtbet-text-with-image-section .rtbet-copy-col,



.rtbet-text-with-image-section .rtbet-image-col {



width: 100%;



}



.rtbet-text-with-image-section .rtbet-row {



flex-direction: column-reverse;



}



.rtbet-text-with-image-section .rtbet-image-col {



margin-bottom: 30px;



}



} .rtbet-cta {



padding: 70px 0;



position: relative;



text-align: center;



background-repeat: no-repeat;



background-size: cover;



background-attachment: fixed;



background-position: center center;



}



.rtbet-cta.rtbet-cta--img-bg:before {



content: '';



position: absolute;



width: 100%;



height: 100%;



top: 0;



left: 0;



background: rgba(0, 0, 0, .5);



}



.rtbet-cta-wrap {



position: relative;



max-width: 700px;



margin: 0 auto;



} .rtbet-single-image-section--center {



text-align: center;



}



.rtbet-single-image-section--left {



text-align: left;



}



.rtbet-single-image-section--right {



text-align: right;



}



.rtbet-single-image {



display: inline-block;



}



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



}



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



h1 {



font-size: 3rem;



}



h2 {



font-size: 2.2rem;



}



h3 {



}



}



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



h1 {



font-size: 2rem;



}



h2 {



font-size: 1.8rem;



}



h3 {



font-size: 1.6rem;



}



h4 {



font-size: 1.4rem;



}



h5 {



font-size: 1.3rem;



}



h6 {



font-size: 1.2rem;



}



}