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

*{}

@font-face {
font-family:ge_sslight;
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
}

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

@font-face {
    font-family: 'Futurabold2';
    src: url('fonts/Futura-Bold.eot');
    src: url('fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Futura-Bold.woff2') format('woff2'),
        url('fonts/Futura-Bold.woff') format('woff'),
        url('fonts/Futura-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/futura-light-bt.eot');
    src: url('fonts/futura-light-bt.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura-light-bt.woff2') format('woff2'),
         url('fonts/futura-light-bt.woff') format('woff'),
         url('fonts/futura-light-bt.ttf')  format('truetype'),
         url('fonts/futura-light-bt.svg#Futura') format('svg');
}
@font-face {
    font-family: 'Futuraheavy';
    src: url('fonts/Futura-Heavy-font.eot');
    src: url('fonts/Futura-Heavy-font.eot?#iefix') format('embedded-opentype'),
         url('fonts/Futura-Heavy-font.woff2') format('woff2'),
         url('fonts/Futura-Heavy-font.woff') format('woff'),
         url('fonts/Futura-Heavy-font.ttf')  format('truetype'),
         url('fonts/Futura-Heavy-font.svg#Futura') format('svg');
}

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

@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');
}

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

a {color:#e30613}

.logo {opacity:0;transform: translate(0px, -200px);}
.main-menu li {opacity:0;transform: translate(0px, -200px);}

.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}

.futuraheavy { font-family: 'Futuraheavy';}
.futura { font-family: 'Futura';}
.futurabold {font-family: 'Futurabold';}
.futurabold2 {font-family: 'Futurabold2';}
.boldd {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;
    left: -8px;
    top: -8px;
    background: #;
    background: #e30613;
    border-radius: 100%;
    color: #ffffff;
    padding: 2px 4px;}
    
.cart-count.cartw {background:#ffffff!important;color:#e30613!important}    

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

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


.hoverable {
  transition: transform .5s; /* Animation */
  position:relative;
  overflow:hidden;
}
.butt {display:inline-block;padding:5px 20px;color:#ffffff;background-color:#e30613;border-radius:10px}
.butt1 {display:inline-block;padding:5px;color:#ffffff;background-color:#e30613;border-radius:20px}
.butt:hover {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}
.butt1w {border:none;display:inline-block;padding:5px;color:#000000;background-color:#e1e1e1;border-radius:20px}
.buttw:hover {text-decoration:underline;color:#000000}

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

.subscribe::-ms-input-placeholder { /* Edge 12 -18 */
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); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.valignn {vertical-align:top}

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

.arrow {
  float:left;
  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;
  left:-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; }
  }
   @-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; }
  }
  
  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 1s;
  } @-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: #e30613;
    z-index: 1000;
    overflow-y: auto;
    right: -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-left: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;}
/*.img-responsive:hover {-webkit-transform:scale(1.2);
transform:scale(1.2);}*/


body{font-family:'myrreg';
	 }
	 

a:hover {text-decoration:none}

.marginer {padding-top:700px}

.logo {margin-top:0px;display:block;position:relative;}
.container {max-width:1000px;margin:0 auto}
.languagee {color:#fffffff;padding-left:20px;margin-top:5px;padding-right:20px;background-color:#f6f7f8;padding-top:10px;padding-bottom:5px}
.mobilemenu {display:none;padding:10px;padding-top:10px}
.mobileul {display:none;right: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:#e30613;color:#ffffff;border-bottom:1px solid #ffffff}
.mobileul li.active a,.mobileul a:hover {background-color:#000000;color:#ffffff}

.main-menu {list-style-type:none;position:relative}
.main-menu li {display:table-cell;width:auto;}
.main-menu a {padding-right:10px;display:table-cell;text-align:center;color:#707484;display:block;font-size:15px;}
.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:left;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 {}
.main-menumobile li a {padding-right: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{color:#e30613}
.mobileul .submenu  li a {display:block;padding:10px 20px;background-color:#ffffff;color:#000000;text-align:left;font-size:15px;white-space:normal;text-align:center;border:none}


.profile-menu {list-style-type:none;position:relative}
.profile-menu li {float:right;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:left;font-size:15px}


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




.contentholder {font-size:17px}

.content-breadcrumb {/*background-color:#dff6fe;*/
					 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 {
	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;
	width: 100%;
	-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			-khtml-border-radius: 20px;
			border-radius: 20px;
			behavior: url(PIE.htc)
}
.inputEntity textarea {
	height: 125px;
}

.clearBoth {clear:both}


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

.accordionButton {	
	width: 100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background-color: #f7eff0;
	color:#791778;
	padding:10px;
	padding-left: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-left:10px;
	float: left;
	display:none;
	_float: none; /* Float works in all browsers but IE6 */
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.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*/
.menu ul {list-style-type:none;
padding:0;margin:0}

.menu ul li {float:left}
.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;behavior: url(../styles/PIE.htc);background-color:#264c7c}


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

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

.menufloater {padding-left: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;


-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=115, Color='#000000');

}		

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


-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=115, Color='#000000');

}		

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


/*colors*/
.white {background-color:#ffffff}
/*colors*/
.white {color:#222222}


.white #logo {background:url(../images/logo.png) no-repeat;width:190px;height:85px}

/*colors*/
.white a {color:#0964a5}

/*colors*/
.white h3 {color:#444773}


.white h1,.white h2,.white h4 {color:#222222}


/*colors*/
.white .footertext {color:#666666}

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



/*links*/

a {
text-decoration:none;
/*-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;*/
}

.aback {color:#000000}

a.subbreada {border-bottom:1px dashed #0376c0;
				color:#0278bdl!important;
				margin-left:20px;
				display:block;
				padding-bottom:10px;
				margin-bottom:10px}
.subbread .selected:before,.subbreada:hover:before {    content: "";
    position: absolute;
    left: 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 {behavior: url(PIE.htc);-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-right:20px;padding-left:10px;outline:none}


/*menu*/
.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;
background:none\9; /* Targets IE only */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
  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-left: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-left: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:left;
			margin-right:5px;
			margin-top:3px;}

.roundall {-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
			behavior: url(PIE.htc)
			
}
			

.rtl {direction:rtl;}	


/*custom website*/
.color1 {color:#e30613!important}
.color2 {color:#707484!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:right;margin-right: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}			  

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

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

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

.smbackkidsmango {overflow-x:visible!important}

@media only screen   and  (min-width: 1600px) {
}

@media only screen   and  (max-width: 1200px) {
	.logo >img {width:100px!important}
	.floatingdiv {right:0px!important}
}

@media only screen   and  (max-width: 1024px) {
    .smbackkidsmango {overflow-x:visible!important}
    .smcenter {text-align:center!important}
     .follower1 {text-align:center!important}
    }
@media only screen   and  (min-width: 959px) {
    
	.topmenu {right:-300px!important}
	}
@media only screen   and  (max-width: 959px) {
    
    .smkidsmangomargintop {/*margin-top:200px!important*/}
/*    .smbackkids {background:#404684!important}*/
.smbackkids {background-size:cover!important}
    .smbackkidsmango {background-size:cover!important}
    
    
    .showdesktop {display:none!important}
    .hidemobile {display:none}
.showmobile {display:block!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;right: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) 
{  .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(-70deg)!important;display:inline-block;position:relative;top:-10px;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: 767px) {
     
    .smnotop {top:0px!important}
    .smnoleftright {left:auto!important;right:auto!important}
	
	.arrow-wrap {display:none!important}
	
	.videoholder {width:500px!important}
	.arrowleft2,.arrowright2 {top:90px!important}
	.arrowleft1,.arrowright1 {top:40px!important}
	.arrowleft1 {right:60px!important;left: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}
	
	#leadstory_container,#leadstory-wrapper {}
	.marginer {padding-top:50px}
	
	.slide1data {bottom:55px!important;left: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 {left: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}
	.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) {
	   .smmax150 {max-width:150px!important;margin:0 auto!important}
	   .smoriginalfruit {top:-22px!important;right:60px!important}
       .smleaftop {top:10%!important;right:86%!important}
	   
	   .smoriginaltitle  {font-size:35px!important}
       .smoriginaltitle2  {font-size:50px!important}
	   .smpadding20 {padding:25px!important}
       .mabigflash {width:61px!important;top:-35px!important}
	   .mkid {position:relative!important;left:0px!important;top:0px!important}
       .smnomargintop {margin-top:0px!important}
       .smnopaddingtop {padding-top:0px!important}
       .smmax300 {max-width:300px!important}
	   .swiper-button-nexttimeline {left:90%!important;top:30%!important;bottom:auto!important}
       .swiper-button-prevtimeline {left:0px!important;top:30%!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}
	   .slidertitle {max-width:100%!important;font-size:20px!important}
       .smnopaddingleft {text-align:left!important;padding:0px!important}
       .smnopadding {padding:20px 0px!important}
       .smnoleftright {left:auto!important;right:auto!important}
       .mobileblock1 {right:10px!important}
       
       .smleft {text-align:left!important}
       .smright {text-align:right!important}
 	   
	   .headerr {overflow-x:hidden}
	   
       .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 left !important}	

		.logo {padding-top:5px}
		.logo img {width:60px!important}
		#search .inputtext {width:200px!important
		
	}
    }
    
    .swiper-slide {
  height: -webkit-max-content!important;
  height: -moz-max-content!important;
  height: max-content!important;
}
    
    /* timeline*/
     .swiper-container-wrapper--timeline .swiper-slide {
  display: flex;
  background: #fff;
  min-height: 230;
  justify-content: left;
  border-radius: 10px;
  
}
.swiper-container-wrapper--timeline .swiper-slide .container {

}
.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;
  left: -100%;
  width: 100%;
  height: 3px;
  background-color: #000;
  content: "";
}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
  position: absolute;
  top: 3px;
  right: -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%;
  display: flex;
}
.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;
  right: 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);
  right: 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*/
.marquee-text {
  overflow: clip;
}

.marquee-text-track {
  display: flex;
  padding-left: 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%);
  }
}

/*marquee 2*/
.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-right:10px;
  width: 400px;
  height: 130px;
	/*line 43 is very important. since we have 16 items, width of the Marquee which is 200vw must be devided between them. which turns out to be 12.5vw*/

}
.marquee:hover{
  
}
.icon {
	color: #cccccc;
  transform: scale( 1.5 );
}
.FirstRow{
animation: Scroll 20s linear infinite;}
.SecondRow{
  animation: Scroll 20s linear infinite;
  animation-direction: reverse;
}
.Thirdrow{
  animation: Scroll 20s linear infinite;
  animation-direction: reverse;
}
@keyframes Scroll {
    0% {transform: translateX(-50vw);
        -webkit-transform: translateX(-50vw);}
      100% {transform: translateX(50vw);
          -webkit-transform: translateX(50vw);}
          }