@charset "utf-8";
/* CSS Document */
body { width:100%; height:100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; background:#008DCF;}
.allwrapper { float:left; width:100%; background:#fff}
.innerpage { line-height:21px}
.innerpage img { max-width:100%}
a { outline:none}
b { color: #004D8F;  font-family: 'Roboto Condensed',sans-serif;  font-size: 16px;}
h1,h2,h3,h4 { font-family: 'Roboto Condensed', sans-serif; font-weight:100}
p { text-align:justify}
.header { width:90%; float:left; margin-left:5%; position:relative; z-index:10}
.logo { *width:13%}
.logo img { width:100%}
.bannerOuter { float:left; width:100%; opacity:0}
.banner { float:left; width:100%; background:url(../images/bg.png) repeat-x 0 0/auto 100%;background:#028ed0\9;}

.bannerWrapper { float:left; width:90%; margin:0 5% 0 5%; height:100%; background:url(../images/grphics.png) no-repeat fixed center center}
.bannerWrapper .round { float:left; width:22%; position:relative}
.bannerWrapper .round img {  margin-left: 15%;  width: 70%;}
.bannerWrapper .round h1 {}
.bannerWrapper .round img.wtRound { position:absolute; width:100%; left:0; top:0; margin:0; display:none}
.bannerWrapper .round img.wtRound2 { position:absolute; width:0; left:50%; top:50%; margin:0; display:none}
.bannerWrapper .round img.wtRound3 { position:absolute; width:0; left:50%; top:50%; margin:0; display:none}
.bannerWrapper .round .caption { left: 13%;  position: absolute;  top: 34%;  width: 67%; color: #fff; display:none; font-size:12px}
.bannerWrapper .round .caption h1 {font-family: 'Roboto Condensed',sans-serif;font-size:16px;color:#fff ; font-weight: bold;}
.bannerWrapper .round .caption ul,
.bannerWrapper .round .caption p { margin:10px 0 0 0; text-align:left; font-size:15px;}
.bannerWrapper .round .caption ul li { list-style:circle; margin-left:10px}

.bannerWrapper .fill { float:left; width:4%; overflow:hidden;}
.bannerWrapper .fill img { margin-top:200%}
.bannerWrapper img { width:100%}
.bannerWrapper .textWrap { float:left; width:100%; padding:3.5% 0; text-align:center}
.bannerWrapper .textWrap img { width:auto; width:80%}
.bannerText { float:left; width:90%; margin:.5% 5%; display:none}
h1.texts { float:left; width:22%; font-weight:100; font-size:35px; text-align:center; border-bottom:5px solid #ccc; padding-bottom:5px; width:100%} 
.bannerText .fills { float:left; width:4%; height:20px}
h1.texts.h { color:#8caf45}
h1.texts.e { color:#48ac6d}
h1.texts.en { color:#376c91}
h1.texts.l { color:#623a93}
.content { float:left; width:90%; margin:5%}
.content .left { width:55%}
.content .left h1 { font-size:50px; color:#008dcf}
.content .right { width:35%;}
.content .right img { width:100%}
.content .right a  { background:#008DCF;  color: #FFFFFF;  display: block;  float: none; font-size: 23px; margin-top: 10px;  padding: 4% 0; text-align: center; font-family: 'Roboto Condensed', sans-serif;}
.content .right a:hover { background:#007DBF}
.content .right a.pinkLink { background:#a23571}
.content .right a.pinkLink:hover { background:#922561}
.footer { float:left; padding:1% 5%; background:#008dcf; color:#fff; width:90%; font-size:12px}
.footer a { color:#fff;}
.footer div { margin:2% 0;}

.innerpage .content { margin:0; float:left; width:90%; padding:5%; background:url(../images/graphics-rt.png) no-repeat right bottom #e9e9e9; position:relative; z-index:9}
.leftGraphics { position:absolute; left:0; top:0; width:20%; height:100%; background:url(../images/leftBg.jpg) repeat-x 0 bottom #038dd0; z-index:1}
.leftGraphics .one { position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/left-top.png) no-repeat 0 0}
.leftGraphics .two { position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/leftBottom.png) no-repeat 0 bottom}
.contentBox { position:relative; z-index:2; background:#fff; float:right; padding:5%; width:80%}
.title { background: none repeat scroll 0 0 #1BA6E5; clear: both;  color: #FFFFFF;  float: left;  font-size: 30px;  margin:-9% 0 25px -18%;  padding: 2%; font-family: 'Roboto Condensed', sans-serif;}
.innerpage .content .subMenu {  border-left: 1px solid #CCCCCC; float: right;   height: 100%;  overflow-y: auto;  padding: 0 0 0 3%;  position: absolute;  right: 5%;  top: 0;    width: 17%;}
.innerpage .content .subMenu .inner { float:left; width:100%; margin:50px 0}
.innerpage .content .subMenu a { display:block; padding:0 0 10px 0; color:#008dcf; font-family: 'Roboto Condensed', sans-serif; text-decoration:underline; font-size:16px}
.innerpage .content .subMenu a:hover { text-decoration:none}
.innerpage .content .left { width:71%; min-height:200px; text-align:justify}
.innerpage .content .left h2 { color: #004D8F;  font-size: 19px;  font-weight: 700;  margin-bottom: 10px;}

ul.bullets li { background:url(../images/bullete.png) no-repeat 0 5px; padding-left:25px}
.image_r_align { float:right; width:30%; margin:0 0 10px 10px}
.bulltes li { list-style:circle; margin:0 0 10px 30px}

@media screen and (max-width:1023px){
.bannerWrapper .round .caption,
.bannerWrapper .round img.wtRound,
.bannerWrapper .round img.wtRound2,
.bannerWrapper .round img.wtRound3 { display:none !important}
}
@media screen and (max-width:1064px){
	h1.texts  { font-size:25px}
}

@media screen and (max-width:768px){
	h1.texts { border: 0 none;  color: #FFFFFF !important;  font-size: 21px;  font-weight: 700;  padding: 0;}
	.bannerWrapper .round {height: auto !important;  margin: 5% !important;  width: 40%;}
	.bannerWrapper .fill{ display:none}
	.bannerWrapper .textWrap img { min-height: 35px; width: 100%;}
	.logo { width:120px} 
	.bannerOuter { height:auto !important}
	.content .right a { font-size:18px}
	.leftGraphics { width:100%}
	.contentBox { width:90%}
	.title {float: none;font-size: 22px;margin: 0 0 20px;padding: 4%;}
	.innerpage .content .left { float:left; width:100%; }
	.innerpage .content .subMenu {border-left: 0 none;border-top: 1px solid #CCCCCC;	float: left;margin-top: 20px;	padding: 10px 0 0;	position: static;	width: 100%;}
	.innerpage .content .subMenu .inner { margin:10px 0 0 0}
}

@media screen and (max-width:767px){
	.content .left,
	.content .right { width:100%}
	.content .left h1 { font-size:35px}
	.image_r_align { margin:10px 0; width:100%}
}
/*
     FILE ARCHIVED ON 07:04:37 Sep 01, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:58:08 Sep 30, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 434.465
  exclusion.robots: 0.093
  exclusion.robots.policy: 0.084
  cdx.remote: 0.066
  esindex: 0.009
  LoadShardBlock: 389.068 (3)
  PetaboxLoader3.datanode: 408.227 (5)
  CDXLines.iter: 16.875 (3)
  load_resource: 196.571 (2)
  PetaboxLoader3.resolve: 71.892 (2)
*/

/* 08-10-22 */
/* company and verticlas */

/* @media screen and (max-width:1023px){} */

@media screen and (max-width:767px){
	#mt-comp-n-vts .bule-belief{
		float: none !important;
		display: block !important;
	}
}

/* people */
@media screen and (max-width:767px){
	#mt-people .people-img{
		margin-right: 10px !important;
	}
	#mt-people .description{
		padding-left: 0px !important;
	}
}

/* smile please */
@media screen and (max-width:767px){
	#mt-sm-please .sm-please-img{
		width: 100% !important;
	}
}

/* news */
@media screen and (max-width:767px){
	#mt-news .table-f{
		width: 100% !important;
	}
	#mt-news .d-flex{
		display: flex !important;
	}
	#mt-news .w-half{
		width: 50% !important;
	}
	#mt-news .innerpage.content.subMenu{
        border: none;
    }
}