@charset "utf-8";
html {height:100%;}
body  {height:100%;
		    margin:0;
		    padding:0;
			position:relative;
			background-color:#ffffff;
			font-size:21px;
			color:#636677;
			line-height:1;
			vertical-align:baseline;
			-webkit-text-size-adjust: 100%;
			direction: rtl;
			unicode-bidi: embed;
	    	}

*{}

a:focus, 
a:active {
    outline: none;
    box-shadow: none;
}

.advantage-badge {
    display: inline-block;
    padding: 16px 40px;
    white-space: nowrap;
    font-size: 60px;
    font-weight: 800;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 
                0 10px 30px rgba(0, 0, 0, 0.2);
}

@font-face {
font-family:myrreg;
src:url(fonts/DroidArabicKufi.eot);
src:local('☺'), url(fonts/DroidArabicKufi.woff) format('woff'), url(fonts/DroidArabicKufi.ttf) format('truetype'), url(fonts/DroidArabicKufi.svg) format('svg');
font-weight:400;
font-style:normal;
}

.redsquare {background:#e30613;width:20px;height:20px;display:inline-block}
.whitesquare {background:#ffffff;width:20px;height:20px;display:inline-block}

.contact-button {
  background-color: #e30613;
  color: #ffffff!important;
  font-family: myrreg;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 12px 28px;
  border: none;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact-button:hover {
  background-color: #e30613;
}

.therighterbanner {opacity:0;transform: translate(100px, 0px)}
.kmain1 {padding:10px}

.ge_sslight {
    font-family:"Noto Sans Arabic", sans-serif;
}

.disabled_swiper_button {opacity:0.5}
.arrowtop {
  clip-path: polygon(0% 0%, 50% 15%, 100% 0%, 100% 100%, 0% 100%);
}
.arrowbotbanner {clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 98%, 0% 85%);}
.arrowbot {clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);}
.arrowbot2 {
    clip-path: polygon(
    0% 0%,
    50% 8%,
    100% 0%,
    100% 90%,
    50% 100%,
    0% 90%
  );
}
  
.arrowbotbrands {
   clip-path: polygon(
  0% 0%, 
  50% 0px,
  100% 0%, 
  100% calc(100% - 84px),
  50% 100%,
  0% calc(100% - 84px)
);
}
  
.arrowbot3 {
   clip-path: polygon(
  0% 0%, 
  50% 84px,
  100% 0%, 
  100% calc(100% - 84px),
  50% 100%,
  0% calc(100% - 84px)
);
}
  
.arrowbotstandalone {clip-path: polygon(0% 0%, 100% 0%, 100% 6%, 50% 100%, 0% 6%);}


@font-face {
    font-family: 'Calibribold';
    src: url('fonts/Calibri-Bold.eot');
    src: url('fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Calibri-Bold.woff2') format('woff2'),
         url('fonts/Calibri-Bold.woff') format('woff'),
         url('fonts/Calibri-Bold.ttf')  format('truetype'),
         url('fonts/Calibri-Bold.svg#Calibri') format('svg');
}

html.safari-mac .smallbirdy {padding-top:8px!important}
html.windows .smallbirdy {padding-top:8px!important}
html.safari-mac .canssize {padding-top:8px!important}

.minicerttext {min-height:65px}
.ulspacer {line-height:5px}
.textopa {background:rgba(255,255,255,0.8)!important}

a {color:#e30613}

.logo {opacity:0;}
.main-menu li {opacity:0;}
.captext {opacity:0;}

.flasha {transition: all .5s ease-out; transform: scale(1); opacity:1; width:30px;}
.flasha.hideme{transform: scale(0); opacity:0; width:0px}

.flashb {transition: all .25s ease-out; transform: scale(1); opacity:1; width:30px;}
.flashb.hideme{transform: scale(0); opacity:0; width:0px}

.boldd1 {font-family: 'Calibribold';}
.redd {color:#e30613}
.blackk {color:#000000}
.whitee {color:#ffffff}

.swiper-container {overflow-x:hidden}
.swiper-container2 {overflow-x:hidden}
.swiper-pagination-bullet {background:#cccccc!important; opacity:1!important}
.swiper-pagination-bullet-active {background-color:#ffffff!important}

.termthing h1, .termthing h2, .termthing h3 {font-size:17px!important; font-weight:bold; color:#000000!important}

.follower >div {padding-left:0px!important; padding-right:0px!important}

.green h3 {
    color: #636677;
    margin-bottom: 20px;
    font-size: 20px;
}

.cart-count {
    position: relative;
    right: -8px;
    top: -8px;
    background: #e30613;
    border-radius: 100%;
    color: #ffffff;
    padding: 2px 4px;
}
    
.cart-count.cartw {background:#ffffff!important; color:#e30613!important}    

.showdesktop {display:block}
.showdesktop1 {display:block}
.showmobile {display:none}
.showmobile1 {display:none}

.switch-title1 {transform: rotate(32deg)!important; display:inline-block; position:relative; top:66px; font-weight:normal; color:#dcdbdb}

.hoverable {
  transition: transform .5s;
  position:relative;
  overflow:hidden;
}
.butt {display:inline-block; padding:5px 20px; color:#ffffff; background-color:#e30613; border-radius:10px; cursor:pointer}
.butt1 {display:inline-block; padding:5px; color:#ffffff; background-color:#e30613; border-radius:20px; cursor:pointer}
.butt:hover,.butt:focus,.butt:active {text-decoration:underline; color:#ffffff}
.dat {height:100%; background:url(../images/opa.png)}

.buttw {border:none; display:inline-block; padding:5px 20px; color:#000000; background-color:#e1e1e1; border-radius:10px; cursor:pointer}
.butt1w {border:none; display:inline-block; padding:5px; color:#000000; background-color:#e1e1e1; border-radius:20px; cursor:pointer}
.buttw:hover {text-decoration:underline; color:#000000}

.subscribe::placeholder {
  color: #ffffff;
  opacity: 1;
}

.subscribe::-ms-input-placeholder {
  color: #ffffff;
}

.quicklocation {position:absolute; width:100%; height:100%; top:92%}
.quicklocation :hover {color:#ffffff}
.buttquick {background-color:#e30613; color:#ffffff; text-align:center; width:100%; display:block; font-size:12px; padding:5px}

.thesale {background-color:#e30613; padding:5px; color:#ffffff; font-size:12px}

.hoverable:hover {
  transform: scale(1.2);
}

.valignn {vertical-align:top}

.arrow-wrap {
  position:absolute;
  z-index:1;
  right:48%;
  top:-16px;
  margin-right:-5em;
  width:10em;
  height:10em;
  padding:4em 2em;
  font-size:0.5em;
  display:block;
}

.arrow {
  float:right;
  position:relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #e7d600 transparent transparent transparent;
  -webkit-transform:rotate(360deg);
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  right:-3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #0e76ba transparent transparent transparent;
  -webkit-transform:rotate(360deg);
}

@-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
}

.topmenu {
    position: fixed;
    top: 0;
    height: 100%;
    width: 200px;
    background-color: #4d4d4d;
    z-index: 1000;
    overflow-y: auto;
    left: -300px;
}
	
.leftt a {transition:none;}
.leftt a.ishover {color:#999999}
.leftt a.selected {color:#999999}
.leftt a:hover,.leftt a:focus,.leftt a:active {color:#999999}

.newheaderul {margin:0; padding:0; list-style-type:none}
.newheaderul li {padding-right:20px}
.newheaderul li a {display:block; padding-top:3px; color:#cccccc; transition:none}
.newheaderul li a:hover {background-color:#ffffff; color:#000000}

img.pixel {image-rendering: pixelated!important}

.submarginer {padding-top:37%}
.mainmarginer {padding-top:47%}

.rounder {-webkit-border-radius:10px; -moz-border-radius:10px;}

.img-responsive {transition: all 0.7s ease;}

body {font-family:'myrreg';}

a:hover {text-decoration:none}

.marginer {padding-top:700px}

.logo {margin-top:0px; display:block; position:relative;}
.container {max-width:1200px; margin:0 auto}
.languagee {color:#ffffff; padding-right:20px; margin-top:5px; padding-left:20px; background-color:#f6f7f8; padding-top:10px; padding-bottom:5px}
.mobilemenu {display:none; padding:10px; padding-top:10px}
.mobileul {display:none; left:0px}
.mobileul > ul {list-style-type:none; position:relative; top:20px; text-align:center; padding:0; margin:0; background-color:#ffffff; width:200px}
.mobileul ul li {width:100%; text-align:center; display:block}
.mobileul ul li a {display:block; padding:10px 20px; background-color:#4d4d4d; color:#ffffff}
.mobileul li.active a, .mobileul a:hover {background-color:#e30613; color:#ffffff}

.main-menu {list-style-type:none; position:relative}
.main-menu li {display:table-cell; width:auto; min-width:100px}
.main-menu a {padding-left:10px; display:table-cell; text-align:center; color:#000000; display:block; font-size:17px; font-weight:600}
.main-menu li.active a, .main-menu li:hover a {background:none; color:#e30613; text-decoration:underline}

.main-menu .submenu {padding:20px 0px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)); list-style-type:none; position:absolute; padding:0; margin:0; display:none; border-radius:25px; margin-top:10px}
.main-menu .submenu li {display:block; float:none}
.main-menu .submenu li.active a, .main-menu .submenu a:hover {color:#e30613}
.main-menu .submenu li a {font-weight:bold; text-decoration:none; display:block; padding:10px 40px; background-color:#ffffff; color:#000000; white-space:nowrap; text-align:right; font-size:15px}
.main-menu .submenu li:last-child a {padding-bottom:20px}
.main-menu .submenu li:first-child a {padding-top:20px}

.main-menumobile li a {padding-left:0px; color:#ffffff; font-size:10px; text-align:center}
.main-menumobile1 li.active a, .main-menumobile1 li:hover a {background:none; color:#cff12f;}

.mobileul .submenu {list-style-type:none; position:relative; padding:0; margin:0; display:none}
.mobileul .submenu li {display:block; float:none}
.mobileul .submenu li.active a, .mobileul .submenu a:hover, .mobileul .submenu a:focus, .mobileul .submenu a:active {color:#e30613}
.mobileul .submenu li a {display:block; padding:10px 20px; background-color:#4d4d4d; color:#ffffff; text-align:right; font-size:15px; white-space:normal; text-align:center; border:none}

.profile-menu {list-style-type:none; position:relative}
.profile-menu li {float:left; min-width:10px}
.profile-menu a {display:block; padding:10px 5px; background-color:#ffffff; text-align:center; font-size:15px;}
.profile-menu li.active a, .profile-menu li:hover a {background:none; color:#e7d600}

.profile-menu .submenu {list-style-type:none; position:absolute; padding:0; margin:0; display:none; border-radius:25px}
.profile-menu .submenu li {display:block; float:none}
.profile-menu .submenu li.active a, .profile-menu .submenu a:hover {background-color:#ff7f50; color:#ffffff}
.profile-menu .submenu li a {display:block; padding:10px 20px; background-color:#e30613; color:#ffffff; white-space:nowrap; text-align:right; font-size:15px}

.subactive {background-color:#e7d600!important; color:#e30613!important}

.contentholder {font-size:17px}

.content-breadcrumb {
	 color:#5a6569;
	 font-size:12px; 
	 margin-bottom:30px;
}
.content-breadcrumb .notselected {color:#5a6569;}
.content-breadcrumb .notselected a {color:#5a6569; text-decoration:none}
.content-breadcrumb .notselected a:hover {color:#0c9fc0}									
.content-breadcrumb .selected a {color:#0d4d8a; text-decoration:none}

* {box-sizing: border-box;}

.eclipse {background:url(../images/eclipse.png) no-repeat; background-position: center 160px;}

.inputEntity label {
    padding-right:5px;
	color: #636677;
	font-size: 17px;
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
}
.inputEntity {
	margin-bottom: 15px;
}
.inputEntity input, .inputEntity select, .inputEntity textarea {
    -webkit-appearance:none;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	border: 1px solid #d2d7d5;
	display: block;
    font-size:17px;
	width: 100%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.inputEntity textarea {
	height: 125px;
}

.clearBoth {clear:both}

.contentul {padding-right:15px; margin:0}

.accordionButton {	
	width: 100%;
	float: right;
	background-color: #f7eff0;
	color:#791778;
	padding:10px;
	padding-right:10px;
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	margin-bottom:10px;
	font-weight:bold;
}
	
.accordionContent {	
	width: 100%;
	font-size:14px;
	padding:10px;
	padding-right:10px;
	float: right;
	display:none;
}

.on {
	background-color: #88ad2e;
	color:#ffffff!important;
	font-weight:bold;
}

.on div.checked {background:url(../images/aflash2.png)!important;}
	
.over {
	background-color: #88ad2e;
	color:#ffffff!important;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
}

.menuu {padding:3px; margin:0; list-style-type:none; width:100px; background-color:#ffffff}
.menuu li {margin-bottom:0px; padding:3px}
.menuu li a {display:block; color:#000000; font-size:12px; padding:4px}
.menuu a:hover {background-color:#761572; color:#ffffff}

.one80 {width:180px; height:180px}

.subcontent div {line-height:25px; text-align:justify}
.bx-viewport {text-align:justify}

.middletable {max-width:1100px; margin:0 auto}

.menu ul {list-style-type:none; padding:0; margin:0}
.menu ul li {float:right}
.menu ul li a {display:block; font-size:11px; font-family: 'myrreg'; color:#222222; padding:10px 10px;}
.menu ul li a.selected, .menu ul li a:hover {color:#ffffff; background-color:#264c7c}

.girl {position:fixed; z-index:2; bottom:0; left:0; width:57%}
.girl img {max-width:100%}

.menubottom {color:#ffffff!important; font-size:13px}
.menubottom:hover, .menubottomactive {color:#88ab31!important}

.menufloater {padding-right:20px; padding-bottom:5px}

.maxx {max-width:900px}

.contentt {position:relative; top:20px; color:#000000; padding-bottom:40px;}

.shadow {
	box-shadow: 0px 1px 20px 1px #3f3f3f;
	-moz-box-shadow: 0px 1px 20px 1px #3f3f3f;
	-webkit-box-shadow:0px 1px 20px 1px #3f3f3f;
}		

.shadowbottom {
	box-shadow: 0px 10px 20px 10px #3f3f3f;
	-moz-box-shadow: 0px 10px 20px 10px #3f3f3f;
	-webkit-box-shadow:0px 10px 20px 10px #3f3f3f;
}		

.swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
}

.white {background-color:#ffffff}
.white {color:#222222}
.white #logo {background:url(../images/logo.png) no-repeat; width:190px; height:85px}
.white a {color:#0964a5}
.white h3 {color:#444773}
.white h1, .white h2, .white h4 {color:#222222}
.white .footertext {color:#666666}

td {font-family:'myrreg';}
.inputtext {
	font-family:'myrreg';
	font-size:1em;
	color:#666666;
	border:none;
	padding:3px;
	width:100%;
	background-color:#ffffff;
}
select {
	font-family:'myrreg';
	font-size:1em;
	color:#7c7c7c;
	border:1px solid #E0E0E0;
	margin:0;
}
      
.topcontainer {margin-top:40px}

a {text-decoration:none;}

.aback {color:#000000}

a.subbreada {
	border-bottom:1px dashed #0376c0;
	color:#0278bd!important;
	margin-right:20px;
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
}
.subbread .selected:before, .subbreada:hover:before {
	content: "";
    position: absolute;
    right: 10px;
    top: 0;
    width: 15px;
    height: 15px;
    background: url(../images/flashyellow.png) center no-repeat;
}

a.headera {color:#a1a4a6}
a.headera:hover {color:#ffffff}

.searchstyle {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #e5e6e7;
	font-style:italic;
	color:#379ad4;
	background:none;
	background-color:#ffffff;
	width:200px;
	height:25px;
	line-height:25px;
	padding-left:20px;
	padding-right:10px;
	outline:none;
}

.menuleft {list-style-type:none; padding:0; margin:0}
.menuleft a {
   display:block;
   font-size:15px;
   color:#0d2f48;
   font-weight:normal;
   border-bottom:1px dotted #c5cdd3;
   padding:8px 30px;
}
.menuleft a.selected, .menuleft a:hover {background-color:#0964a5; color:#ffffff;}		

.content {padding: 0 10px}
.transparent {background: transparent!important; zoom: 1;}
  
.karoholder {position:relative; background-color:#1f4678; padding:7px 12px; color:#c7d1dd; font-size:12px}
.karoholdersub {position:relative; background-color:#1f4678; padding:11px 40px; padding-right:10px; color:#ffffff; font-size:15px}

.parallax {height:300px; width:100%;}
.pagetitle {
	margin-bottom:40px;
	color: #0055b7;
    font-size: 30px;
	position:relative;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px dashed #0055b7;
}
	
.contentholder {padding-top:40px; padding-bottom:40px}
h1 {font-family:'myrreg'; font-size:27px; font-weight:normal; line-height:1}		 
h2 {font-family:'myrreg'; font-size:18px; font-weight:normal; margin-bottom:20px; color:#0a79bc}		 
h3 {font-size:19px; font-weight:normal}		 
h4 {font-size:15px; font-weight:normal}

.subcontainer {margin-bottom:20px; line-height:25px; padding:15px}

.content {line-height:20px; color:#4f535a; margin-bottom:20px}
.content ul {margin:0; padding:0; padding-right:15px}
	 
.subcontentol {padding:18px}	 
.subcontentol li {margin-bottom:5px}

.round {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width:20px; height:20px;
	float:right;
	margin-left:5px;
	margin-top:3px;
}

.roundall {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
			
.rtl {direction:rtl;}	

.color1 {color:#c60202!important}
.color2 {color:#000000!important}
.color3 {color:#FFFFFF!important}
.color4 {color:#ff7f50!important}
.color5 {color:#222222}
.color6 {color:#e7d600!important}
.tablewidth {width:1100px}
	
.printabledata, .printabledata * {font-size:13px}

.footer ul {list-style-type:none; padding:0; width:100%;}
.footer ul li {float:left; margin-left:10px}
.footer ul li a {font-size:13px; color:#595b61; padding-bottom:10px; font-style:italic}
.footer ul li.selected a {color:#791778}

.rowleft {background-color:#c0dcf3}
.rowright {background-color:#eaf3f3}
.rowrighteven {background-color:#f7ffff}
.nopadding {padding:0}
.bordertable {border-collapse:collapse; border:1px solid black}
.bordercell {border:1px solid black}			  

.smallwidth {width:30px}
.mediumwidth {width:175px}
.largewidth {width:275px}

.itsok {color:blue}
.itsnotok {color:red}
.msgclass {padding:5px}

.errorclass {border:1px solid red}
.errorclass1 {font-style:italic; font-size:11px; color:red; position:absolute; padding-right:10px}
.errorclass2 {font-style:italic; font-size:9px; color:yellow; padding-right:10px}              
.star_required {color:red}

.smbackkidsmango {overflow-x:visible!important}

@media only screen and (max-width: 1200px) {
    .cansminheight {min-height:695px!important}
	.logo > img {width:100px!important}
	.floatingdiv {left:0px!important}
    .orisize {bottom:19px!important}
    .smzero {bottom:15px!important}
}

@media only screen and (max-width: 1200px) {
    .counternumber {font-size:40px!important}
    .countertext {font-size:17px!important}
    .smmillion {right:0px!important}
    .smplus {right: -9px!important; top: -6px!important; font-size: 29px!important;}
}

@media only screen and (min-width: 1200px) and (max-width: 1343px) {
    .counternumber {font-size:55px!important}
    .smplus {right: -16px!important; top: -14px!important;}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .smoritext1 {margin-top:5px!important; font-size:18px!important}    
    .smoritext2 {margin-top:5px!important; font-size:15px!important}
    .smoributt {font-size:15px!important}
}
    
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .orisize {bottom: 6px !important;}
}  

@media only screen and (max-width: 1024px) {
    .swiper-container-wrapper--timeline .swiper-slide .container {margin-right:20px!important}
    .buttw {padding: 5px 6px!important; font-size:19px!important}
    .smbackkidsmango {overflow-x:visible!important}
    .follower1 {text-align:center!important}
}
    
@media only screen and (max-width: 683px) {
    .swiper-container-wrapper--timeline .swiper-slide .container {margin-right:10px!important}
}

@media (min-width:992px) {
    .smheader {max-width:937px;}
}

@media only screen and (min-width: 959px) {
	.topmenu {left:-300px!important}
}

@media only screen and (max-width: 959px) {
    .rowvideo {background-color:#b91910; padding:20px}
    .rowvideo2 {background-color:#b91910!important}
    .prodvar4 {padding:0px!important}
    .slidertitle {font-size:25px!important}
    .sliderbut .butt {font-size:15px!important}
    .sliderbut .butt1 {padding: 2px 5px!important; position: relative; top: 2px; text-align: center!important;}
    .sliderbut .butt1 img {width:18px!important; position: relative; top: 0px;}
    .slidertext {font-size:18px!important}
    .canspage .col-sm-6 {width:100%!important}
    .smklassefont {font-size:16px!important}
    .whobacktext {font-size:50px!important; top:20%!important}
    .smbackkids {background-size:cover!important}
    .smbackkidsmango {background-size:cover!important}
    .showdesktop {display:none!important}
    .hidemobile {display:none}
    .showmobile {display:block!important}
    .whobacktext {font-size: 33px !important; top: 69% !important;}
	.sm150 {width:50%!important; padding:0!important; padding-bottom:20px!important}
	.floatingdivholder {height:auto!important; max-width:350px!important; margin:0 auto}
	.floatingdiv {position:relative!important; left:auto!important; top:auto!important; width:100%!important}
	.floatingdivleft {width:100%!important}
	.floatingdivleft_text {font-size:15px!important}
	.floatingdivright {width:100%!important}
	.yellowstrip {display:none}
	.mainmenuholder {display:none}
	.mobilemenu {display:block}
}

@media only screen and (max-width: 768px) {
    .minicerttext {min-height:95px}
    .susholder1 {padding:18% 20px!important; top: 20%!important; transform: translate(0%, -20%)!important;}
    .sustitle {font-size:30px!important}
    .sustext {font-size:17px!important}
    .susbanner {height:450px!important}
    .smmax150 {max-width:150px!important; margin:0 auto!important}
    .smcenter {text-align:center!important}
    .swiper-button-nexttimeline {right:65%!important}
    .swiper-button-prevtimeline {right:61%!important}
    .sm100768 {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        padding-bottom: 20px !important;
    }
    .aboutcontainer {margin-top:20px!important}
    .whocommit {position:relative!important; bottom:auto!important; margin-top:30px!important}
    .pillarsholder {padding-top:20px!important; overflow:auto!important; overflow-x:hidden!important; height:auto!important}
    .theblock {margin-bottom:20px; min-height:auto!important;}
    .pillarmainholder {background-color:#ffffff!important}
    .theblocktext {padding:40px 0px 40px 0px!important}
    .activeb {position:relative; z-index:2; transform:scale(1)!important; padding-top:0px!important; background:#3f3e3e}
    .activeb .theblocktext {transform:scale(1)!important} 
    .smpaddingtop14 {padding-top:14px!important}
    .smpaddingtop0 {padding-top:0px!important}
    .counternumber {font-size:25px!important; right:10px!important}
    .smmillion {font-size:25px!important}
    .countertext {font-size: 21px !important;}
    .smplus {right: -9px !important; top: -3px !important; font-size: 22px !important;}
    .footeremail1 {display:inline-block}
    .footeremail2 {display:inline-block}
    .smnomargintop {margin-top:0px!important}
    .smnopaddingatall {padding:0px!important}
    .kclaims {max-width:80px!important}
    .kliner {line-height:5px!important}
    .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
        width: 20px!important;
        height: 20px!important;
    }
    .switch-title1 {transform: rotate(32deg) !important; display:inline-block; position:relative; top:55px; font-size:13px}
    .one > div {width:100%!important; background-size:100% auto!important}
    #leadstory_container, #leadstory_container * {height:170px!important}
    .parallax1 {background-attachment:scroll!important; background-size:100%!important}
}

@media only screen and (max-width: 1098px) {
    .smmetritleft {right:10px!important}
}
    
@media only screen and (min-width: 800px) and (max-width: 1200px) {
    .pettext4 {bottom:5%!important}
    .pettext3 {bottom:5%!important}
    .pettext2 {bottom:5%!important}
    .pettext1 {bottom:5%!important}
    .petmaintext {font-size:21px!important}
}

@media only screen and (min-width: 768px) and (max-width: 944px) {
    .smmetritleft {right:10px!important}
    .counternumber {font-size: 30px !important;}
    .countertext {font-size: 12px !important;}
    .smmillion {font-size: 30px !important;}
    .smmetricphoto {max-width:68px!important}
    .smplus {right: -9px !important; top: -5px !important; font-size: 26px !important;}
}
    
@media only screen and ((min-width: 769px) and (max-width: 999px)) {
    .swiper-button-nexttimeline {bottom: 137px!important; right: 59.7%!important;}
    .swiper-button-prevtimeline {bottom: 137px!important; right: 54.7%!important;}
}   

@media only screen and ((min-width: 1000px) and (max-width: 1120px)) {
    .swiper-button-nexttimeline {bottom: 137px!important; right: 63.7%!important;}
    .swiper-button-prevtimeline {bottom: 137px!important; right: 59.7%!important;}
}

@media only screen and ((min-width: 1121px) and (max-width: 1500px)) {
    .swiper-button-nexttimeline {bottom: 137px!important; right: 52.7%!important;}
    .swiper-button-prevtimeline {bottom: 137px!important; right: 49.7%!important;}
} 

@media only screen and (max-width: 768px) {
    .smmetritleft {right:10px!important}
    .smtimepassing > div {min-height:436px!important}
    .counternumbernoleft {right:0px!important}
    .smblocker {padding:10px!important; padding-bottom:20px!important;}
    .smmetricphoto {max-width:119px!important}
    .swiper-button-nexttimeline {right:410px!important; top:40%!important; bottom:auto!important}
    .swiper-button-prevtimeline {right:10px!important; top:40%!important; bottom:auto!important}
    .smfootercenter {margin-bottom:10px!important; text-align:center!important}
    .smfootercenter2 {margin-bottom:10px!important; text-align:center!important}
    .smfooterlefttext {padding-bottom:0px!important; text-align:center!important;}    
    .smfooterlefttext2 {padding-bottom:0px!important; text-align:center!important;}
    .smpadding20 {padding-left:10px!important; padding-right:10px!important}
    .smklasseleft, .smklasseright {margin-bottom:40px!important}
    .follower .col-sm-6 {width:100%!important}
    .follower1 {display:block!important}
    .smklassefont {font-size:11px!important}
    .smbordertoponly {border-radius:0px!important; border-top-right-radius:20px!important; border-top-left-radius:20px!important}
    .smborderbottomonly {border-radius:0px!important; border-bottom-right-radius:20px!important; border-bottom-left-radius:20px!important}
    .smnpadding20 {padding:30px!important}
    .smmargintop40 {margin-top:40px!important}
    .smnomarginbottom {margin-bottom:0px!important}
    .smnotop {top:0px!important}
    .smnoleftright {right:auto!important; left:auto!important}
	.arrow-wrap {display:none!important}
	.videoholder {width:500px!important}
	.arrowleft2, .arrowright2 {top:90px!important}
	.arrowleft1, .arrowright1 {top:40px!important}
	.arrowleft1 {left:60px!important; right:auto!important}
	.subsidiaries {padding-top:130px}
	.resources {padding-top:130px}
	.contact {padding-top:130px}
	.slide1data2 {position:relative!important; bottom:auto!important}
	.slide1data2 .textt {line-height:15px!important}
	.slide1data4 {position:relative!important; bottom:auto!important}
	.slide1data4 .textt {line-height:15px!important}
	.slide1data5 {position:relative!important; bottom:auto!important}
	.slide1data5 .textt {line-height:15px!important}
	.parallax1 {height:200px!important}
	.arrowleft, .arrowright {top:20px!important}
	.bottomstrip {font-size:12px; padding:0px 10px}
	.marginer {padding-top:50px}
	.slide1data {bottom:55px!important; right:10px!important}
	.slide1data .logo {padding-top:0px!important; float:none!important; padding-bottom:20px!important}
	.slide1data .logo img {width:100px}
	.slide1data .data {font-size:12px; float:none!important}
	.slide1data3 {right:0px!important}
	.slide1data3 .logo {float:none!important; padding-top:0!important; width:100%!important; padding-bottom:10px!important}
	.slide1data3 .data {font-size:12px!important; float:none!important}
	.sm100 {float:none!important; width:100%!important; padding:0!important; padding-bottom:20px!important}
    .sm50 {width:49%!important}
	.smpaddingtop {padding-top:20px!important}
    .smnopaddingbottom {padding:0px!important}
	.blueheaderright {font-size:14px!important}
	.blueheaderright div {line-height:5px!important}
}
	
@media only screen and (max-width: 480px) {
       .advantage-badge {white-space:inherit!important}
	   .smmax360 {max-width:335px!important}
	   .smbotprocess {bottom:0px!important}
	   .smpaddingtop30 {padding-top:30px!important}
       .smpaddingbottom30 {padding-bottom:30px!important}
       .smmax100 {max-width:100%!important}
	   .btitle {font-size:40px!important}
	   .swiperb .swiper-slide {height: auto !important;}
       .arrowtop {clip-path: polygon(0% 0%, 50% 5%, 100% 0%, 100% 100%, 0% 100%);}
       .arrowbotbanner {clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 95%, 0% 85%)}
	   .arrowbot {clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 98%, 0% 95%);}
       .arrowbot2 {
            clip-path: polygon(
            0% 4%,
            50% 8%,
            100% 4%,
            100% 95%,
            50% 100%,
            0% 95%
          );
       }
       .arrowbotbrands {
           clip-path: polygon(
          0% 0%, 
          50% 0px,
          100% 0%, 
          100% calc(100% - 41px),
          50% 100%,
          0% calc(100% - 41px)
        );
       }
       .arrowbot3 {
           clip-path: polygon(
          0% 0%, 
          50% 30px,
          100% 0%, 
          100% calc(100% - 30px),
          50% 100%,
          0% calc(100% - 30px)
        );
       }
	   .smmetricphoto {max-width:119px!important}
	   .gsapfaster1 {top:-10px!important}
       .gsapslower2 {top:10px!important}
	   .counternumber {font-size:40px!important}
	   .countertext {font-size:19px!important} 
	   .swiper-container-wrapper--timeline .swiper-slide .container {margin-right:7px!important}
       .smnopadding_new20 {padding:0px 20px!important}
	   .smnegativemargin15 {margin-right:7px!important}
	   .smnomargintop {margin-top:0px!important}
	   .smpaddingleftright20 {margin-right:20px!important; margin-left:20px!important}
       .smborderradius {border-radius:20px!important}
	   .sm16px {font-size:16px!important}
       .smfooter {padding-right:20px!important; padding-left:20px!important}
	   .showdesktop1 {display:none!important}
	   .showmobile1 {display:block!important}
	   body {font-size:18px}
       .smwhohome {font-size:18px!important}
       .thetable td {font-size:16px!important}
       .smicedtext {font-size:20px!important}
       .orisize {bottom:19px!important}
       .paginationtimeline {display:none}
       .swiper-pagination-custom {display:none!important}
       .smcontainer {width:100%}
       .Thirdrow {
          animation: translateX 200s linear!important;
          animation-iteration-count: infinite!important;
          animation-play-state: play!important;
       }
	   .smpadding3020 {padding:30px 40px!important}
	   .corpoemail {width:180px!important}
       .susholder1 {padding:18% 20px!important;}
	   .sustitle {font-size:30px!important}
       .sustext {font-size:17px!important}
       .susbanner {height:450px!important}
	   .smoriginalfruit {top:-22px!important; left:60px!important}
       .smleaftop {top:10%!important; left:86%!important}
	   .smoriginaltitle {font-size:35px!important}
       .smoriginaltitle2 {font-size:50px!important}
	   .smpadding20 {padding:20px!important}
       .smpadding10 {padding:10px!important}
       .smmargin20 {margin-top:20px!important}
       .smklassesmaller {font-size:30px!important}
       .mabigflash {width:61px!important; top:-35px!important}
	   .mkid {position:relative!important; right:0px!important; top:0px!important}
       .smnomargintop {margin-top:0px!important}
       .smnopaddingtop {padding-top:0px!important}
       .smmax300 {max-width:300px!important}
	   .swiper-button-nexttimeline {right:90%!important; top:50%!important; bottom:auto!important}
       .swiper-button-prevtimeline {right:0px!important; top:50%!important; bottom:auto!important}
	   .smtimepassing {padding:0px 20px!important}
	   .mobileblock1 {width:100%!important}
       .clipp {width:100%!important}
	   .smmaxwidth {max-width:100%!important}
	   .smblockim {height:300px!important}
	   .smblocker {width:100%!important; display:block!important}
	   .smfounded {font-size:30px!important}
       .slidertext {font-size:18px!important}
       .smnopaddingleft {text-align:right!important; padding:0px!important}
       .smnopadding {padding:0px 10px!important}
       .smnoleftright {right:auto!important; left:auto!important}
       .mobileblock1 {left:10px!important}
       .smleft {text-align:right!important}
       .smright {text-align:left!important}
       .tablescrollers {width: 100%; overflow: auto;}
       .smbooktitle {font-size:13px!important; line-height:15px!important}
       .smbookmargin {margin-top:5px!important}
       .smbookmargin a {font-size:10px!important}
       .contable td {display:block; width:100%!important; border-bottom:none!important}
       .imageMainNews {width:100%!important}
       .one > div {width:100%!important; background-size:100% auto!important}
       #leadstory_container, #leadstory_container * {height:170px!important}
       .sm100II {float:none!important; width:100%!important}
       .videoholder {width:250px!important}
       .parx {height:200px!important}
       .parallax {height:150px; background-size:100%!important; background-position:top right !important}	
       .logo {padding-top:5px}
       .logo img {position: relative; width: 101px !important; top: -14px;}
       #search .inputtext {width:200px!important}
}

.swiper-slide {
  height: -webkit-max-content!important;
  height: -moz-max-content!important;
  height: max-content!important;
}

.swiper-container-wrapper--timeline .swiper-slide {
  display: flex;
  background: #fff;
  min-height: 230px;
  justify-content: right;
  border-radius: 10px;
}

.swiper-container-wrapper--timeline .swiper-slide .title {
  font-size: 18px;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}

.swiper-container-wrapper--timeline .swiper-slide-active .title {
  opacity: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
  position: relative;
  margin-bottom: 70px;
  background-color: transparent;
  height: 4px;
  border-bottom: 10px solid #ee3935;
  width: 75%;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
  background-color: #000;
  height: 3px;
  top: 2px;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
  position: absolute;
  top: 2px;
  right: -100%;
  width: 100%;
  height: 3px;
  background-color: #000;
  content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
  position: absolute;
  top: 3px;
  left: -100%;
  width: 100%;
  height: 1px;
  background-color: #888;
  content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-custom {
  position: relative;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
  display: flex;
  line-height: 1.66;
  bottom: 0;
  z-index: 11;
  width: 95%;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: block;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
  position: absolute;
  font-weight: 400;
  left: 0;
  transform: translateX(-50%);
  transition: 0.2s all ease-in-out;
  transition-delay: 0s;
  cursor: pointer;
  z-index: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
  position: absolute;
  top: calc(100% + 19px);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 12px;
  height: 12px;
  background: #ffffff;
  border:2px solid #db2027;
  margin-top:-2px;
  border-radius: 2rem;
  content: "";
  transition: 0.2s all ease-in-out;
  transition-delay: 0s;
  z-index: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
  font-weight: 400;
  transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
  background: #ffffff;
  border:2px solid #db2027;
  width: 35px;
  height: 35px;
  transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {
  color: #888;
  font-weight: 16px;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {
  background: #ffffff;
  border:2px solid #db2027;
  margin-top:-3px;
}   
 
.marquee-text {
  overflow: clip;
}

.marquee-text-track {
  display: flex;
  padding-right: 14.8rem;
  gap: 51.8rem;
  width: 120%;
  animation: marquee-move-text var(--speed, 10s) linear infinite var(--direction, forwards);
}

.marquee-text p {
  padding: 1rem 2.5rem;
}

@keyframes marquee-move-text {
  to {
    transform: translateX(50%);
  }
}

.Marquees {
	overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index: 3;
}

.Marquee {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 130px;
}

.marquee {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  width: 400px;
  height: 130px;
}

.icon {
  color: #cccccc;
  transform: scale(1.5);
}

.FirstRow {
  animation: Scroll 20s linear infinite;
}

.SecondRow {
  animation: Scroll 20s linear infinite;
  animation-direction: reverse;
}

.Thirdrow {
  animation: translateX 160s linear;
  animation-iteration-count: infinite;
}

@keyframes Scroll {
    0% {transform: translateX(50vw); -webkit-transform: translateX(50vw);}
    100% {transform: translateX(-50vw); -webkit-transform: translateX(-50vw);}
}

.bannerz img, .donot {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}