/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/

:root {

    /* Layout */
    --site-width: 1200px;
    --content-width: 800px;
    --sidebar-width: 320px;
    --border-radius: 8px;
	
	--maxwid-headfoot: 1222px;
	--maxwid-foothead: 1300px;
	--maxwid-content: 1200px;

    /* Colours */
    --color-red: #CB2026;
    --color-litegrey: #F4F7F9;
    --color-litered: #FEF0F0;
    --color-headfoot: #121212;
    --color-rededge: #EF1E2D;
    --color-blackbg: #231F20;
    --color-greybg: #404041;

    --color-text: #333333;
    --color-textgrey: #989898;
    --color-textlite: #D9D7D7;
    --color-heading: #111111;

    --colorbg: #f7f8f9;
    --colorfff: #fff;

    /* Typography */
    --font-body: "Inter", sans-serif;
    --font-heading: "Inter", sans-serif;

    --fonth6: 16px;
    --fonth5: 19px;
    --fonth4: 23px;
    --fonth3: 27px;
    --fonth2: 32px;
    --fonth1: 72px;
    --fontbody: 19px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow-md: 0 3px 10px rgba(0,0,0,.12);
    --shadow-lg: 0 10px 30px rgba(0,0,0,.18);

}


body[data-elementor-device-mode="mobile"] #gt_float_wrapper{
	top:unset !important;
	bottom:0 !important;
	left:0 !important;
	right:unset !important;
}
body[data-elementor-device-mode="mobile"] #ocmunity{
	justify-content:center;
	display:flex;
}
body[data-elementor-device-mode="mobile"] #ocmunity ul {
  flex-direction: column;
  gap: 14px;
  max-width: 333px;
  justify-content: center;
  align-items: center;
  width: 90%;
}
body[data-elementor-device-mode="mobile"] #ocmunity ul li{
  width:100%;
}

html{
  animation-name: open; animation-duration:.8s; animation-iteration-count: 1; animation-timing-function: ease-in; 
  -o-animation-name: open; -o-animation-duration:.8s; -o-animation-iteration-count: 1; -o-animation-timing-function: ease-in; 
  -moz-animation-name: open; -moz-animation-duration:.8s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-in; 
  -webkit-animation-name: open; -webkit-animation-duration:.8s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; 
  -ms-animation-name: open; -ms-animation-duration:.8s; -ms-animation-iteration-count: 1; -ms-animation-timing-function: ease-in; 
}
@-o-keyframes open { 0% { opacity:0;} 70% { opacity:0.8; } 100% { opacity:1;  display:block; }} 
@-moz-keyframes open { 0% { opacity:0;} 70% { opacity:0.8; } 100% { opacity:1;  display:block; }} 
@-webkit-keyframes open { 0% { opacity:0;} 70% { opacity:0.8; } 100% { opacity:1;  display:block; }} 
@-ms-keyframes open { 0% { opacity:0;} 70% { opacity:0.8; } 100% { opacity:1;  display:block; }} 
@keyframes open { 0% { opacity:0;} 70% { opacity:0.8; } 100% { opacity:1;  display:block; }} 



	/* fonts */
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-Regular.eot');
    src:
        url('font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-Regular.woff2') format('woff2'),
        url('font/MyriadPro-Regular.woff') format('woff'),
        url('font/MyriadPro-Regular.ttf') format('truetype'),
        url('font/MyriadPro-Regular.svg#MyriadProRegular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Univers';
    src: url('font/Univers-Condensed.eot');
    src:
        url('font/Univers-Condensed.eot?#iefix') format('embedded-opentype'),
        url('font/Univers-Condensed.woff2') format('woff2'),
        url('font/Univers-Condensed.woff') format('woff'),
        url('font/Univers-Condensed.ttf') format('truetype'),
        url('font/Univers-Condensed.svg#Univers') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}	




html,body{
}

h1{
	font-size:var(--fonth1);
}
h2{
	font-size:var(--fonth2);
}
h3{
	font-size:var(--fonth3);
}
h4{
	font-size:var(--fonth4);
}
h5{
	font-size:var(--fonth5);
}
h6{
	font-size:var(--fonth6);
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-widget-heading .elementor-heading-title{
    font-family: 'Univers' !important;
}
p{
    font-family: 'Myriad Pro';
}
a{
    font-family: 'Myriad Pro';
	color:var(--color-red);
}



/* menus */




/* Mobile menu */
#ocmmobilemenu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;

    overflow-x: hidden;
    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;

    z-index: 99999;
}

.ocmapplynow{
	background:var(--color-red);
	border-radius:6px;
	border:0 !important;
/* 	  height: 36px; */
	white-space: nowrap;
}
.ocmapplynow:hover{
	background:#ececec;
}
.ocmapplynow a{
	color:#fff !important;
	font-weight:bold;
	  padding: 5px 10px 2px !important;
}
.ocmapplynow:hover a{
	color:var(--color-red) !important;
}
.ocmespanol{
	color:var(--color-red);
	font-weight:bold;
}

body[data-elementor-device-mode="tablet"] .ocmapplynow,
body[data-elementor-device-mode="mobile"] .ocmapplynow{
	padding:13px;
	margin-bottom:81px;
}




.gt_selected img{
	  opacity:0 !important;
	width:0px !important;
}
.gt_selected a{
  font-size:20px !important;
  font-weight: 600;
	border:0 !important;
	background:transparent;
  padding: 6px !important;
	width:100% !important;
	  font-family: 'Univers' !important;
}
.gtranslate_wrapper .gt_switcher{
  width: 202px !important;
}
.gtranslate_wrapper .gt_switcher .gt_option,
.gtranslate_wrapper .gt_switcher .gt_selected{
  width: 100% !important;
}
.gtranslate_wrapper .gt_switcher .gt_option{
  position: absolute !important;
	max-width:202px;
}

#ocmfootlang .gt_switcher,
#ocmfootlang .gt_switcher .gt_selected{
	background: transparent;
	border: 0;
}
#ocmfootlang .gt_selected a{
	color:#EF1E2D;
}
#ocmheader .gt_switcher,
#ocmheader .gt_switcher .gt_selected{
	background: transparent;
	border: 0;
}
#ocmheader .gt_selected a{
	color:#EF1E2D;
}
.gtranslate_wrapper .gt_switcher .gt_selected{
	
}

/* fluent forms */
#fluentform_5 label, #fluentform_6 label{
	color:#fff !important;
}
.frm-fluent-form label{
    font-size:13px;
}
.fluentform .ff-el-group {
  margin-bottom: 13px !important;
}
/* fomrinatr forms */


body.home .forminator-button {
  width: 100%;
  font-size: 19px;
  font-weight: 700;
}

.forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row:not(:last-child) {
  margin-bottom: 11px;
}
.forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col:not(:last-child) {
  margin-bottom: 20px;
}

#name-1 > .forminator-row {
  display: flex;
  gap: 9px;
}


/* reviews */







.sb-btn,
.sb-feed-header-btn-ctn,
.sb-feed-header{
    display:none !important;
}
.sb-feed-posts > .sb-post-item-wrap,
#sb-reviews-container-1 [data-post-style="regular"] .sb-post-item-wrap {
  border-bottom: 1px solid #eee;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-color: #f4f4f4 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 0 !important;
  display: block !important;
  position: relative;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  background-color: #f4f4f4 !important;
  backdrop-filter: blur(0px);
	  margin-bottom: 16px !important;
}
.sb-item-author-name {
  font-weight: 600 !important;
  font-size: 15px !important;
  overflow: hidden;
  padding-right: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000000;
  font-family: "Trustindex Poppins";
  font-size: 14px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.ti-widget.ti-goog.ti-disable-animation .ti-widget-container {
  margin-top: 0px !important;
}
#sb-reviews-container-1 .sb-item-rating {
  margin: 11px 0px 7px 0px !important;
}
.ti-widget.ti-goog .ti-review-item:nth-child(n+7) {
    display: none !important;
}
.sb-item-text {

  -webkit-box-orient: vertical;
  line-height: 21.75px;
  height: 87px;
  text-align: left;
  transition: height 0.5s;
  word-wrap: break-word;
  word-break: break-word;
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden !important;
  padding-right: 0;
  height: unset;
  max-height: 87px;
  color: #000000 !important;
  font-family: "Trustindex Poppins" !important;
  font-size: 14px !important;

}

.sb-feed-posts > .sb-post-item-wrap, #sb-reviews-container-1 [data-post-style="regular"] .sb-post-item-wrap,
.ti-widget.ti-goog .ti-review-item {
  box-shadow: 0px 0px 6px #ccc;
  border-radius:3px;
}



.review-box .quote {
  line-height:81px;
}


.elementor-element-ad02b63 ul li{
    padding: 5px 20px !important;
  border-radius: 4px;
  box-shadow: 0px 0px 7px #ccc;
}

/* ==========================================================
   Mobile Menu
   ========================================================== */

#ocmmobilemenu nav,
#ocmmobilemenu ul {
    margin:0;
    padding:0;
    list-style:none;
}

#ocmmobilemenu li {
    border-bottom:1px solid rgba(0,0,0,.08);
}

#ocmmobilemenu a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 24px;
    text-decoration:none;
    color:#222;
    font-size:17px;
    transition:.25s;
}

#ocmmobilemenu a:hover{
    background:#f5f5f5;
}

/* ==========================================================
   Accordion
   ========================================================== */

#ocmmobilemenu .sub-menu{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
    background:#fafafa;
}

#ocmmobilemenu .sub-menu a{
    padding-left:40px;
}

#ocmmobilemenu .sub-menu .sub-menu a{
    padding-left:60px;
}

#ocmmobilemenu .sub-menu .sub-menu .sub-menu a{
    padding-left:80px;
}

/* ==========================================================
   Plus / Minus
   ========================================================== */

#ocmmobilemenu .menu-item-has-children > a::after{
    content:"+";
    font-size:24px;
    line-height:1;
    transition:.3s;
}

#ocmmobilemenu .menu-item-has-children.open > a::after{
    content:"−";
}

/* ==========================================================
   Desktop Navigation
   ========================================================== */

#ocmenuheadr {
    position: relative;
    z-index: 1000;
}

#ocmenuheadr ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ocmenuheadr li {
    position: relative;
	text-align:center;
}
#menu-header-menu,
#menu-header-menu-2 {
    display: flex;
    align-items: center;
    gap: 20px;
}

#ocmenuheadr a {
    display: block;
    text-decoration: none;
    color: var(--text-color);
    padding:3px 0;
    transition: color .25s ease;
}

#ocmenuheadr a:hover {
    color: var(--primary);
}

/* Current page */

#ocmenuheadr .current-menu-item > a,
#ocmenuheadr .current-menu-parent > a {
    color: var(--primary);
}

/* ==========================================================
   Dropdown
   ========================================================== */

#ocmenuheadr .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 260px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
        opacity .25s,
        transform .25s,
        visibility .25s;
    box-shadow: 0 5px 14px rgba(0,0,0,.1);
    border-radius: 8px;
    padding: 10px 0;
}

#ocmenuheadr li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#menu-header-menu-2 > li{
	border-bottom:2px solid transparent;
}
#menu-header-menu-2 > li:hover{
	border-bottom:2px solid #EF1E2D;
}
#ocmenuheadr .sub-menu li {
    width: 100%;
}
#ocmenuheadr .sub-menu li:hover {
	background:#ddd;
}

#ocmenuheadr .sub-menu a {
    padding: 12px 20px;
    white-space: nowrap;
}

/* ==========================================================
   Third level
   ========================================================== */

#ocmenuheadr .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    margin-left: 8px;
}

/* ==========================================================
   Arrows
   ========================================================== */

.menu-item-has-children > a::after {
    content: "▾";
    margin-left: 8px;
    font-size: .65em;
}

.sub-menu .menu-item-has-children > a::after {
    content: "▸";
    float: right;
}



/* layout */

#site-header,
#site-footer,
#top-header,
#bottom-header{
	width:100%;
	max-width:unset;
}


#site-header{
}

#top-header .headtopinner{
    max-width: var(--maxwid-foothead);
	margin:0 auto;
	padding:0 18px;
}
#bottom-header .headbottominner{
    max-width: var(--maxwid-foothead);
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	padding:0 18px;
}
#content{
	max-width:var(--maxwid-content);
}
#site-footer .site-footinner{
    max-width: var(--maxwid-headfoot);
	padding-bottom:0;
	margin:0 auto;
}


#top-header {
	background:var(--color-headfoot);
	border-bottom:6px solid var(--color-red);
}
#bottom-header {
	background:#fff;
	border-bottom:6px solid var(--color-red);
}

#site-footer {
	background:var(--color-headfoot);
	border-top:7px solid var(--color-red);
	padding-bottom:0;
}


/* header */


#ocmstickyhead #ocmheadlogo img{
    transition:all 0.6s ease;
}
#ocmstickyhead.is-sticky #ocmheadlogo img{
	width:180px;
}

.elementor .e-flexbox-base{
     padding: 0px !important;
}


#ocmstickyhead.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

ul#menu-header-menu{

}
#menu-item-584 {
	margin-top:-5px;
}
ul#menu-header-menu li a{
    color:#444;
    font-weight:600;
	font-size: 17px;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none; 
}
ul#menu-header-menu li{
    border-bottom:3px solid transparent;
    transition:all 0.6s ease;
}
ul#menu-header-menu li:hover{
    border-bottom:3px solid var(--color-red);
}


.site-navigation ul.menu li a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}
.site-section-widget{
	display:flex;
	justify-content: space-between;
}
.site-section-widget p{
	color:#fff;
}
.site-navigation {
  display: flex;
  align-items: flex-end;
  padding-bottom: 13px;
}

#ocmunity ul li{
  margin: 9px;
}
body[data-elementor-device-mode="mobile"] #ocmunity ul li{
  margin: 5px;
}




/* footer */


#ocmfoot{
    flex-direction:column !important;
}

body.page-id-548 .ocmfootertrick,
body.home .ocmfootertrick{
	display:none !important;
}
.elementor-element-a745298 {
	flex-direction:column !important;
}

footer#site-footer .site-footinner{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	gap:18px;
}

.footercol1{
	width:44%;
}
.footercol2{
	width:27%;
}
.footercol3{
	width:27%;
}

ul#menu-footer-menu{
    list-style:none;
	padding:0;
}
ul#menu-footer-menu li a{
    font-size:17px;
    font-weight:600;
    color:var(--color-textlite);
    padding:8px 3px !important;
	transition:all 0.7s ease;
	border-bottom:2px solid transparent;
}

ul#menu-footer-menu li{
	margin-top:5px;
	padding:4px 0;
}
ul#menu-footer-menu li a:hover{
	border-bottom:2px solid #EF1E2D;
}



@media (max-width: 644px) {
  .elementor-33 .elementor-element.elementor-element-7b49641 img {
    width: 144px !important;
  }
	.elementor-element-fbe7f76{
		margin-bottom:6px;
	}
    .elementor-element-fbe7f76 .elementor-button-text{
        width:56px;
		font-size: 14px;
    }
}