/*--------------------------------- Common Css For all pages ---------------------------------*/
@font-face {
	font-family: 'Rubik Light';
	src: url('../../../fonts/Rubik-Light.eot'); /* IE9 Compat Modes */ src: url('../../../fonts/Rubik-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/Rubik-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/Rubik-Light.woff') format('woff'), /* Pretty Modern Browsers */ url('../../../fonts/Rubik-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/Rubik-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 300;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: 'Rubik';
	src: url('../../../fonts/Rubik.eot'); /* IE9 Compat Modes */ src: url('../../../fonts/Rubik.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/Rubik.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/Rubik.woff') format('woff'), /* Pretty Modern Browsers */ url('../../../fonts/Rubik.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/Rubik.svg#Rubik') format('svg'); /* Legacy iOS */
	font-weight: 400;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: 'Rubik Medium';
	src: url('../../../fonts/Rubik-Medium.eot'); /* IE9 Compat Modes */ src: url('../../../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/Rubik-Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/Rubik-Medium.woff') format('woff'), /* Pretty Modern Browsers */ url('../../../fonts/Rubik-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/Rubik-Medium.svg#Rubik-Medium') format('svg'); /* Legacy iOS */
	font-weight: 500;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Eyjmmd8WA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
  }
  @font-face {
	font-family: 'Rubik Bold';
	src: url('../../../fonts/Rubik-Bold.eot'); /* IE9 Compat Modes */ src: url('../../../fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/Rubik-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/Rubik-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('../../../fonts/Rubik-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/Rubik-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 700;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "Material Symbols Outlined";
	font-style: normal;
	font-weight: 100 400;
	src: url("../../../fonts/material-symbols-outlined.woff2") format("woff2");
	font-display: swap;
  }
  .material-symbols-outlined {
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
  }
  @font-face {
	font-family: "Material Symbols Rounded";
	font-style: normal;
	font-weight: 100 400;
	src: url("../../../fonts/material-symbols-rounded.woff2") format("woff2");
	font-display: swap;
  }
  .material-symbols-rounded {
	font-family: "Material Symbols Rounded";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
  }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;padding:0;	border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}
select, input, button {outline:0;font-family:'Rubik', sans-serif;}
:focus {outline:0;	outline-color:transparent;outline-style:none;}
::placeholder {color: #333;  opacity: 0.35;}
*, *:before, *:after {box-sizing:border-box;}
a {color: inherit; text-decoration: none;}
a:focus {outline:0;}
h1, h2 {font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ol, ul {list-style: none; }
input[value="Subscribe"] {outline:none;}
p{margin: 0px; padding: 0px;}
.clearfix:after, .row:after {clear:both;content:" ";display:block;font-size:0;	height:0;visibility:hidden;}
html, :root {
    /*--color-blue: #0d6efd;*/
	--color-primary: #c15000 /*#CC5500 #af1e65*/;
	--color-secondary: #0063B2 /*#2090b6*/;	
	--color-secondary-lighter: #ddf7ed;
	--color-secondary-400:/*#49976c*/ #0063B2;
    --color-white: #fff;
	--color-darker: #000000;
    --color-black: #333333;
	--color-black-secondary: #5a5a5a;
	--color-blue-dark: #245590;
	--color-black-light: #777777;
	--color-grey: #999999;
	--color-grey-light: #d3d3d5;
	--color-grey-lighter: #dee4ec;
	--color-grey-400: #cccccc;
	--color-grey-300: #dddddd;
	--color-grey-100: #fafafa;
	--color-green: #50a800;
	--color-red: #b40404;
	--color-light-blue: #4e8cf4;
    --border-radius-default: 8px;
	--border-radius-standard: 10px;
	--border-radius-medium: 4px;
	--border-radius-large: 16px;
	--border-radius-none: 0px;
	--border-radius-small: 2px;
	--color-background-light: #f1f5f8;
	--color-background-blue-light: #ebeff2;
	--color-background-light-green: #e7ffd1;
	--color-background-light-red: #CC550015;
	--color-background-light-grey: #f5f5f5;
	--color-background-grey-100: #f6f6f6;
	--color-primary-100: #fbf3ed;
	--border-grey: #c2c2c2;
	--color-primary-bg-100: #CC550015;
	--color-primary-bg-500: #CC550050;
	--color-secondary-bg-100: #f5fafd;
	--color-primary-200: #fdf7f3;
	--spacing-none: 0px;
	--spacing-xxs: 2px;
	--spacing-xs: 4px;
	--spacing-xss: 6px;
    --spacing-s: 8px;
	--spacing-ss: 10px;
    --spacing-sm: 12px;
	--spacing-mm: 14px;
    --spacing-m: 16px;
	--spacing-ml: 20px;
    --spacing-l: 24px;
	--spacing-xl: 30px;
	--spacing-xxl: 36px;
	--box-shadow-medium:0px 10px 20px rgba(0, 0, 0, 0.04),0px 2px 10px rgba(0, 0, 0, 0.04),0px 0px 4px rgba(0, 0, 0, 0.02);
	--box-shadow-large:0px 24px 32px rgba(0, 0, 0, 0.04),0px 16px 24px rgba(0, 0, 0, 0.04),0px 4px 8px rgba(0, 0, 0, 0.04),0px 0px 10px rgba(0, 0, 0, 0.04);
	--gredient-1: linear-gradient(123deg, #cc5500 14.91%, #f77417 95.48%);
	--animate-duration: 1s;
  	--animate-delay: 1s;
  	--animate-repeat: 1
}
body {-webkit-font-smoothing:light;	font-variant:normal;border:medium none;	color:#333333;	font-family:'Rubik', sans-serif;font-size:100%;	list-style:none outside none;	margin:0;outline:0 none;padding:0;text-align:left;	text-decoration:none;font-weight: 400;background: #eee;}

/* header css */
header{position: relative; z-index: 1051; height: 60px; width: 100%; background-color: var(--color-white); box-shadow: 0 0px 4px 2px rgba(0,0,0,0.1);} 
.fixed-fluid{width: 96%; height: auto; margin: 0px auto; padding: 0; position: relative;}
.main-header {width: 100%; padding:0px; position: relative; margin: 0 auto; display: flex; flex-wrap: nowrap; align-items: center; flex-direction: row; justify-content: space-between; height: 60px;}
.main-header .logo{align-items: flex-start; display: flex;}
.main-header .logo img{width: auto; max-width: 100%;}
.main-header .logo a{max-height: 40px;}
.main-header .call-us-section{align-items: flex-end; display: flex; user-select: none;}
.main-header .call-us-section .call-us{border:solid 1px var(--color-grey-400); padding: var(--spacing-xss) var(--spacing-ss); display: flex; align-items: center; flex-wrap: nowrap; border-radius:var(--spacing-s); color: var(--color-black);}
.main-header .call-us-section .call-us i{font-size: 16px;}
.main-header .call-us-section .call-us .texts{display: inline-block; font-size: 13px; padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); line-height: 1.20;}
.main-header .call-us-section .call-us .texts em{display: block; font-size: 16px; font-weight: 500; font-style: normal;}
.main-header .call-us-section .call-us .info{display: inline-block;}
.main-header .call-us-section .call-us .info i{background: none; font-size: 22px;}
.main-header .country-web{display: flex; flex-wrap: nowrap; color: var(--color-black); font-size: 16px; line-height: 20px; cursor: pointer; align-items: center;}
.main-header .country-web img{display: inline-block; max-width: 100%; margin-right: var(--spacing-xs); height: auto;}
.main-header .country-web i{font-size: 14px; padding-left: var(--spacing-xxs)}
.main-header .top-nav{display:flex;}
.main-header .top-nav li{display:flex; flex-wrap:nowrap; position:relative;}
.main-header .top-nav li a{font-size:15px; color: var(--color-darker); padding: var(--spacing-s) var(--spacing-m);}
.main-header .top-nav li a:hover{color: var(--color-primary); text-decoration:none; background-color: rgba(0,0,0,0.05); border-radius: var(--border-radius-large)}
.main-header .top-nav li > .dropdown{position: absolute; top: 38px; left: 0; padding: 0; opacity: 0; display: none; visibility: hidden; width: 200px; z-index: 99; background-color: #fff; -webkit-transform:translateY(10%);-moz-transform:translateY(10%); transform: translateY(10%); border: none; border-radius: 0; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out;  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2);}
.main-header .top-nav li .dropdown li{position:relative; padding:0px; width:100%; display: block; overflow: hidden;}
.main-header .top-nav li .dropdown li a{width:100%; font-size:13px; color:var(--color-black); position:relative; padding:10px 0px 10px 20px; border-top:1px dashed #ddd; margin-left:0; margin-right:0; display:block;}
.main-header .top-nav li .dropdown li a:hover{color: var(--color-primary); background-color: var(--color-background-light); border-radius: var(--border-radius-none)}
.main-header .top-nav li:hover > .dropdown {opacity: 1; visibility: visible; -webkit-transform:translateY(0);-moz-transform:translateY(0); transform: translateY(0); display: block;}
.dropdown-menu-link::after {display: inline-block;  margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
.main-header .top-nav li .dropdown li:last-child a{border-bottom: none;}
.foo_protectlogo_img{width: auto !important; max-width: 100% !important;}
@media screen and (max-width:1024px) {
	.main-header .logo{margin-left: 42px;}
	.mean-container .mean-bar{left:0px; top:58px; padding: 0px;}
	.mean-container a.meanmenu-reveal{left: 0 !important; width: 22px; height: 22px; background-color: rgba(0,0,0,0.7); padding: 6px; top:-46px; text-indent: unset; text-align: center;}
	.mean-container a.meanmenu-reveal:after{content:"\f0c9"; font-family:'FontAwesome'; font-size:16px; text-align:center; color: var(--color-white);}
	.mean-container .mean-nav{margin-top: 2px;}
	.main-header .top-nav{flex-wrap: wrap;}
	.main-header .top-nav li{flex-wrap: wrap;}
	.dropdown-menu-link::after{display: none;}
	.main-header .top-nav li .dropdown{position: relative; margin: 0px; padding: 0px; width: 100%; top:0px; display: block; box-shadow: none; background-color: var(--color-background-grey-100); opacity: 1; visibility: visible; transform: translateY(0)}
	.mean-container .mean-nav ul li a.mean-expand{color: var(--color-black-secondary)}
	.mean-container .mean-nav ul li a.mean-expand{color: var(--color-black-light)}
	.mean-container a.meanmenu-reveal.meanclose:after{content:"\f00d"; font-family:'FontAwesome'; font-size:16px; text-align:center; color: var(--color-white);}
	.mean-container .mean-nav ul li a{padding: 1em;}
	.mean-menu{display: none;}
}
@media screen and (max-width:767px) {
	.main-header .country-web{display: none;}
}
@media screen and (max-width:479px) {
	.main-header .logo img{max-height: 30px;}
	.main-header .call-us-section .call-us .texts{padding-right: var(--spacing-s)}
	.main-header .call-us-section .call-us .info{display: none;}
	.main-header .call-us-section .call-us{padding: var(--spacing-xs);}
	.main-header .call-us-section .call-us .texts{padding: var(--spacing-xs); font-size: 11px;}
	.main-header .call-us-section .call-us .texts em{font-size: 12px;}	
}
.modal_country_main {width: 100%;float: left;height: auto;}
.modal_country_main_inner_div {width: 33.33%;float: left;height: auto;padding: 10px;}
.modal_country_main_inner_div34 {width: 33.33%;float: left;height: auto;padding: 10px;}
.modal_borderdv {width: 100%;float: left;height: auto;border: 1px solid #e0e0e0;padding: 6px;border-radius: 4px;}
.modal_borderdv:hover {width: 100%; float: left;height: auto;border: 1px solid #e0e0e0;background-color: #f3f3f3;padding: 6px;border-radius: 4px;transition: 0.25s ease;}
.modal_flag_dv {width: 100%;height: auto;float: left;text-align: center;}
.modal_flag_txt {width: 100%;height: auto;float: left;text-align: center;color: #333;font-size: 11pt;}
.modal_flag_img_sty {max-width: 30px;margin: 0 auto;border-radius: 10px;}
.box_shadow_sty {box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 20px, rgba(0, 0, 0, 0.04) 0px 2px 10px, rgba(0, 0, 0, 0.02) 0px 0px 4px;}
.country_color {color: #3f3f3f;font-size: 13pt;}
.border_bottom_ind {border-bottom: 1px solid #fff;}

.inner_footer-container{width: 100%; background: var(--color-white); border-top: solid 1px #e4e4e4; padding: 20px 0px;}
.inner_footer-container .footer-text{text-align:center; border-top: solid 1px var(--color-background-light-grey); padding-top: 10px;}
.inner_footer-container p{font-size: 13px; line-height: 20px; color: var(--color-black-secondary); text-align:center;}
.inner_footer-container .footer-img{text-align:center;}
.inner_footer-container .footer-img img{display:inline-block; width:auto; max-width:100%; height: auto;}

.checkbox {position:relative; margin:0; padding:0;}
.checkbox input{opacity:0;}
.checkbox label {padding-left:8px; line-height:18px; padding-top: var(--spacing-xxs); font-size:14px; color: var(--color-black-secondary); font-weight:400; position:relative;}
.checkbox label::before {background-clip:padding-box; -webkit-border-radius: var(--border-radius-medium); -moz-border-radius: var(--border-radius-medium); border-radius: var(--border-radius-medium); content:' '; cursor:pointer; height:20px; left:-16px; line-height:16px; position: absolute; top:0px; width:20px; font-weight:400; border: solid 2px var(--color-secondary-400);}
.checkbox :checked ~ label::before {content:"\f00c"; font-family:'FontAwesome'; font-size:12px; text-align:center; color: var(--color-white); padding-top:var(--spacing-xxs); background-color: var(--color-secondary-400); border: none;}

.radios{position:relative; margin:0; padding:0;}
.radios input{opacity:0; cursor:pointer;}
.radios label {position:relative; text-transform:none; top:0px; font-size:14px; color: var(--color-black-secondary); font-weight:400; left:5px; line-height: 20px; padding-left: var(--spacing-xs); user-select: none;}
.radios label::before {content:''; background:#fff; position:absolute; width:18px; height:18px; cursor:pointer; left:-20px; border:solid 1px #a4a4a4; border-radius:50%; top:0px;}
.radios :checked ~ label::after {background:var(--color-secondary-400); content: ""; height:10px; width:10px; position:absolute; top:4px; left:-16px; border-radius:20px;}

.form input {width: 100%; height: 56px; position: relative; color: var(--color-black); padding: 12px 14px 0; border: solid 2px var(--color-background-grey-100); background-color: var(--color-background-grey-100); border-radius: var(--border-radius-medium); font-size: 14px;}
.form label {position: absolute; width: 100%;height: 100%; pointer-events: none;}
.form label::after {content: ""; position: absolute; bottom: -1px; width: 100%; height: 100%; transform: translateX(-100%); transition: all 0.2s ease;}
.content-name {position: absolute; padding-left: var(--spacing-m); transition: all 0.2s ease; top:50%; transform: translateY(-50%); font-size: 11px; color: var(--color-black);}
.form input:focus {outline: none; border: solid 2px var(--color-secondary);}
.form input:focus + .label-name .content-name,.form input:valid + .label-name .content-name, .form input + .label-name.lblerror .content-name {transform: translateY(-140%); font-size: 11px; left: 0px; color: var(--color-black);}
.form input:focus + .label-name::after,.form input:valid + .label-name::after, .form input + .label-name.lblerror::after {transform: translateX(0%);}
.form input:focus + .label-name .content-name{color: var(--color-secondary)}

.form select {width: 100%; height: 56px; padding: 12px 16px 0 13px; font-size: 14px; position: relative;  border-radius: var(--border-radius-medium); background-color: var(--color-background-grey-100); color: var(--color-black); border: solid 2px var(--color-background-grey-100);}
.form select:focus{color: var(--color-black); outline: none; border: solid 2px var(--color-secondary);}
.form select:focus + .label-name .content-name,.form select:valid + .label-name .content-name {transform: translateY(-140%); font-size: 11px; left: 0px; color: var(--color-black);}
.form select:focus + .label-name::after,.form select:valid + .label-name::after {transform: translateX(0%);}
select {-webkit-appearance: none; -moz-appearance: none;  text-indent: 1px; text-overflow: '';}
.select-wrapper{position: relative;}
.select-wrapper:after {position: absolute; width: 30px; height: 30px;content: '\f107'; color: #888; font-family: 'FontAwesome'; font-style: normal; font-size: 14px; padding: 7px 8px; top: 15px; right: 5px; z-index: 5; pointer-events: none;  box-sizing: border-box;}
.form select:focus + .label-name .content-name{color: var(--color-secondary)}

.validerror{font-size: 12px; color: var(--color-primary); min-height: 18px; padding-top: var(--spacing-xxs)}
.valid_error{background-color: var(--color-background-light-red) !important; border-color: var(--color-primary) !important}
.is-invalid_info, .input-validation-error{border: solid 2px var(--color-red) !important; background-color: var(--color-background-light-red) !important;}
/* .expiry-container .form input + .label-name{ background-color: var(--color-background-grey-100);} */
.expiry-container .form input:focus + .label-name, .expiry-container .form input:valid + .label-name{background-color: transparent;}
.expiry-container .form input.is-invalid_info + .label-name{background-color: transparent;}
.child_age-error{border: solid 1px var(--color-red) !important; background-color: var(--color-background-light-red) !important;}

.cookies-container{width:100%; background: rgba(9,19,26, 0.75); position: fixed; bottom: 0px; border-radius: 10px 10px 0 0; padding: 10px 20px; display: flex; align-items: center; color: var(--color-white); gap:10px; z-index: 2000;}
.cookies-container i{font-size: 36px;}
.cookies-container .cookie-text{display: flex; flex-direction: column; flex-grow: 1;}
.cookies-container .cookie-text strong{font-size: 16px; font-weight: 500;}
.cookies-container .cookie-text p{font-size: 13px; color: var(--color-white); text-align: left;}
.cookies-container .cookie-text p a{text-decoration: underline; color: var(--color-white); font-weight: 500;}
.cookies-container .cookie-text p a:hover{text-decoration: none;}
.cookies-container .ok_btn{border: solid 1px var(--color-white); font-size: 15px; color: var(--color-white); font-weight: 500; padding: 4px 12px; border-radius: var(--border-radius-medium); cursor: pointer; background: transparent;}
 
@media screen and (max-width:767px) {
	.cookies-container .cookie-text strong{display: none;}
}
@media screen and (max-width:479px) {
	.cookies-container i{display: none;}
	.cookies-container .cookie-text p{font-size: 12px;}
	.cookies-container .ok_btn{font-size: 14px; padding: 4px 12px;}
}