/*************************************** Base Styles  ***************************************/  /* Clear Elements */    .group:before, .group:after {content: ""; display: table;}     .group:after {clear: both;}    .group {zoom: 1;}    /* Set up REM style */  /*  html { font-size: 62.5%; }     body { font-size: 14px; font-size: 1.4rem; background: #fff;}     h1   { font-size: 24px; font-size: 2.4rem; } */    /* Older browsers */    html { font-size: 12px; background: #ffffff; scroll-behavior: smooth;}      @media screen and (min-width: 320px){      html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }  }      @media screen and (min-width: 800px){        html { font-size: 16px; }  }    /* Border Box */    *, *:before, *:after {        -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;    }.inner-position {display: table-cell; vertical-align: middle;}/*************************************** Fonts  ***************************************/  /* font-family: 'Rubik', sans-serif;light = 300reg = 400med = 500semi-bold = 600bold = 700extra-bold = 800blck = 900  */    h1 {font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; font-size: 53px; font-size: 3.3125em; line-height: 1; margin: 0px; color: #323266; margin-bottom: 15px;}    h2 {font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; font-size: 45px; font-size: 2.8125em; line-height: 1; margin: 0px;  color: #323266; margin-bottom: 15px;}    h3 {font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1; margin: 0px; color: #323266; margin-bottom: 15px;}    h4 {font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1; margin: 0px;  color: #323266; margin-bottom: 15px;}    h5 {font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1; margin: 0px; color: #323266; margin-bottom: 15px;}    h6 {font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1; margin: 0px; color: #323266; margin-bottom: 15px;}    p {color: #232323; font-family: 'Rubik', sans-serif;  font-size: 16px; font-size: 1em; line-height: 1.5;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;}    a {color: #232323; font-family: 'Rubik', sans-serif; text-decoration: none; font-style: normal; }    ul li, ol li, li {color: #232323; font-family: 'Rubik', sans-serif; font-style: normal; }    em {color: #232323; font-family: 'Rubik', sans-serif; font-style: italic; }/***************************************Buttons ***************************************/.menu-btn {display:  none; outline: 2px solid #ffffff; outline-offset: 3px; text-align:  center; font-family: 'Rubik', sans-serif;  font-weight: 500; font-style: normal; font-size: 16px; font-size: 1em; transition: all 0.5s ease 0s; padding: 10px 20px; text-decoration: none; color: #323266; position: relative;background: #ffffff;}.menu-btn:hover {outline: 2px solid #66669b; outline-offset: 3px; color: #fff; background: #66669b;}.menu-btn:after {content:"»"; display:  inline-block; margin-left: 10px; transition: all 0.5s ease 0s;}.menu-btn:hover:after {margin-left: 15px;}.blue-btn {outline: 2px solid #66669b; outline-offset: 3px; display:  inline-block; text-align:  center; font-family: 'Rubik', sans-serif;  font-weight: 500; font-style: normal; font-size: 16px; font-size: 1em; transition: all 0.5s ease 0s; padding: 10px 20px; text-decoration: none; color: #fff; position: relative;background: #323266;}.blue-btn:hover {outline: 2px solid #66669b; outline-offset: 3px; color: #fff; background: #66669b;}.blue-btn:after {content:"»"; display:  inline-block; margin-left: 10px; transition: all 0.5s ease 0s;}.blue-btn:hover:after {margin-left: 15px;}.white-btn {outline: 2px solid #ffffff; outline-offset: 3px; display:  inline-block; text-align:  center; font-family: 'Rubik', sans-serif;  font-weight: 500; font-style: normal; font-size: 16px; font-size: 1em; transition: all 0.5s ease 0s; padding: 10px 20px; text-decoration: none; color: #323266; position: relative;background: #ffffff;}.white-btn:hover {outline: 2px solid #66669b; outline-offset: 3px; color: #fff; background: #66669b;}.white-btn:after {content:"»"; display:  inline-block; margin-left: 10px; transition: all 0.5s ease 0s;}.white-btn:hover:after {margin-left: 15px;}/*************************************** Animations***************************************//*************************************** Header Bar ***************************************/.header-bar {width:  100%; padding:  15px; display:  flex; align-items: center;}.header-logo {width:  8%; margin-right:  2%;}.header-logo img {width:  80px;}.header-contact {width:  30%;}.header-contact a {color: #fff;transition: all 0.5s ease 0s; font-size: 18px; font-size: 1.125em; margin-right:  20px;}.header-contact a:hover {color: #fff; }.header-contact-details img {width:  15px; margin-right: 5px; vertical-align: middle;}.header-contact-details h3 {color:  #00236f; font-size:  16px; font-size: 1em; font-weight: 500; margin:  0px;}.header-contact-details h2 {color:  #00236f; font-size:  20px; font-size: 1.25em; font-weight: 500; margin:  0px;}.header-nav {width:  60%; text-align:  right;}/* NAVIGATION */.nav-box {position: relative;}.nav {width:  100%;}#navInsprimary {display:  inline-block;}#primary {  margin: 0px 0px 0px 0px; padding-left: 0px;    text-align: right; }#primary>li { display: inline-block; vertical-align: middle;  list-style-type: none; position: relative; text-align: center; padding:  0 10px;}#primary>li:hover {transition: all 0.5s ease 0s; }#primary>li>a { border-bottom:  2px solid transparent; height: 100%; display: inline-block; transition: all 0.5s ease 0s; margin: 0 0px;  vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Kanit', sans-serif; font-size: 18px; font-size: 1.125em; font-weight: 400; font-style: normal; color: #fff; position: relative;  text-decoration: none; padding: 10px 0px; }#primary>li>a:hover {border-bottom: 2px solid #fff;}#primary>li>a.linkActive {border-bottom: 2px solid #fff;}#primary>li>a.linkActive:after {visibility: visible !important;}  /* Dropdown LV1 */#primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}#primary>li:hover>ul {display: block;  position: absolute; top: 54px; left: 50%; transform: translateX(-50%); z-index: 9999; background:rgba(255,255,255,0.3); border: 2px solid #fff;padding: 0px; }#primary>li>ul>li { text-align:center;  border-bottom: 1px solid #fff;}#primary>li>ul>li:last-of-type {border-bottom: 0px;}#primary>li>ul>li:hover {background: #2c7cc0; }#primary>li>ul>li>a {padding: 10px 10px !important; font-family: 'Rubik', sans-serif; font-size: 14px; font-size: 0.875em; font-weight: normal; font-style: normal; color: #fff; height: auto;  display: block; border: none; text-decoration:none; }#primary>li>ul>li>a:hover {text-decoration: none;}#primary li>ul>li {position: relative;}  /* Dropdown LV2 */#primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}/*************************************** Navigation ***************************************/.pushy-inner {background: #d8d8d8;     display: block;width: 100%;height:  100%;  }.mobile-logo {background:url('/rbbf-com/_img/img/home-banner.jpg'); background-size: cover; background-position: center center;position: relative;}.mobile-logo .dark-overlay {padding: 50px 20px 50px 20px;}.mobile-logo {text-align: center;}.mobile-logo img {width: 75px; vertical-align: middle; }.mobile-logo a {padding: 0px !important;}.close-btn a img {width:  30px; display:  block; -webkit-transition: -webkit-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out;}.close-btn a {z-index: 99; position: absolute; top: 10px; right: 10px;  display: block; transition: all 0.5s ease 0s; display: inline-block;  font-family: 'Poppins', sans-serif; font-weight: 400; font-style: normal;   font-size: 20px; font-size: 1.25em; text-transform: uppercase; color: #fff !important;  }.close-btn a:hover img {transform: rotate(360deg);}.pushy-content {position:  relative;}.pushy {}/*.push-contact a {width: 33.33%; text-align: center; float: left;}.push-contact a img {height: 15px; margin-right: 0px;}*/.pushy-navigation { }.pushy-navigation ul {margin: 0px; padding: 0px; }.pushy-navigation ul li {font-size: 16px; font-size: 1em; border-bottom: 1px solid #4d5b6a; transition: all 0.5s ease 0s; width: 100%; display: block; }.pushy-navigation ul li a {padding:  15px 15px;position:  relative; text-transform: none; border-left: 3px solid transparent;  font-family: 'Kanit', sans-serif; font-size: 18px; font-size: 1.125em; line-height: 1.3;font-weight: 400; font-style: normal; color: #232323; transition: all 0.5s ease 0s;}.pushy-navigation ul li a:after {-webkit-transition: -webkit-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;transform-origin: center; content:url('/rbbf-com/_img/img/blue-arrow.svg'); width:  20px; position:  absolute; right:  10px; top:  52%; transform: translateY(-50%);}.pushy-navigation ul li a:hover {background: #a1a1a1; color: #fff;}.pushy-navigation ul li a:hover:after {content:url('/rbbf-com/_img/img/white-arrow.svg'); transform: translateY(-50%) rotate(360deg);}.pushy-navigation ul li ul {/*background: #eeeeee;*/ }.pushy-navigation ul li ul li a { font-family: 'Rubik', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.3;font-weight: normal; font-style: normal; color: #2c7cc0; transition: all 0.5s ease 0s; text-transform: none;}.pushy-navigation ul li ul li a:hover {background: rgba(44, 124, 192,1.0); color: #fff;}.pushy-navigation ul li ul li:last-of-type {border-bottom: 0px;}.pushy a {  display: block;}/*.pushy-contact p a {padding: 5px 30px; color: #fff;}*/.inner-position {width: 100%; display: table-cell; vertical-align: middle;}.pushy-extra-buttons {padding:  25px;display:  flex;}.pushy-extra-buttons a {width:  49%; margin-right: 1%;color: #fff;}/*************************************** Home  Page***************************************/.previewFrame .home-banner-wrapper {height:  700px;}.main-banner-image {width: 100%; /*height: 95vh;*/ border-bottom: 30px solid #fff;}.dark-overlay {width:  100%; height:  100%; background:rgba(16, 36, 52, 0.67); position:  relative;}.home-banner-inner {width: 100%; display:  flex;}.home-banner-text {width:  50%; padding: 0px 5% 40px 5%; align-self:  flex-end;}.home-banner-text h3 {font-size: 30px; font-size:  1.875em; color: #dfdef1;}.home-banner-text h1 {font-size: 72px; font-size:  4.5em; color: #fff; font-weight: 300;}.home-banner-images {width:  45%; margin-right:  5%;}.home-banner-slides li:after {content:""; display:  block; padding-top: 80%;}.home-banner-slides {position:  relative; padding:  0px; margin:  0px; margin-bottom: -5%;}.home-banner-slides:before {content:""; display:  block; position: absolute; top: -15px; left: -15px; bottom: -15px; width:  50%; background: #66669b; z-index: 0;}.about-wrapper {padding:  180px 0px ;}.about-wrapper .row {display:  flex; align-items: center;}.about-images {display: block;}.about-image {width:  30.33%; margin-right:  3%; float:  left;}.about-image:after {padding-top: 250%; content:""; display:  block;}.about-image-left {margin-top:  30px;}.about-image-right {margin-top:  30px;}.about-text h3 {font-size: 16px; font-size: 1em; color:  #66669b; font-weight:  600;}.about-text h2 {font-size: 40px; font-size: 2.5em;}.gallery-wrapper {background:url('/rbbf-com/_img/img/gallery-bg.jpg'); background-size: cover; background-position:  center center;}.gallery-wrapper .dark-overlay {}.gallery-wrapper .row {display:  flex;}.gallery-text {padding: 70px 0px; align-self:  flex-end;}.gallery-text h2 {color:  #fff;}.gallery-text p {color: #fff;}.gallery-images-wrapper {margin-top: -100px; margin-bottom: -100px;}.gallery-images {width:  100%; background: #ff0000; margin-bottom:  20px; float:  left}.gallery-images:after {padding-top: 135%; content:""; display:  block;}.gallery-images-left {width:  49%; margin-right: 2%; margin-top: 50px; float:  left;}.gallery-images-right {width:  49%;float:  left;}.contact-wrapper {padding: 200px 0 125px 0;}.contact-wrapper-inner {width:  100%; display:  flex;}.contact-wrapper-details {width:  50%;background:url('/rbbf-com/_img/img/contact-bg.jpg'); background-size: cover; background-position:  center center; position: relative; }.contact-wrapper-details:before {content:""; display:  block; position: absolute; top: -15px; left: -15px; bottom: -15px; width:  50%; background: #66669b; z-index: -1;}.contact-wrapper-details .dark-overlay {padding:  35px 35px 35px 35px;}.contact-wrapper-details h2 {color: #fff;}.contact-wrapper-details p {color: #fff;}.contact-wrapper-details img {width: 35px; vertical-align: middle; margin-right: 5px; }.contact-wrapper-details a {margin-bottom:  5px; display:  block; color: #fff;}.contact-wrapper-form {width:  50%; padding:  35px; background: #e3e2e2;}.footer-wrapper {padding: 50px 0px; background: #102434;  }.footer-wrapper .row {display: flex; align-items:  center;}.footer-contact a {color: #fff; transition: all 0.5s ease 0s; font-size: 18px; font-size: 1.125em; margin-right:  20px;}.footer-contact a:hover {color: #66669b; }.footer-bottom {padding:  25px 0px; background: #08131d; text-align:  center;}.footer-bottom p {margin:  0px; color: #fff;}.footer-bottom p a {color: #fff; transition: all 0.5s ease 0s;}.footer-bottom p a:hover {color: #66669b;}/***************************************Inner Pages***************************************/.inner-title {padding: 50px 0px; }.inner-title h1 {color: #fff; text-align:  center;}.inner-content-wrapper {padding: 70px 0px;}.image-gallery-summary {display: flex; flex-wrap: wrap;}.image-gallery-summary form {width:  49%; margin-right:  1%; margin-bottom: 20px; border: 5px solid #102434; background:#102434; }.image-gallery-summary form .image-gallery-item {width:  100%; margin: 0px;}.image-gallery-summary form .image-gallery-item .image-gallery-summary-item-image-top a {display:  block; padding-top:  75%;}.image-gallery-summary form .image-gallery-item .image-gallery-summary-item-title {padding: 10px; font-family: 'Rubik', sans-serif; font-weight: 400; font-style: normal; color:  #fff; font-size:  25px; font-size: 1.5625em;}.image-gallery-summary form .image-gallery-summary-item-link {padding: 10px; }.image-gallery-summary form .image-gallery-summary-item-link a {outline: 2px solid #ffffff; outline-offset: 3px; display:  inline-block; text-align:  center; font-family: 'Rubik', sans-serif;  font-weight: 500; font-style: normal; font-size: 16px; font-size: 1em; transition: all 0.5s ease 0s; padding: 10px 20px; text-decoration: none; color: #323266; position: relative;background: #ffffff;}.image-gallery-summary form .image-gallery-summary-item-link a:hover {outline: 2px solid #66669b; outline-offset: 3px; color: #fff; background: #66669b;}.image-gallery-summary form .image-gallery-summary-item-link a:after {content:"»"; display:  inline-block; margin-left: 10px; transition: all 0.5s ease 0s;}.image-gallery-summary form .image-gallery-summary-item-link a:hover:after {margin-left: 15px;}.image-gallery-summary-item-image-side {display:  none;}.image-gallery-summary-item-category {display:  none;}.image-gallery-summary-item-created {display:  none;}.image-gallery-summary-item-updated {display:  none;}.image-gallery-summary-item-description {display:  none;}.image-gallery-title {display: none;}.image-gallery {display:  flex; flex-wrap: wrap;}.image-gallery-item {width:  32.33%; margin-right:  1%;}.image-gallery-item-title,.image-gallery-item-created,.image-gallery-item-updated {display:  none;}.image-gallery-item-image-link {display:  block; padding-top:  100%; margin-bottom:  15px; border: 5px solid #102434;  background:  #fff;}#s7952665 .contact-wrapper {padding:  125px 0px;}.inner-content-split {width:  100%; display:  flex;}.inner-content-split-left {width:  50%; padding:  75px 0px;}.inner-content-split-right {width:  50%;}.inner-content-wrapper.grey {background: #efefef;}.testimonials ul {padding-left:  0px;}.testimonials ul li {padding:  20px; background: #102434;}.testimonials ul li p {color: #fff;}.slick-dots li {background:  none !important;}.slick-dots li button {background: #08131d;}/*************************************** Blog***************************************//***************************************Footer***************************************//***************************************Form***************************************/.defaultForm {  width: 100%;  *zoom: 1;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {float: left;  width: 100%; margin-right:  0%;  position: relative; margin-bottom:  20px;}.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;  display: none;}.defaultForm .inputset label {  display: none;  width: 100%;font-family: 'Rubik', sans-serif;  font-size: 16px; font-size: 1em; color: #fff;}.defaultForm .inputset label.label {  display: none;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;}.defaultForm .inputset input, .defaultForm .inputset select {  width: 100%;   background: #fff; padding: 15px; border: 0px;font-family: 'Rubik', sans-serif;  font-size: 16px; font-size: 1em;  border-bottom: 3px solid #323266;}.defaultForm .inputset textarea {width: 100%;  height: 10.625em;  background: #fff; padding: 15px; border: 0px;font-family: 'Rubik', sans-serif;  font-size: 16px; font-size: 1em;border-bottom: 3px solid #323266;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {/*  text-align: right;*/}.defaultForm .form_submit {float: left;}.defaultForm .form_submit .fbElementButton {border:  0px; outline: 2px solid #66669b; outline-offset: 3px; display:  inline-block; text-align:  center; font-family: 'Rubik', sans-serif;  font-weight: 500; font-style: normal; font-size: 16px; font-size: 1em; transition: all 0.5s ease 0s; padding: 10px 20px; text-decoration: none; color: #fff; position: relative;background: #323266;}.defaultForm .form_submit .fbElementButton:hover {outline: 2px solid #66669b; outline-offset: 3px; color: #fff; background: #66669b;}.defaultForm .form_submit .fbElementButton:after {content:"»"; display:  inline-block; margin-left: 10px; transition: all 0.5s ease 0s;}.defaultForm .form_submit .fbElementButton:hover:after {margin-left: 15px;}.form_error {font-family: 'Rubik', sans-serif;  font-size: 16px; font-size: 1em; font-style: normal; padding: 10px; background: #ff0000; color: #fff; margin-bottom: 10px;}/*************************************** Ecommerce - General  ***************************************//***************************************Ecommerce - Listings ***************************************//***************************************Ecommerce - Item ***************************************//***************************************Ecommerce - Basket ***************************************//***************************************Ecommerce - Checkout ***************************************//***************************************Custom Modules***************************************//***************************************Custom Database***************************************//***************************************Media Queries***************************************/@media all and (max-width: 1400px) and (min-width: 0px) {.home-banner-inner {padding-top:  5%;}}@media all and (max-width: 1024px) and (min-width: 0px) {.header-contact {width:  70%;}.header-nav {width:  20%;}.header-nav ul {display:  none;}.menu-btn {display:  inline-block;}}@media all and (max-width: 768px) and (min-width: 0px) {.header-nav ul {display:  none;}.menu-btn {display:  inline-block;}.image-gallery-summary form {width:  100%; margin-right:  0%;  }}@media all and (max-width: 700px) and (min-width: 0px) { .footer-wrapper .row {flex-direction:  column; align-items: initial;} .one.column.footer-logo {width:  100%; text-align:  center;}  .footer-logo img {width: 75px;} .five.columns.footer-contact {text-align:  center; width:  100%; margin-top:  20px;} .six.columns.footer-nav {display:  none;}.header-bar {flex-direction: column; align-items: initial;}.header-logo {width:  100%; text-align: center; margin-bottom:  10px;}.header-contact {width:  100%; text-align:  center; margin-bottom:  20px;}.header-nav {width:  100%; text-align:  center; }.home-banner-inner {width:  100%; margin-top:  30px; flex-direction: column;}.home-banner-text {width:  100%;}.home-banner-images {width:  100%; padding:  0px 30px;}.about-wrapper {padding: 100px 0px 180px 0px;}}@media all and (max-width: 650px) and (min-width: 0px) {.about-wrapper {padding: 65px 0px;}.about-wrapper .row {flex-direction: column; align-items: initial;}.about-images {margin-bottom: 25px;}.gallery-wrapper .row {flex-direction: column; align-items: initial;}.gallery-images-wrapper {margin-top: 0px;}.contact-wrapper {padding: 170px 0 65px 0px;}.contact-wrapper-inner {flex-direction: column; align-items: initial;}.contact-wrapper-details {width: 100%;}.contact-wrapper-form {width: 100%;}.inner-content-split {flex-direction:  column;}.inner-content-split-left {width:  100%;}.inner-content-split-right {width:  100%; padding-top: 350px;}}@media all and (max-width: 480px) and (min-width: 0px) {}
/* not required */