@font-face{
  font-family: 'Midan W23 Black';
  src: url('/_LAYOUTS/mci/new/styles/fonts/93ef710c-0fcb-413b-ad0b-65980644f7bb.eot?iefix') format('embedded-opentype');
}
@font-face{
  font-family: 'Midan W23 Black';
  src: url('/_LAYOUTS/mci/new/styles/fonts/91f50f03-a084-48a5-a1bf-1ceafef235e1.ttf') format('truetype'), url('/_LAYOUTS/mci/new/styles/fonts/53708bf0-596d-49f1-9a7d-16354460627a.svg#53708bf0-596d-49f1-9a7d-16354460627a') format('svg'), url('/_LAYOUTS/mci/new/styles/fonts/1eb5cb72-1f31-4b65-b7b8-25e04849900d.woff') format('woff');
}
@font-face{
  font-family: 'Midan W23';
  src: url('/_LAYOUTS/mci/new/styles/fonts/b29b6cfe-efb5-459d-b69a-6dc1eb32a09a.eot?iefix') format('embedded-opentype');
}
@font-face{
  font-family: 'Midan W23';
  src: url('/_LAYOUTS/mci/new/styles/fonts/770b1c0c-4e80-4254-bf5a-f5fc028db113.ttf') format('truetype'), url('/_LAYOUTS/mci/new/styles/fonts/f91585b9-218a-4181-88c0-ff875a54cfe4.svg#f91585b9-218a-4181-88c0-ff875a54cfe4') format('svg'), url('/_LAYOUTS/mci/new/styles/fonts/eaa2ab41-02ed-4da4-8cba-48de42be9f5b.woff') format('woff');
}
*{
  text-shadow: none;
          box-shadow: none;
     -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
body{
  background: #f4f4f4 url('/_LAYOUTS/mci/new/styles/images/bg.jpg') center top no-repeat;
  font-family: 'Midan W23', serif;
  font-size: 12px;
  padding: 0;
  margin: 0;
  direction: rtl;
  background-size: 100%;
}
img{
  border: none;
}
a{
  color: inherit;
  text-decoration: none;
}
a.vision{
  display: block;
  width: 110px;
  height: 70px;
  float: right;
  margin: 14px 0 0 12px;
  background: url('/_LAYOUTS/mci/new/styles/images/vision.png') no-repeat left center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/vision.svg');
  border-right: 1px solid #e2e2e2;
}
.mci-plus{
  display: block;
  text-align: center;
  position: relative;
  width: 175px;
  height: 30px;
  padding: 5px 0;
  float: left;
  top: 40px;
}

.mci-plus>a{
  display: inline-block;
  height: 30px;
  margin: 0 3px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.mci-plus-sagia{
  background-image: url('/_LAYOUTS/mci/new/styles/images/mci-plus-sagia.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/mci-plus-sagia.svg');
  background-size: 29px 29px;
  width: 29px;
}

.mci-plus-saso{
  background-image: url('/_LAYOUTS/mci/new/styles/images/mci-plus-saso.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/mci-plus-saso.svg');
  background-size: 29px 29px;
  width: 29px;
}

.mci-plus-smega{
  background-image: url('/_LAYOUTS/mci/new/styles/images/mci-plus-smega.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/mci-plus-smega.svg');
  background-size: 22px 30px;
  width: 22px;
}

.mci-plus-socpa{
  background-image: url('/_LAYOUTS/mci/new/styles/images/mci-plus-socpa.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/mci-plus-socpa.svg');
  background-size: 28px 30px;
  width: 28px;
}

.mci-plus-taqeem{
  background-image: url('/_LAYOUTS/mci/new/styles/images/mci-plus-taqeem.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/mci-plus-taqeem.svg');
  background-size: 29px 20px;
  width: 29px;
}
.clearboth{
  display: block;
  clear: both;
}
.MobileView,
.MobileBlack,
.menumobile{
  display: none;
}
.wd-def{
  width: 950px;
  margin: 0 auto;
  position: relative;
}
.wd-def:after{
  clear: both;
  content: '';
  display: table;
}

.headerDiv .middle{
  height: 100px;
}
.headerDiv .middle .logo{
  margin: 14px 0 0 12px;
  height: 72px;
  width: 250px;
  float: right;
  background: url('/_LAYOUTS/mci/new/styles/images/logo-new.png') no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/logo-new.svg');
}
.headerDiv .middle #imglogo{
  width: 282px;
  height: 81px;
  display: none;
}
.headerDiv .hicons{
  float: left;
  position: relative;
  top: 40px;
}
.headerDiv .hicons ul{
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.headerDiv .hicons ul>li{
  float: left;
  margin-right: 4px;
  position: relative;
  width: 40px;
  height: 40px;
}
.headerDiv .hicons ul>li>a{
  left: 0;
  float: left;
  font-size: 0 !important;
  color: #ffffff!important;
  background-image: url('/_LAYOUTS/mci/new/styles/images/hicons.png?v=1');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/hicons.svg?v=2');
  display: inline-block;
  height: 40px;
  width: 40px;
  background-color: #005350;
  -webkit-transition: background-color .5s ease-in-out;
     -moz-transition: background-color .5s ease-in-out;
       -o-transition: background-color .5s ease-in-out;
      -ms-transition: background-color .5s ease-in-out;
          transition: background-color .5s ease-in-out;
  -webkit-transition: background-position .2s ease-in-out;
     -moz-transition: background-position .2s ease-in-out;
       -o-transition: background-position .2s ease-in-out;
      -ms-transition: background-position .2s ease-in-out;
          transition: background-position .2s ease-in-out;
  position: absolute;
  z-index: 2;
}
.headerDiv .hicons ul>li>a:hover{
  background-color: #0a6562;
}
.headerDiv .hicons ul>li.langswitch>a{
  background-position: 0 -40px;
}
.headerDiv .hicons ul>li.settings>a{
  background-position: -40px -40px;
}
.headerDiv .hicons ul>li.apps>a{
  background-position: -80px -40px;
}
.headerDiv .hicons ul>li.apps a{
  font-size: 0;
}
.headerDiv .hicons ul>li.sitemap>a{
  background-position: 40px -40px;
}
.headerDiv .hicons ul>li.search>a{
  background-position: -120px -40px;
}
.headerDiv .hicons ul>li.langswitch>a:hover{
  background-position: 0 0;
}
.headerDiv .hicons ul>li.settings>a:hover{
  background-position: -40px 0;
}
.headerDiv .hicons ul>li.apps>a:hover{
  background-position: -80px 0;
}
.headerDiv .hicons ul>li.sitemap>a:hover{
  background-position: 40px 0;
}
.headerDiv .hicons ul>li.search>a:hover{
  background-position: -120px 0;
}
.headerDiv .hicons ul>li.settings>div{
  position: absolute;
  height: 124px;
  padding: 15px 10px;
  width: 152px;
  background: #f5f5f5 url('/_LAYOUTS/mci/new/styles/images/ts_bg.png') repeat-x bottom;
  top: 50px;
  left: -45px;
  z-index: 100;
  display: none;
}
.headerDiv .hicons ul>li.settings>span.arrowtop{
  width: 17px;
  height: 10px;
  position: absolute;
  background: url('/_LAYOUTS/mci/new/styles/images/ts_arrow.png') no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_arrow.svg');
  bottom: 0;
  left: 11px;
}
.headerDiv .hicons ul>li.settings.active>span.arrowtop{
  bottom: -10px;
}
.headerDiv .hicons ul>li.settings:hover>span.arrowtop{
  background-image: url('/_LAYOUTS/mci/new/styles/images/ts_arrowh.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_arrowh.svg');
}
.headerDiv .hicons ul>li.settings:hover>a{
  background-color: #0a6562;
  background-position: -40px 0;
}
.headerDiv .hicons ul>li.settings>div .ts_title{
  background: url('/_LAYOUTS/mci/new/styles/images/ts_colors.png') no-repeat right 0;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_colors.svg');
  padding: 0 25px 5px 0;
  color: #434343;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  font-family: 'Midan W23 Black';
}
.headerDiv .hicons ul>li.settings>div .topsettings{
  border-bottom: 1px solid #cecece;
  padding: 0 0 10px 0;
}
.headerDiv .hicons ul>li.settings>div div.controls{
  padding: 3px 25px 3px 0;
}
.headerDiv .hicons ul>li.settings>div .topsettings .controls a{
  display: inline-block;
  color: #878787;
  font-size: 20px;
  line-height: 16px;
  padding: 0 20px 0 5px;
}
.headerDiv .hicons ul>li.settings>div div.controls .ts_m{
  background: url('/_LAYOUTS/mci/new/styles/images/ts_green.png') no-repeat right 1px;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_green.svg');
}
.headerDiv .hicons ul>li.settings>div div.controls .ts_g{
  background: url('/_LAYOUTS/mci/new/styles/images/ts_grey.png') no-repeat right 1px;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_grey.svg');
}
.headerDiv .hicons ul>li.settings>div div.bottomsettings{
  padding: 10px 0 0 0;
}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .tsx_title{
  background: url('/_LAYOUTS/mci/new/styles/images/ts_text.png') no-repeat right 0;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_text.svg');
  padding: 0 25px 5px 0;
  color: #434343;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  font-family: 'Midan W23 Black';
}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .controls a{
  display: inline-block;
  color: #878787;
  font-size: 20px;
  line-height: 24px;
  padding: 0 25px 0 5px;
}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .ts_inc{
  background: url('/_LAYOUTS/mci/new/styles/images/ts_text_inc.png') no-repeat right 0;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_text_inc.svg');
}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .ts_dec{
  background: url('/_LAYOUTS/mci/new/styles/images/ts_text_dec.png') no-repeat right 0;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ts_text_dec.svg');
}
.headerDiv .hicons ul>li.apps{
  overflow: hidden;
  -webkit-transition: width .4s ease-in-out;
     -moz-transition: width .4s ease-in-out;
       -o-transition: width .4s ease-in-out;
      -ms-transition: width .4s ease-in-out;
          transition: width .4s ease-in-out;
  width: 40px;
}
.headerDiv .hicons ul>li.apps.active{
  width: 200px;
  -webkit-transition: width .4s ease-in-out;
     -moz-transition: width .4s ease-in-out;
       -o-transition: width .4s ease-in-out;
      -ms-transition: width .4s ease-in-out;
          transition: width .4s ease-in-out;
}
.headerDiv .hicons ul>li.apps>div{
  position: absolute;
  margin: 0;
  padding: 0;
  float: left;
  height: 40px;
  width: 160px;
  direction: ltr;
  z-index: 1;
}
.headerDiv .hicons ul>li.apps.active>div{
  display: block;
}
.headerDiv .hicons ul>li.apps>div>a{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px;
  background-image: url('/_LAYOUTS/mci/new/styles/images/apps_icons.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/apps_icons.svg');
          transition: background-color .5s ease-in-out;
  -webkit-transition: background-position .2s ease-in-out;
     -moz-transition: background-position .2s ease-in-out;
       -o-transition: background-position .2s ease-in-out;
      -ms-transition: background-position .2s ease-in-out;
          transition: background-position .2s ease-in-out;
}
.headerDiv .hicons ul>li.apps>div>a.wphone{
  background-position: 0 0;
}
.headerDiv .hicons ul>li.apps>div>a.bb{
  background-position: -30px 0;
}
.headerDiv .hicons ul>li.apps>div>a.android{
  background-position: -60px 0;
}
.headerDiv .hicons ul>li.apps>div>a.ios{
  background-position: -90px 0;
}
.headerDiv .hicons ul>li.apps>div>a.wphone:hover{
  background-position: 0 -30px;
}
.headerDiv .hicons ul>li.apps>div>a.bb:hover{
  background-position: -30px -30px;
}
.headerDiv .hicons ul>li.apps>div>a.android:hover{
  background-position: -60px -30px;
}
.headerDiv .hicons ul>li.apps>div>a.ios:hover{
  background-position: -90px -30px;
}
.headerDiv .hicons ul>li.search{
  width: 40px;
  overflow: hidden;
  -webkit-transition: width .4s ease-in-out;
     -moz-transition: width .4s ease-in-out;
       -o-transition: width .4s ease-in-out;
      -ms-transition: width .4s ease-in-out;
          transition: width .4s ease-in-out;
}
.headerDiv .hicons ul>li.search.active{
  width: 200px;
  -webkit-transition: width .4s ease-in-out;
     -moz-transition: width .4s ease-in-out;
       -o-transition: width .4s ease-in-out;
      -ms-transition: width .4s ease-in-out;
          transition: width .4s ease-in-out;
}
.headerDiv .hicons ul>li.search>div{
  position: absolute;
  height: 40px;
  width: 160px;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, .8);
}

.headerDiv .hicons ul>li.search>div input{
  background: none;
  border: none;
  outline: none;
  color: #a5a5a5;
  height: 40px;
  font: normal 20px 'Midan W23';
  line-height: 30px;
  margin: 0 10px;
  width: 140px;
}
.headerDiv .hicons ul>li.search>div>form>.search_submit{
  display: none;
}
.headerDiv .bottom{
  position: relative;
}
.headerDiv .bottom .mobilemenu{
  display: none;
  width: 37px;
  height: 37px;
  background: #0a6562;
  cursor: pointer;
}
.headerDiv .bottom .mobilemenu span{
  display: block;
  height: 6px;
  margin: 0 0 6px 0;
  background-color: #dedede;
}
.headerDiv .bottom .wd-def{
  background: #005350;
  position: relative;
}
.headerDiv .bottom .menu{
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 10;
}
.headerDiv .bottom .menu:after{
  clear: both;
  content: '';
  display: table;
}
.headerDiv .bottom .menuFixed{
  width: 950px;
  position: fixed;
  top: 0;
  background: #005350;
}
.headerDiv .bottom .menuFixedLogo{
  width: 950px;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #005350;
}
.headerDiv .bottom .menuFixedLogoF{
  width: 950px;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #005350;
}
.headerDiv .bottom .menuFixedLogoFW{
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  text-align: center;
  background: #005350;
}
.headerDiv .bottom .menu .logo{
  background: url('/_LAYOUTS/mci/new/styles/images/logo-white.png') center no-repeat;
  background-size: 32px;
  border-left: 0 solid #0a6562;
  width: 0;
  height: 42px;
  margin-left: -4px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: width .5s ease-in-out;
     -moz-transition: width .5s ease-in-out;
       -o-transition: width .5s ease-in-out;
      -ms-transition: width .5s ease-in-out;
          transition: width .5s ease-in-out;
}
.headerDiv .bottom .menuFixedLogo .logo{
  border-left: 0 solid #0a6562;
  width: 52px;
}
.headerDiv .bottom .menuFixedLogoF .logo{
  border-left: 0 solid #0a6562;
  width: 52px;
}
.headerDiv .bottom .menuFixedLogoFW .logo{
  border-left: 0 solid #0a6562;
  width: 52px;
}
.headerDiv .bottom .menu .home{
  background: url('/_LAYOUTS/mci/new/styles/images/menu-home.png') center no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/menu-home.svg');
  border-left: 1px solid #0a6562;
  width: 52px;
  height: 52px;
  display: inline-block;
  vertical-align: middle;
}
.headerDiv .bottom .menu .home a{
  display: block;
  width: 45px;
  height: 45px;
  color: #ffffff !important;
}
.headerDiv .bottom .menuFixed .home{
  height: 53px;
}
.headerDiv .bottom .menuFixedLogo .home{
  height: 42px;
}
.headerDiv .bottom .menuFixedLogoF .home{
  height: 42px;
}
.headerDiv .bottom .menuFixedLogoFW .home{
  height: 42px;
}
.headerDiv .bottom .menu>li{
  float: right;
  z-index: 101;
}
.headerDiv .bottom .menu .sub{
  border-left: 1px solid #0a6562;
  font-size: 23px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background-color .5s ease-in-out;
     -moz-transition: background-color .5s ease-in-out;
       -o-transition: background-color .5s ease-in-out;
      -ms-transition: background-color .5s ease-in-out;
          transition: background-color .5s ease-in-out;
}
.headerDiv .bottom .menu .sub:last-of-type{
  border-left: 0;
}
.headerDiv .bottom .menu .sub:hover,
.headerDiv .bottom .menu.menuFixed .sub:hover{
  background: #0a6562;
}
.headerDiv .bottom .menu .active{
  background-color: #0a6562;
}
.headerDiv .bottom .menu .sub>a{
  color: #ffffff;
  padding: 0 29px;
  line-height: 53px;
  display: block;
  -webkit-transition: line-height .5s ease-in-out;
     -moz-transition: line-height .5s ease-in-out;
       -o-transition: line-height .5s ease-in-out;
      -ms-transition: line-height .5s ease-in-out;
          transition: line-height .5s ease-in-out;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  white-space: nowrap;
}

.headerDiv .bottom .menu .sub .sub-menu{
  background: #0a6562;
  width: 950px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  right: 0;
  display: none;
  z-index: 9999;
}
.headerDiv .bottom .menu .sub:hover .sub-menu{
  -webkit-animation: opmuhdr .5s ease-in-out;
     -moz-animation: opmuhdr .5s ease-in-out;
       -o-animation: opmuhdr .5s ease-in-out;
          animation: opmuhdr .5s ease-in-out;
}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub{
  width: 25%;
  margin-left: -4px;
  display: inline-block;
  vertical-align: top;
}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list{
  list-style: none;
  padding: 7px 10px;
  margin: 0;
}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list li{
  border-right: 3px solid #0a6562;
  -webkit-transition: border-color .5s ease-in-out, background-color .5s ease-in-out, color .5s ease-in-out;
     -moz-transition: border-color .5s ease-in-out, background-color .5s ease-in-out, color .5s ease-in-out;
       -o-transition: border-color .5s ease-in-out, background-color .5s ease-in-out, color .5s ease-in-out;
      -ms-transition: border-color .5s ease-in-out, background-color .5s ease-in-out, color .5s ease-in-out;
          transition: border-color .5s ease-in-out, background-color .5s ease-in-out, color .5s ease-in-out;
}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list li:hover{
  background: #0c7a76;
  border-right: 3px solid #aad9d7;
  box-sizing: border-box;
  color: #005350;
}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list a{
  text-transform: capitalize !important;
  padding: 4px 17px 4px 20px;
  display: block;
  color: #ffffff;
  font-size: 19px;
}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list a:hover{
  color: #ffffff;
}





.mediacenter{
  color: #ffffff;
}
.contactus{
  color: #ffffff;
}
.servecies_directory{
  color: #ffffff;
}
.section{
  margin-top: 10px;
}
.section.if-mF{
  margin-top: 64px;
}
.section:after{
  clear: both;
  content: '';
  display: table;
}
.section .sliced{
  height: 266px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.box-panel{
  opacity: 0;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
  -webkit-transform: translateX(-2500px);
          transform: translateX(-2500px);
}
.animated2{
  -webkit-transition-fill-mode: both;
     -moz-transition-fill-mode: both;
      -ms-transition-fill-mode: both;
       -o-transition-fill-mode: both;
  -webkit-transition-duration: 2s;
     -moz-transition-duration: 2s;
      -ms-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s;
}
.box-panel.animated{
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.box-panel .mini-box>div>span{
  display: none;
  color: #ffffff !important;
  bottom: 10px;
  position: absolute;
  font: normal 22px 'Midan W23';
  width: 96%;
  padding: 0 2% 0 0;
  line-height: 22px;
  text-align: center;
  -webkit-transition: all 1.5s ease-in-out;
     -moz-transition: all 1.5s ease-in-out;
       -o-transition: all 1.5s ease-in-out;
      -ms-transition: all 1.5s ease-in-out;
          transition: all 1.5s ease-in-out;
  opacity: 0;
}
.mini-box:hover>div>span,
.box-panel .mini-box>div.parentbox>span{
  display: block;
  opacity: 1;
}
.box-panel .mini-box>div>div>span{
  color: #ffffff;
  bottom: 10px;
  position: absolute;
  font: normal 22px 'Midan W23';
  width: 96%;
  padding: 0 2% 0 0;
  line-height: 22px;
  text-align: center;
  right: 0;
}
.box-panel .mini-box>div>div>div.grey{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('/_LAYOUTS/mci/new/styles/images/bg_trans.png') repeat-x bottom;
}
.hidenbox{
  display: none;
  opacity: 0;
  -webkit-transition: all .20s ease-in-out;
     -moz-transition: all .20s ease-in-out;
       -o-transition: all .20s ease-in-out;
      -ms-transition: all .20s ease-in-out;
          transition: all .20s ease-in-out;
}
.section .sliced .s-srvelc{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-1.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 264px;
  height: 266px;
  margin-left: 10px;
  position: absolute;
  float: right;
  cursor: pointer;
  z-index: 7;
          transition: background-size .5s ease-in-out, background-position .5s ease-in-out;
     -moz-transition: background-size .5s ease-in-out, background-position .5s ease-in-out;
      -ms-transition: background-size .5s ease-in-out, background-position .5s ease-in-out;
       -o-transition: background-size .5s ease-in-out, background-position .5s ease-in-out;
  -webkit-transition: background-size .5s ease-in-out, background-position .5s ease-in-out;
}
.section .sliced .s-srvelc:hover{
  background-position: center;
  background-size: 150% 150%;
}
.section .sliced .s-srvelc span{
  text-align: center;
  display: block;
  position: absolute;
  bottom: 56px;
  left: 31px;
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  font-family: 'Midan W23';
}
.section .sliced .s-srvelc .s-srvelc-sub{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-1-color.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-1-color.svg');
  background-repeat: no-repeat;
  width: 133px;
  height: 266px;
  float: left;
}
.section .sliced .s-srvelc-menu{
  background: #dedede;
  width: 767px;
  height: 246px;
  padding: 20px 40px 0 0;
  position: absolute;
  top: 0;
  right: 143px;
  display: none;
  z-index: 8;
}
.section .sliced .s-srvelc .clearboth{
  display: none;
}
.section .sliced .s-srvelc-menu .ssm-clm{
  width: 225px;
  margin-left: 20px;
  display: inline-block;
  float: right;
}
.section .sliced .s-srvelc-menu .ssm-clm .title{
  background: url('/_LAYOUTS/mci/new/styles/images/arrow-blue.jpg') 205px 9px no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/arrow-blue.svg');
  border-bottom: 4px solid #1a96c5;
  font: normal 19px 'Midan W23 Black';
  color: #575757;
  padding-right: 35px;
  line-height: 28px;
}
.section .sliced .s-srvelc-menu .ssm-clm ul{
  list-style: none;
  padding: 7px 0;
  margin: 0;
}
.section .sliced .s-srvelc-menu .ssm-clm ul li{
  background: url('/_LAYOUTS/mci/new/styles/images/arrow-gray.jpg') 215px 11px no-repeat;
  color: #8d8d8d;
  list-style: none;
  padding: 2px 20px;
  margin: 0;
  -webkit-transition: color .5s ease-in-out;
     -moz-transition: color .5s ease-in-out;
       -o-transition: color .5s ease-in-out;
      -ms-transition: color .5s ease-in-out;
          transition: color .5s ease-in-out;
}
.section .sliced .s-srvelc-menu .ssm-clm ul li:hover{
  color: #1a96c5;
}
.section .sliced .s-srvelc-menu .ssm-clm ul li a{
  font: normal 20px 'Midan W23';
  color: #676767!important;
}
.section .sliced .s-srvelc-menu .ssm-clm ul li a:hover{
  color: #1a96c5;
}
.section .sliced .s-social{
  display: block !important;
  background-color: #f68a00;
  background-repeat: no-repeat;
  background-position: center top;
  width: 264px;
  height: 128px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
  position: absolute;
  -webkit-transition: background-color .5s ease-in-out;
     -moz-transition: background-color .5s ease-in-out;
       -o-transition: background-color .5s ease-in-out;
      -ms-transition: background-color .5s ease-in-out;
          transition: background-color .5s ease-in-out;
  right: 274px;
}
.section .sliced .s-social span{
  white-space: nowrap;
  color: #ffffff !important;
  background-color: #f68a00;
  position: absolute;
  top: 29px;
  right: 13px;
  font-weight: normal;
  font-family: 'Midan W23';
  font-size: 24px;
  -webkit-transition: color .5s ease-in-out;
     -moz-transition: color .5s ease-in-out;
       -o-transition: color .5s ease-in-out;
      -ms-transition: color .5s ease-in-out;
          transition: color .5s ease-in-out;
}
.section .sliced .s-social .s-s-link{
  padding: 70px 0 0;
  text-align: center;
  font-size: 0 !important;
  color: #ffffff !important;
}
.section .sliced .s-social .s-s-link .s-s-ico{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.svg');
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  -webkit-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
     -moz-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
       -o-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
      -ms-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
          transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
  margin: 0 2px;
}
.section .sliced .s-social .s-s-link .s-s-ico:hover{
  background-color: #ffffff;
  box-shadow: 0 0 0 3px #ffffff;
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social-h.png?v=1');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social-h.svg');
}
.section .sliced .s-social .s-s-link .s-s-gp{
  background-position: -191px 0;
}
.section .sliced .s-social .s-s-link .s-s-rss{
  background-position: -144px 0;
}
.section .sliced .s-social .s-s-link .s-s-ut{
  background-position: -92px 0;
}
.section .sliced .s-social .s-s-link .s-s-tw{
  background-position: -42px 0;
}
.section .sliced .s-social .s-s-link .s-s-fb{
  background-position: 7px 0;
}
.section .sliced .s-social .s-s-link-white{
  padding: 70px 0 0;
  text-align: center;
  color: #ffffff !important;
}
.section .sliced .s-social .s-s-link-white .s-s-ico{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.svg');
  background-repeat: no-repeat;
  padding: 22px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  -webkit-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
     -moz-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
       -o-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
      -ms-transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
          transition: background-image .5s ease-in-out, box-shadow .2s ease-in-out, background-color 1s ease-in-out, border-radius .5s ease-in-out;
}
.section .sliced .s-social .s-s-link-white .s-s-ico:hover{
  background-color: #f68a00;
  box-shadow: 0 0 0 3px #f68a00;
}
.section .sliced .s-social:hover .s-s-link-white .s-s-ico{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social-h.png');
}
.section .sliced .s-social .s-s-link-white .s-s-gp{
  background-position: -191px 0;
}
.section .sliced .s-social .s-s-link-white .s-s-gp:hover{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
}
.section .sliced .s-social .s-s-link-white .s-s-rss{
  background-position: -142px 0;
}
.section .sliced .s-social .s-s-link-white .s-s-rss:hover{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
}
.section .sliced .s-social .s-s-link-white .s-s-ut{
  background-position: -92px 0;
}
.section .sliced .s-social .s-s-link-white .s-s-ut:hover{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
}
.section .sliced .s-social .s-s-link-white .s-s-tw{
  background-position: -42px 0;
}
.section .sliced .s-social .s-s-link-white .s-s-tw:hover{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
}
.section .sliced .s-social .s-s-link-white .s-s-fb{
  background-position: 7px 0;
}
.section .sliced .s-social .s-s-link-white .s-s-fb:hover{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-2-social.png');
}
.section .sliced .s-mdictr{
  color: #ffffff;
  width: 128px;
  height: 128px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
  position: absolute;
  overflow: hidden;
  background-position: -20px bottom;
  -webkit-transition: background 1s ease-in-out;
     -moz-transition: background 1s ease-in-out;
       -o-transition: background 1s ease-in-out;
      -ms-transition: background 1s ease-in-out;
          transition: background 1s ease-in-out;
  right: 548px;
}
.section .sliced .s-mdictr:hover,
.s-mdictrmobile,
.section .sliced .s-mdictr.parentbox{
  background: #762757 url('/_LAYOUTS/mci/new/styles/images/sliced-ico-5-ico.png') no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-5-ico.svg');
  color: #ffffff;
}
.section .sliced .s-cococo{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-6.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  width: 264px;
  height: 128px;
  margin-bottom: 10px;
  float: right;
  position: absolute;
  -webkit-transition: background-position .5s ease-in-out;
     -moz-transition: background-position .5s ease-in-out;
       -o-transition: background-position .5s ease-in-out;
      -ms-transition: background-position .5s ease-in-out;
          transition: background-position .5s ease-in-out;
  right: 686px;
  overflow: hidden;
}
.section .sliced .s-cococo:hover .text{
  bottom: 0;
}
.section .sliced .s-cococo .text{
  color: #ffffff!important;
  width: 92%;
  font-size: 18px;
  min-width: 244px;
  height: 128px;
  padding: 0 4%;
  bottom: -89px;
  position: relative;
  overflow: hidden;
  background-color: #3aa21d;
  -webkit-transition: bottom .5s ease-in-out;
     -moz-transition: bottom .5s ease-in-out;
       -o-transition: bottom .5s ease-in-out;
      -ms-transition: bottom .5s ease-in-out;
          transition: bottom .5s ease-in-out;
}
.section .sliced .s-cococo .text span{
  background: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-6-ico.png') no-repeat right center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-6-ico.svg');
  padding: 0 37px 0 0;
  font: normal 22px 'Midan W23';
  display: block;
  line-height: 38px;
}
.section .sliced .s-abtmns{
  color: #ffffff;
  width: 127px;
  height: 128px;
  margin-left: 10px;
  float: right;
  position: absolute;
  overflow: hidden;
  background-position: -20px bottom;
  -webkit-transition: background 1s ease-in-out;
     -moz-transition: background 1s ease-in-out;
       -o-transition: background 1s ease-in-out;
      -ms-transition: background 1s ease-in-out;
          transition: background 1s ease-in-out;
  right: 274px;
  top: 138px;
}
.section .sliced .s-abtmns:hover,
.section .sliced .s-abtmns.parentbox{
  background: #94d067 url('/_LAYOUTS/mci/new/styles/images/sliced-ico-3-ico.png') no-repeat center center;
  color: #ffffff;
}
.section .sliced .s-srvdir{
  color: #ffffff;
  width: 127px;
  height: 128px;
  margin-left: 10px;
  /* float:right; */
  position: absolute;
  overflow: hidden;
  background-position: -20px bottom;
  -webkit-transition: background 1s ease-in-out;
     -moz-transition: background 1s ease-in-out;
       -o-transition: background 1s ease-in-out;
      -ms-transition: background 1s ease-in-out;
          transition: background 1s ease-in-out;
  right: 411px;
  top: 138px;
}
.section .sliced .s-srvdir:hover,
.section .sliced .s-srvdir.parentbox{
  background: #ca345b url('/_LAYOUTS/mci/new/styles/images/s-srvdir-mobile.png') no-repeat center center;
  color: #ffffff;
}
.section .sliced .s-ruanre{
  background-image: url('/_LAYOUTS/mci/new/styles/images/mobadarat-bg.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 264px 0;
  width: 264px;
  height: 128px;
  margin-left: 10px;
  float: right;
  position: absolute;
  overflow: hidden;
  right: 548px;
  top: 138px;
  -webkit-transition: background-position .5s ease-in-out;
     -moz-transition: background-position .5s ease-in-out;
       -o-transition: background-position .5s ease-in-out;
      -ms-transition: background-position .5s ease-in-out;
          transition: background-position .5s ease-in-out;
}
.section .sliced .s-ruanre:hover{
  background-position: 0 0;
}
.section .sliced .s-ruanre .s-ruanre-blue{
  background: #1ac5d5 url('/_LAYOUTS/mci/new/styles/images/mobadarat-icon.png') no-repeat left 0;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/mobadarat-icon.svg');
  position: absolute;
  width: 94%;
  height: 90%;
  padding: 3%;
  color: #ffffff;
  left: 0;
  -webkit-transition: left .5s ease-in-out;
     -moz-transition: left .5s ease-in-out;
       -o-transition: left .5s ease-in-out;
      -ms-transition: left .5s ease-in-out;
          transition: left .5s ease-in-out;
}
.section .sliced .s-ruanre .s-ruanre-blue .title-mobadarat{
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 22px;
  right: 0;
  bottom: 10px;
}
.section .sliced .s-ruanre:hover .s-ruanre-blue{
  left: -101%;
}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-title{
  font: normal 22px 'Midan W23';
  margin-bottom: 7px;
}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-bullets{
  display: block;
  background: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-7-bullet.png') no-repeat right 7px;
  padding: 0 16px 0 0;
  font: normal 19px 'Midan W23';
  color: #ffffff;
}
.section .sliced .s-cnctus{
  color: #ffffff;
  width: 128px;
  height: 128px;
  float: right;
  position: absolute;
  overflow: hidden;
  background-position: -20px bottom;
  -webkit-transition: background 1s ease-in-out;
     -moz-transition: background 1s ease-in-out;
       -o-transition: background 1s ease-in-out;
      -ms-transition: background 1s ease-in-out;
          transition: background 1s ease-in-out;
  right: 822px;
  top: 138px;
}
.section .sliced .s-cnctus:hover,
.section .sliced .s-cnctus.parentbox{
  background: #dc3193 url('/_LAYOUTS/mci/new/styles/images/sliced-ico-8-ico.png') no-repeat center center;
  color: #ffffff;
}
.s-bs-img img{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-size: cover;
}
.s-bs-img.s-bs-img-1 img.face1{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-1-b.jpg');
}
.s-bs-img.s-bs-img-2 img.face1{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-2-b.jpg');
}
.s-bs-img.s-bs-img-3 img.face1{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-3-b.jpg');
}
.s-bs-img.s-bs-img-4 img.slidefront{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-4-b.jpg');
}
.s-bs-img.s-bs-img-1 img.face2{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-1.jpg');
}
.s-bs-img.s-bs-img-2 img.face2{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-2.jpg');
}
.s-bs-img.s-bs-img-3 img.face2{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-3.jpg');
}
.s-bs-img.s-bs-img-4 img.slideback{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-4.jpg');
}
.section .sliced .s-bs-img{
  width: 128px;
  height: 128px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: rotateX(0deg);
     -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
       -o-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
       -o-transition: all 1s ease-in-out;
      -ms-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
}
.section .sliced .totop{
  top: -135px;
  bottom: auto;
}
.section .sliced .backtop{
  -webkit-animation: backtop 1s ease-in-out;
     -moz-animation: backtop 1s ease-in-out;
       -o-animation: backtop 1s ease-in-out;
          animation: backtop 1s ease-in-out;
}
.section .sliced .tobottom{
  top: auto;
  bottom: -135px;
}
.section .sliced .backbottom{
  -webkit-animation: backbottom 1s ease-in-out;
     -moz-animation: backbottom 1s ease-in-out;
       -o-animation: backbottom 1s ease-in-out;
          animation: backbottom 1s ease-in-out;
}
.section .sliced .toleft{
  right: auto;
  left: -135px;
}
.section .sliced .backleft{
  -webkit-animation: backleft 1s ease-in-out;
     -moz-animation: backleft 1s ease-in-out;
       -o-animation: backleft 1s ease-in-out;
          animation: backleft 1s ease-in-out;
}
.section .sliced .toright{
  right: -135px;
  left: auto;
}
.section .sliced .backright{
  -webkit-animation: backright 1s ease-in-out;
     -moz-animation: backright 1s ease-in-out;
       -o-animation: backright 1s ease-in-out;
          animation: backright 1s ease-in-out;
}
.section .sliced .torotate{
  -webkit-transform: rotateX(90deg);
     -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
       -o-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}
.section .sliced .torotateflipped{
  -webkit-transform: rotateX(-90deg);
     -moz-transform: rotateX(-90deg);
      -ms-transform: rotateX(-90deg);
       -o-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}
.section .sliced .backrotate{
  -webkit-animation: backrotate 1s ease-in-out;
     -moz-animation: backrotate 1s ease-in-out;
       -o-animation: backrotate 1s ease-in-out;
          animation: backrotate 1s ease-in-out;
}
.section .bg-gray{
  background: #dedede;
  padding: 21px 0 16px;
}
.section .content{
  width: 658px;
  float: right;
  position: relative;
}
.section .content .news{
  background: #dedede;
  padding: 10px 17px 10px 15px;
  margin-bottom: 10px;
  position: relative;
  height:442px;
}
.section .content .news .header{
  height: 30px;
  margin-bottom: 10px;
}
.section .content .news .header h3{
  white-space: nowrap;
  font-size: 24px;
  color: #626262;
  padding: 0;
  margin: 0;
  float: right;
  line-height: 31px;
}
.section .content .news .header a{
  font-size: 21px;
  color: #818181;
  padding: 0;
  line-height: 31px;
  float: left;
  -webkit-transition: color .5s ease-in-out;
     -moz-transition: color .5s ease-in-out;
       -o-transition: color .5s ease-in-out;
      -ms-transition: color .5s ease-in-out;
          transition: color .5s ease-in-out;
}
.section .content .news .header a:hover{
  color: #005350;
}
.section .content .news .nws-cnt{
  margin-bottom: 10px;
  position: relative;
}

.section .content .news .nws-cnt .ns-ct-box .post{
  width: 48.2%;
  padding: 0 .1% 0 1.7%;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.section .content .news .nws-cnt .ns-ct-box .post.plast{
  padding: 0 1.8% 0 0;
}
.section .content .news .nws-cnt .ns-ct-box .post .pst-title{
  background: #005350;
  color: #ffffff;
  font-size: 21px;
  padding: 5px 10px;
  margin-bottom: 10px;
  line-height: 22px;
  height: 44px;
}
.section .content .news .nws-cnt .ns-ct-box .post .text{
  color: #878787;
}
.section .content .news .nws-cnt .ns-ct-box .post .text p{
  font-size: 20px;
  line-height: 22px;
  text-align: right;
  height: 88px;
  overflow: hidden;
}
.section .content .news .nws-cnt .ns-ct-box .post .text>div{
  background: #ffffff;
  padding: 2px;
  line-height: 0;
  overflow: hidden;
}
.section .content .news .nws-cnt .ns-ct-box .post .text>div img{
  width: 100%;
  height: 120px;
}
.section .content .news .nws-cnt .ns-ct-box .post .text a{
  color: #005350;
  -webkit-transition: color .5s ease-in-out;
     -moz-transition: color .5s ease-in-out;
       -o-transition: color .5s ease-in-out;
      -ms-transition: color .5s ease-in-out;
          transition: color .5s ease-in-out;
}
.section .content .news .nws-cnt .ns-ct-box .post .text a:hover{
  color: #878787;
}
.as-next-arrow,
.as-prev-arrow{
  display: none;
}
.section .content .news .as-nav{
  direction: ltr;
  text-align: left;
}
.section .content .news .as-nav a{
  background: #ffffff;
  color: #ffffff;
  font-size: 0;
  line-height: 6px;
  width: 27px;
  height: 6px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: background-color .5s ease-in-out;
     -moz-transition: background-color .5s ease-in-out;
       -o-transition: background-color .5s ease-in-out;
      -ms-transition: background-color .5s ease-in-out;
          transition: background-color .5s ease-in-out;
  margin: 0 2px;
}
.section .content .news .as-nav a:hover{
  background: #005350;
  color: #005350;
}
.section .content .news .as-nav a.as-active{
  background: #005350;
  color: #005350;
}
.section .content .ad-lo .clearboth{
  display: none;
}
.section .content .ad-lo .al-ads{
  background: #f4f4f4;
  border: 1px solid #d4d4d4;
  width: 342px;
  padding: 18px 18px 17px 18px;
  float: right;
  min-height: 330px;
}
.section .content .ad-lo .al-ads .header{
  background: #005350;
  color: #ffffff;
  height: 45px;
}
.section .content .ad-lo .al-ads .header h3{
  font: normal 18px 'Midan W23 Black';
  padding: 0 20px;
  margin: 0;
  line-height: 45px;
  float: right;
}
.section .content .ad-lo .al-ads .header .next{
  background: url('/_LAYOUTS/mci/new/styles/images/ads-arrow.png') left center no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ads-arrow.svg');
  width: 23px;
  height: 23px;
  margin-top: 11px;
  margin-left: 10px;
  float: left;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
  cursor: pointer;
}
.section .content .ad-lo .al-ads .header .next:hover{
  opacity: .5;
}
.section .content .ad-lo .al-ads .header .prev{
  background: url('/_LAYOUTS/mci/new/styles/images/ads-arrow.png') right center no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ads-arrow.svg');
  width: 23px;
  height: 23px;
  margin-top: 11px;
  margin-left: 2px;
  float: left;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
  cursor: pointer;
}
.section .content .ad-lo .al-ads .header .prev:hover{
  opacity: .5;
}
.section .content .ad-lo .al-ads .al-ads-cnt{
  margin-top: 15px;
  display: none;
}
.section .content .ad-lo .al-ads .al-ads-cnt img{
  border: 1px solid #ffffff;
  display: block;
  width: 340px;
  height: 150px;
}
.section .content .ad-lo .al-ads .al-ads-cnt h3{
  font-size: 19px;
  color: #575757;
  margin: 2px 0 6px 0;
  line-height: 27px;
}
.section .content .ad-lo .al-ads .al-ads-cnt p{
  font-size: 20px;
  color: #878787;
  margin: 0 0 6px 0;
  line-height: 24px;
}
.section .content .ad-lo .al-liof{
  width: 268px;
  float: left;
}
.section .content .ad-lo .al-liof .allo-link{
  height: 268px;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico{
  width: 44%;
  height: 128px;
  margin-left: 2%;
  margin-bottom: 10px;
  float: right;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
  background-position: center center;
}
.section .content .ad-lo .al-liof .allo-link>a{
  position: relative;
}
.section .content .ad-lo .al-liof .allo-link>a>span{
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #d3d3d3;
  font: 22px 'Midan W23';
}
.section .content .ad-lo .al-liof .allo-link>a:hover>span{
  color: #005351;
}
.section .content .ad-lo .al-liof .allo-link .alloli-idea{
  margin-left: 0;
  float: left;
}
.section .content .ad-lo .al-liof .allo-link .alloli-note{
  float: left;
  margin-left: 0;
}

/*.section .content .ad-lo .al-liof .allo-link .alloli-decision{background: #005351 url('/_LAYOUTS/mci/new/styles/images/alloli-decision-icon-ipad.png') no-repeat center 30px;}
.section .content .ad-lo .al-liof .allo-link .alloli-decision:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-decision-icon-ipad-h.png') no-repeat center 30px }
.section .content .ad-lo .al-liof .allo-link .alloli-idea{background: #005351 url('/_LAYOUTS/mci/new/styles/images/alloli-idea-icon-ipad.png') no-repeat center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-idea:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-idea-icon-ipad-h.png') no-repeat center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-note{background: #005351 url('/_LAYOUTS/mci/new/styles/images/alloli-note-icon-ipad.png') no-repeat center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-note:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-note-icon-ipad-h.png') no-repeat center 30px }
.section .content .ad-lo .al-liof .allo-link .alloli-map{background: #005351 url('/_LAYOUTS/mci/new/styles/images/alloli-map-icon-ipad.png') no-repeat center 30px }
.section .content .ad-lo .al-liof .allo-link .alloli-map:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-map-icon-ipad-h.png') no-repeat center 30px}*/

.section .content .ad-lo .al-liof .allo-link .allo-link-ico{
  float: right;
  background-color: #005351;
  text-align: center;
  padding: 2%;
  height: 44%;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:nth-child(odd){
  width: 44%;
  margin-left: 4%;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:nth-child(even){
  width: 44%;
  margin-left: 0;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:hover{
  background-color: #d3d3d3;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico img{
  margin: 10px auto;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico img:nth-child(3){
  display: none;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:hover img:nth-child(3){
  display: block;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico img:nth-child(2){
  display: block;
}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:hover img:nth-child(2){
  display: none;
}
.section .content .ad-lo .al-liof .allo-enquire{
  background: #ececec url('/_LAYOUTS/mci/new/styles/images/enquire-border.png') repeat-x bottom;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  margin: 10px 0 0 0;
  padding: 18px 20px 6px;
  height: 64px;
}
.section .content .ad-lo .al-liof .allo-enquire:hover a{
  background-position: right 0;
}
.section .content .ad-lo .al-liof .allo-enquire a{
  color: #005351;
  font: normal 18px 'Midan W23 Black';
  display: block;
  background: url('/_LAYOUTS/mci/new/styles/images/enquire-ico.png') no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/enquire-ico.svg');
  background-position: right -44px;
  -webkit-transition: background-position .5s ease-in-out;
     -moz-transition: background-position .5s ease-in-out;
       -o-transition: background-position .5s ease-in-out;
      -ms-transition: background-position .5s ease-in-out;
          transition: background-position .5s ease-in-out;
  padding: 0 70px 0 0;
  line-height: 22px;
}
.section .sidebar{
  width: 280px;
  float: left;
}
.cvideo_title{
  margin: 0 0 15px 0;
  background: #005350;
  padding: 5px 15px;
  color: #ffffff;
  font: normal 18px 'Midan W23 Black';
  line-height: 27px;
}
.cvideo_player{
  margin: 10px auto 0;
  width: 260px;
  height: 143px;
  background: url('/_LAYOUTS/mci/new/styles/images/vimage.png');
}
.cvideo_controls{
  width: 260px;
  height: 22px;
  background: url('/_LAYOUTS/mci/new/styles/images/v_controls.png');
  margin: 12px auto 0;
}
.videoWrapper a{
  display: block;
  position: relative;
}
.videoWrapper a img{
  width: 100%;
  max-height: 170px;
}
.imgloading{
  margin-right: 50%;
  margin-top: 30px;
}
.videoWrapper a span{
  display: block;
  position: absolute;
  width: 90px;
  height: 90px;
  top: 25%;
  right: 30%;
  background: url('/_LAYOUTS/mci/new/styles/images/vplay.png') no-repeat;
}
.comm-item iframe{
  border: none;
}
.comm-item{
  background: #dedede;
  padding: 10px;
  margin-bottom: 10px;
  height: 222px;
}
.comm-item .ci-title{
  background: #005350;
  font-size: 14px;
  color: #ffffff;
  padding: 5px 10px;
  line-height: 27px;
}
.comm-item .ci-items{
  height: 136px;
  padding: 10px 0;
}
.comm-item .ci-items .cii-item-2{
  display: none;
}
.comm-item .ci-items .ciii-item{
  background: #ededed;
  padding: 5px;
  margin-bottom: 4px;
}
.comm-item .ci-items .ciii-item:after{
  clear: both;
  content: '';
  display: table;
}
.comm-item .ci-items .ciii-item .ciii-i-title{
  font-size: 14px;
  color: #878787;
  width: 140px;
  float: right;
  line-height: 24px;
}
.comm-item .ci-items .ciii-item .ciii-i-info{
  background: #005351;
  padding: 4px 7px;
  float: left;
}
.comm-item .ci-items .ciii-item .ciii-i-info .ciii-i-i-arrow{
  margin-bottom: -6px;
  text-align: center;
  line-height: 22px;
}
.comm-item .ci-items .ciii-item .ciii-i-info .ciii-i-i-num{
  font-family: 'Comic Sans MS', cursive;
  font-size: 22px;
  color: #dedede;
  line-height: 30px;
}
.comm-item .ci-cities{
  text-align: left;
  margin-bottom: 5px;
  position: relative;
  line-height: 20px;
}
.comm-item .ci-cities .ci-c-select{
  background: #dedede url('/_LAYOUTS/mci/new/styles/images/arrow-green.png') 10px 10px no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/arrow-green.svg');
  border: 1px solid #cecece;
  font-size: 10px;
  color: #005351;
  width: 80px;
  padding: 2px 10px 2px 20px;
  display: inline-block;
  text-align: right;
  cursor: pointer;
}
.comm-item .ci-cities .ci-c-s-menu{
  background: #dedede;
  border: 1px solid #cecece;
  font-size: 10px;
  color: #005351;
  width: 110px;
  padding: 3px 0;
  position: absolute;
  top: 28px;
  left: 0;
  display: none;
}
.comm-item .ci-cities .ci-c-s-menu span{
  background: #005351;
  color: #dedede;
  padding: 2px 10px;
  display: block;
  text-align: right;
  -webkit-transition: color .5s ease-in-out;
     -moz-transition: color .5s ease-in-out;
       -o-transition: color .5s ease-in-out;
      -ms-transition: color .5s ease-in-out;
          transition: color .5s ease-in-out;
  cursor: pointer;
}
.comm-item .ci-cities .ci-c-s-menu span:hover{
  color: #dedede;
  background: #075e5c;
}
.section .sidebar .twt-tw,
.ad-lo .twt-tw.second{
  background: #dedede /*url('/_LAYOUTS/mci/new/styles/images/tw-bg.jpg') left bottom no-repeat*/;
  padding: 10px 10px 14px 10px;
  margin-bottom: 10px;
}
.ad-lo .twt-tw.second{
  display: none;
}
.ad-lo .twt-tw.second .tt-header{
  position: relative;
}
.section .sidebar .twt-tw .tt-header,
.ad-lo .twt-tw.second .tt-header{
  height: 37px;
  margin-bottom: 10px;
}
.section .sidebar .twt-tw .tt-header .tt-title,
.ad-lo .twt-tw.second .tt-header .tt-title{
  background: #005351;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
  font-family: 'Midan W23 Black';
  width: 195px;
  padding: 5px 10px;
  float: right;
  line-height: 26px;
}
.section .sidebar .twt-tw .tt-header .tt-logo,
.ad-lo .twt-tw.second .tt-header .tt-logo{
  background: url('/_LAYOUTS/mci/new/styles/images/logo-t.jpg') center no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/logo-t.svg');
  width: 37px;
  height: 37px;
  float: left;
}
.section .sidebar .twt-tw .tt-cnt{
  height: 78px;
}

.section .sidebar .twt-tw .tt-cnt a, .ad-lo .twt-tw.second .tt-cnt a{
    font-size: 25px;
    line-height: 60px;
    margin: 36px 60px 0 0;
    color: #005350;
}

.section .sidebar .twt-tw .tt-cnt ul,
.ad-lo .twt-tw.second .tt-cnt ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.section .sidebar .twt-tw .tt-cnt .tt-user,
.ad-lo .twt-tw.second .tt-cnt .tt-user{
  color: #005350;
  font-size: 20px;
  line-height: 17px;
  float: right;
}
.section .sidebar .twt-tw .tt-cnt .tt-time,
.ad-lo .twt-tw.second .tt-cnt .tt-time{
  color: #878787;
  font-size: 16px;
  line-height: 17px;
  float: left;
  text-align: left;
}
.section .sidebar .twt-tw .tt-cnt .tt-content,
.ad-lo .twt-tw.second .tt-cnt .tt-content{
  color: #575757;
  font-size: 17px;
  line-height: 20px;
}
.section .sidebar .twt-tw .tt-cnt .tt-content a,
.ad-lo .twt-tw.second .tt-cnt .tt-content a{
  color: #005350;
}
.section .sidebar .fw{
  background: #f4f4f4 url('/_LAYOUTS/mci/new/styles/images/fw-bg.png') left bottom no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/fw-bg.svg');
  border: 1px solid #cccccc;
  padding: 10px 0 21px;
  margin-bottom: 12px;
}
.section .sidebar .fw:after{
  clear: both;
  content: '';
  display: table;
}
.section .sidebar .fw .fw-title{
  font: normal 18px 'Midan W23 Black';
  color: #005350;
  padding-right: 20px;
  margin-top: 7px;
  margin-bottom: 13px;
  line-height: 31px;
}
.section .sidebar .fw .next{
  background: #005350 url('/_LAYOUTS/mci/new/styles/images/w-arrow-l.png') center no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/w-arrow-l.svg');
  width: 10%;
  height: 66px;
  float: left;
  cursor: pointer;
  position: relative;
  left: -1px;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
.section .sidebar .fw .next:hover{
  opacity: .7;
}
.section .sidebar .fw .prev{
  background: #005350 url('/_LAYOUTS/mci/new/styles/images/w-arrow-r.png') center no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/w-arrow-r.svg');
  height: 66px;
  float: right;
  cursor: pointer;
  width: 10%;
  position: relative;
  right: -1px;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
.section .sidebar .fw .prev:hover{
  opacity: .7;
}
.section .sidebar .fw .fw-web{
  padding: 0 1.5%;
  position: relative;
  float: right;
  width: 70%;
}
.section .sidebar .fw .fw-web .fw-w-logo{
  display: none;
  text-align: center;
}
.section .sidebar .fw .fw-web .fw-w-logo a{
  display: block;
  height: 86px;
  width: 212px;
  position: absolute;
  top: -10px;
}
.section .sidebar .fw .fw-web img{
  max-width: 202px;
  width: 100%;
}
.section .sidebar .vote{
  background: #f4f4f4 url('/_LAYOUTS/mci/new/styles/images/bg-vote.png') left bottom no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/bg-vote.svg');
  border: 1px solid #cccccc;
}
.section .sidebar .vote .v-title{
  font-size: 18px;
  font-weight: normal;
  font-family: 'Midan W23 Black';
  color: #005350;
  padding-right: 20px;
  line-height: 41px;
}
.section .sidebar .vote .v-text{
  font-size: 21px;
  color: #575757;
  padding-right: 20px;
  margin-bottom: 10px;
  line-height: 21px;
}
.section .sidebar .vote .opinion{
  padding: 3px 15px;
  color: #878787;
  font: normal 20px 'Midan W23';
  cursor: pointer;
  line-height: 25px;
}
.section .sidebar .vote .opinion input,
.section .sidebar .vote form{
  padding: 0;
  margin: 0;
}
.section .sidebar .vote .opinion label{
  cursor: pointer;
}
.section .sidebar .vote .v-footer{
  margin: 0 5px 0;
  background: #005350;
  color: #ffffff;
  padding: 0 20px;
  text-align: left;
  line-height: 39px;
}
.section .sidebar .vote .v-footer a{
  font: normal 18px 'Midan W23';
  color: #ffffff;
}
.vote .title{
  font-size: 18px;
  font-weight: normal;
  font-family: 'Midan W23 Black';
  color: #005350;
  padding-right: 20px;
  line-height: 35px;
}
.vote .ques{
  font-size: 21px;
  color: #575757;
  padding: 0 10px;
  margin-bottom: 10px;
  line-height: 22px;
}
.vote .vb_table{
  width: 100%;
  margin-top: 5px;
}
.vote .vote_btn{
  margin: 0 5px 0;
  background: #005350;
  color: #ffffff;
  padding: 0 20px;
  text-align: left;
  line-height: 39px;
}
.vote .vote_btn a{
  font-size: 18px;
}
.options{
  font-size: 20px;
  line-height: 24px;
  padding: 0 10px 16px;
  color: #878787;
}
.vote .ques{
  margin-bottom: 0;
}
.options input{
  position: relative;
  bottom: -3px;
}
.options img{
  display: none;
}
.vote_btn_l,
.vote_btn_r{
  display: none;
}
.vb_table td:first-child{
  display: none;
}

/*.vote .des{min-height:192px}*/

.quicklinksbox{
  background: #f4f4f4 url('/_LAYOUTS/mci/new/styles/images/quicklinks_bg.png') no-repeat left bottom;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/quicklinks_bg.svg');
  border: 1px solid #d4d4d4;
  padding: 25px 15px 20px 15px;
  margin: 15px auto 0;
  width: 920px;
  position: relative;
}
.quicklinksbox .qltitle{
  color: #005350;
  font: normal 18px 'Midan W23 Black';
  line-height: 18px;
  margin: 0 0 10px 0;
}
.quicklinksbox ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.quicklinksbox ul li{
  float: right;
  width: 25%;
  padding: 0 0 3px 0;
}
.quicklinksbox ul li.fourone{
  width: 20%;
}
.quicklinksbox ul li a,
.quicklinksbox ul li a:link,
.quicklinksbox ul li a:visited{
  color: #878787;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  background: url('/_LAYOUTS/mci/new/styles/images/ql_bullet.png') no-repeat right 6px;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/ql_bullet.svg');
  display: block;
  margin: 0 0 0 1px;
  padding: 0 15px 0 5px;
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
.quicklinksbox ul li a:hover{
  color: #005350;
}
.newblocks{
  margin: 15px auto 0;
  width: 950px;
  position: relative;
}
.newblocks .calendar{
  background: #f4f4f4 url('../images/calendar_bg.png') no-repeat left bottom;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/calendar_bg.svg');
  box-sizing: border-box;
  float: right;
  border: 1px solid #d4d4d4;
  padding: 10px 10px 10px 10px;
  margin: 0;
  width: 300px;
  min-height: 230px;
  position: relative;
}
.newblocks .calendar .calendar-link a{
  display: block;
  float: left;
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: #005350;
  font-size: 16px !important;
}
.myCalendar{
  background: none !important;
  width: 100%;
}
.myCalendar a{
  text-decoration: none;
}
.myCalendar .myCalendarHead{
  height: 32px;
  background: #005351;
  color: #ffffff;
  text-align: center;
}

/*
    Styles declaration for top title
    [TitleStyle] [CssClass] = myCalendarTitle
*/

.myCalendar .myCalendarTitle{
  height: 25px;
  text-align: center;
  color: #005351;
  font-weight: bold;
  line-height: 25px;
  font-size: 40px;
}

/*
    Styles declaration for date cells
    [DayStyle] [CssClass] = myCalendarDay
*/

.myCalendar td.myCalendarDay{
  border-left: 0;
  border-top: 0;
}

/*
    Styles declaration for next/previous month links
    [NextPrevStyle] [CssClass] = myCalendarNextPrev
*/

.myCalendar .myCalendarNextPrev{
  text-align: center;
}

/*
    Styles declaration for Week/Month selector links cells
    [SelectorStyle] [CssClass] = myCalendarSelector
*/

.myCalendar td.myCalendarSelector{
  background-color: #dddddd;
}
.myCalendar .myCalendarDay a,
.myCalendar .myCalendarSelector a,
.myCalendar .myCalendarNextPrev a{
  display: block;
  line-height: 18px;
}
.myCalendar .myCalendarDay a:hover,
.myCalendar .myCalendarSelector a:hover{
  background-color: #cccccc;
}
.myCalendar .myCalendarNextPrev a:hover{
  background-color: #ffffff;
}
.newblocks .tags{
  background: #f4f4f4 url('../images/tags_bg.png') no-repeat left bottom;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/tags_bg.svg');
  box-sizing: border-box;
  float: right;
  border: 1px solid #d4d4d4;
  padding: 25px 15px 20px 15px;
  margin: 0 0 0 9px;
  width: 312px;
  min-height: 230px;
  position: relative;
}
.newblocks .tags .qltitle{
  color: #005350;
  font: normal 18px 'Midan W23 Black';
  line-height: 18px;
  margin: 0 0 10px 0;
}

/* Tag cloud */

.tags ul{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
}
.tags li{
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  line-height: 26px;
}
.tags li a{
  text-decoration: none;
  padding: 0 2px;
}
.tags li a:hover{
  color: #005350;
}
.tag1{
  font-size: 100%;
  color: #575757;
}
.tag2{
  font-size: 120%;
  color: #878787;
}
.tag3{
  font-size: 140%;
  color: #0a8883;
}
.tag4{
  font-size: 160%;
  color: #3f3f3f;
}
.tag5{
  font-size: 180%;
  color: #005350;
}

/* alternative layout */

.tags .alt{
  text-align: left;
  padding: 0;
  background: none;
}
.tags .alt li{
  padding: 2px 10px;
  background: #efefef;
  display: block;
}
.tags .alt .tag1,
.tags .alt .tag2,
.tags .alt .tag3,
.tags .alt .tag4,
.tags .alt .tag5{
  font-size: 100%;
}
.tags .alt .tag1{
  background: #7cc0f4;
}
.tags .alt .tag2{
  background: #67abe0;
}
.tags .alt .tag3{
  background: #4d92c7;
}
.tags .alt .tag4{
  background: #3277ad;
}
.tags .alt .tag5{
  background: #266ca2;
}

/* // Tag cloud */

.newblocks .whatsnew{
  background: #f4f4f4 url('../images/whatsnew_bg.png?v=1') no-repeat left bottom;
  float: right;
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  padding: 14px 15px 18px 15px;
  margin: 0 0 0 9px;
  width: 320px;
  min-height: 230px;
  position: relative;
}
.newblocks .whatsnew .title{
  margin: 0 0 5px 0;
  background: #005350;
  padding: 5px 15px;
  color: #ffffff;
  font: normal 18px 'Midan W23 Black';
  line-height: 27px;
}
.whatsnew ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.whatsnew ul li{
  float: right;
  padding: 5px 0 5px 0;
  border-bottom: 1px dashed #cecece;
  width: 100%;
}
.whatsnew ul li:nth-last-child(1){
  float: right;
  padding: 5px 0 5px 0;
  border-bottom: none;
}
.whatsnew ul li a,
.whatsnew ul li a:link,
.whatsnew ul li a:visited{
  color: #878787;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  background: url('../images/ql_bullet.png') no-repeat right 6px;
  display: block;
  margin: 0 0 0 1px;
  padding: 0 15px 0 5px;
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
.whatsnew ul li a:hover{
  opacity: .75;
}
.whatsnew .whatsNew-link a{
  display: block;
  float: left;
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: #005350;
  font-size: 16px !important;
}
.footerDiv.ft-top{
  background: #005351 url('/_LAYOUTS/mci/new/styles/images/footer_bg.png') no-repeat left -33px;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/footer_bg.svg');
  width: 910px;
  height: 65px;
  padding: 10px 20px;
  margin: 20px auto 10px;
  position: relative;
}
.footerDiv.ft-top .ft-cr{
  float: right;
  margin-top: 0;
}
.footerDiv.ft-top .ft-cr .text-1{
  font-size: 20px;
  color: #dedede;
  line-height: 28px;
  padding: 0 7px;
}
.footerDiv.ft-top .ft-cr .text-2{
  display: none;
  font-size: 17px;
  color: #dedede;
  opacity: .62;
}
.footerDiv.ft-top .ft-cr .footerlinks{
  font-size: 11px;
  color: #dedede;
  width: 80%;
  line-height: 20px;
}
.footerDiv.ft-top .ft-cr .footerlinks a,
.footerDiv.ft-top .ft-cr .footerlinks a:link,
.footerDiv.ft-top .ft-cr .footerlinks a:visited{
  display: inline-block;
  padding: 0 7px;
  font: normal 18px 'Midan W23';
  border-left: 1px solid #d0d0d0;
  line-height: 12px;
  color: #d0d0d0;
  white-space: nowrap;
}
.footerDiv.ft-top .ft-cr .footerlinks a:hover{
  color: #dedede;
}
.footerDiv.ft-top .ft-cr .footerlinks a.last{
  border: none;
}
.footerDiv.ft-top .ft-social{
  float: left;
  margin-top: 6px;
  position: absolute;
  left: 18px;
  height: 51px;
}
.footerDiv.ft-top .ft-social .ft-s-ico{
  background: url('/_LAYOUTS/mci/new/styles/images/footer-ico.png') no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/footer-ico.svg');
  font-size: 0!important;
  color: #ffffff!important;
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
.footerDiv.ft-top .ft-social .ft-s-ico:hover{
  opacity: .5;
}
.footerDiv.ft-top .ft-social .ft-s-i-gp{
  background-position: -228px -6px;
}
.footerDiv.ft-top .ft-social .ft-s-i-rss{
  background-position: -189px -6px;
}
.footerDiv.ft-top .ft-social .ft-s-i-ut{
  background-position: -148px -6px;
}
.footerDiv.ft-top .ft-social .ft-s-i-tw{
  background-position: -108px -6px;
}
.footerDiv.ft-top .ft-social .ft-s-i-fb{
  background-position: -68px -6px;
}
.footerDiv.ft-top .ft-social .ft-s-i-qc,
.footerDiv.ft-top .ft-social .ft-s-i-qc:hover{
  opacity: 1;
  background-position: 0 0;
  background-image: url('/_LAYOUTS/mci/new/styles/images/footer-ico.png');
  width: 54px;
  height: 50px;
}
.footerDiv.ft-bottom{
  display: none;
  width: 940px;
  margin: 0 auto;
  padding: 0 0 20px 0;
  color: #4a4a4a;
  text-align: center;
}
.footerDiv.ft-bottom a{
  color: #4a4a4a;
  margin: 0 10px;
  display: inline-block;
  -webkit-transition: color .5s ease-in-out;
     -moz-transition: color .5s ease-in-out;
       -o-transition: color .5s ease-in-out;
      -ms-transition: color .5s ease-in-out;
          transition: color .5s ease-in-out;
  font: normal 16px 'Midan W23';
  white-space: nowrap;
}
.footerDiv.ft-bottom a:hover{
  color: #005351;
}
.footer_w3c{
  width: 950px;
  margin: 15px auto;
}
.footer_w3c .w3c_right{
  float: right;
  background: url('/_LAYOUTS/mci/new/styles/images/browsers.png') no-repeat right center;
  padding: 0 130px 0 0;
  color: #575757;
  font-size: 18px;
  width: 380px;
  line-height: 18px;
}
.footer_w3c .w3c_left{
  float: left;
}
.footer_w3c .w3c_left a{
  display: inline-block;
  margin: 5px;
}

/* start calendar */

.TopCurrentMonthCssClass,
.TopCurrentYearCssClass{
  color: #666666;
  font: 18px 'Midan W23 Black';
  text-decoration: none;
  line-height: 15px;
}
.calender_days{
  width: 100%;
  text-align: center;
  border-spacing: 0;
}
.calender_days td{
  line-height: 22px;
  width: 20px;
  height: 15px;
  padding: 0;
}
.nextMonth a,
.prevMonth a{
  width: 26px;
  height: 36px;
  display: block;
}
.nextMonth a{
  background: url(/_LAYOUTS/mci/new/styles/images/next.png?v=1) no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/next.svg');
  font-size: 0;
  float: right;
}
.prevMonth a{
  background: url(/_LAYOUTS/mci/new/styles/images/prev.png?v=1) no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/prev.svg');
  font-size: 0;
  float: left;
}
.dayName{
  color: #ffffff;
  font: 15px/32px 'Midan W23 Black';
  background: #005351;
  height: 32px;
  margin-bottom: 5px;
}
.day{
  color: #666666;
  font: 19px 'Midan W23';
}

.event_day>div>a{
  font: 19px 'Midan W23';
  color: #075654;
  background: #d8e5e5;
  text-decoration: none;
  display: block;
  cursor: default;
}
.current_day{
  font: 19px 'Midan W23' !important;
  background: #005351;
  color: #ffffff;
}
.cuurentDay{
  font: 19px 'Midan W23' !important;
  background: #005351;
  color: #ffffff;
}
.event_day>div{
  position: relative;
}
.event_day:hover .div_event_tooltip{
  display: block !important;
  position: absolute;
  bottom: 25px;
  right: -80px;
  padding: 10px;
  width: 200px;
  background-color: #fefefe;
  border: 1px solid #cbcbcb;
  z-index: 9999;
}
.div_event_tooltip ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.div_event_tooltip ul li{
  border-bottom: 1px dotted #cccccc;
  text-align: right;
}
.div_event_tooltip ul li a{
  color: #404040;
  text-decoration: none;
  display: block;
  padding: 5px;
  font-size: 16px;
  line-height: 16px;
}
.div_event_tooltip ul li a:hover{
  color: #075654;
}
.even_tooltip_span{
  position: absolute;
  bottom: -7px;
  width: 200px;
  height: 7px;
  background: url(/_LAYOUTS/mci/new/styles/images/arrow_tooltip_tb_events.png) no-repeat center top;
  right: 0;
  display: block;
}
.divLoaderImageclass img{
  position: absolute;
  top: 50%;
  right: 50%;
  width: 32px !important;
  height: 32px !important;
}

/* end calendar */

.gototop{
  display: none;
  cursor: pointer;
  position: fixed;
  width: 51px;
  height: 51px;
  background: url('/_LAYOUTS/mci/new/styles/images/gototop.png') no-repeat;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/gototop.svg');
  bottom: 50px;
  right: 50px;
}
.topmenu_more{
  float: left;
  margin: 5px;
}

/* @media (min-width:769px) and (max-width:950px){
.wd-def,.footerDiv.ft-top,.footerDiv.ft-bottom{width: 96%;margin: 2%;}
.footerDiv.ft-top{padding:2% 0}
.section .sliced{overflow-x:scroll}
.headerDiv .bottom .menuFixed{}
.headerDiv .bottom .menu .sub .sub-menu{}
} */

.s-mdictrmobile,
.section .sliced .s-mdictr:hover,
.section .sliced .s-mdictr.parentbox{
  background: #762757 url('/_LAYOUTS/mci/new/styles/images/sliced-ico-5-ico-mobile.png') no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-5-ico.svg');
  background-size: cover;
  color: #ffffff;
}
.s-abtmnsmobile,
.section .sliced .s-abtmns:hover,
.section .sliced .s-abtmns.parentbox{
  background: #94d067 url('/_LAYOUTS/mci/new/styles/images/sliced-ico-3-ico.png') no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-3-ico.svg');
  background-size: cover;
  color: #ffffff;
}
.s-srvdirmobile,
.section .sliced .s-srvdir:hover,
.section .sliced .s-srvdir.parentbox{
  background: #ca345b url('/_LAYOUTS/mci/new/styles/images/rules-icon.png') no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/rules-icon.svg');
  background-size: cover;
  color: #ffffff;
}
.s-cnctusmobile,
.section .sliced .s-cnctus:hover,
.section .sliced .s-cnctus.parentbox{
  background: #dc3193 url('/_LAYOUTS/mci/new/styles/images/sliced-ico-8-ico-mobile.png') no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url('/_LAYOUTS/mci/new/styles/images/sliced-ico-8-ico.svg');
  background-size: cover;
  color: #ffffff;
}
.ui-radio{
  display: inline-block;
}
.ui-loader{
  display: none;
}
.home_aboutus{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-2.jpg');
  background-size: 100% 100%;
}
.home_services{
  background-image: url('/_LAYOUTS/mci/new/styles/images/rules-1.png');
  background-size: 100% 100%;
}
.home_media{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-1.jpg');
  background-size: 100% 100%;
}
.home_contactus{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-4.jpg');
  background-size: 100% 100%;
}
.home_contactus_b{
  background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-4-b.jpg');
  background-size: 100% 100%;
}




@media (min-width: 1200px){
  .gototop{
    display: none;
  }
}
@media (min-width: 768px) and (max-width:1024px){
  .gototop{
    display: none;
  }
}
@media (max-width:950px){
  /*@font-face{
font-family:'Midan W23 Black';
src:url('/_LAYOUTS/mci/new/styles/fonts/91f50f03-a084-48a5-a1bf-1ceafef235e1.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:'Midan W23';
src:url('/_LAYOUTS/mci/new/styles/fonts/770b1c0c-4e80-4254-bf5a-f5fc028db113.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}*/
  .about{
  }
  .social_home{
  }
  .role1{
  }
  .role2{
  }
  .role3{
  }
  .gototop{
    display: none;
  }
  .comm-item iframe{
    border: none;
    width: 100%;
  }
  .wd-def{
    width: 96%;
    margin: 2%;
  }
  .headerDiv .top{
    display: none;
  }
  .headerDiv .middle .wd-def{
    margin: 0 2%;
  }
  .headerDiv .middle .logo{
  }
  .headerDiv .middle .logo img{
    margin: 0;
  }
  .headerDiv .middle .help{
    width: 35%;
    text-align: center;
    margin: 14px 0 0 0;
  }
  .headerDiv .hicons{
    top: 50px;
    /* width: 100%; */
  }
  .mci-plus{
    float: none;
    position: absolute;
    left: 0;
    top: 4px;
  }


  .headerDiv .hicons ul>li.settings>div{
    z-index: 1505;
  }
  .headerDiv .bottom{
    z-index: 1500;
  }
  .headerDiv .bottom .wd-def{
    z-index: 1501;
    width: 96%;
    left: 0;
    top: 0;
    margin: 0 2%;
  }
  .headerDiv .bottom .mobilemenu{
    display: block;
    z-index: 1503;
  }
  .headerDiv .bottom .MobileMenuFixed{
    position: fixed;
    top: 0;
    width: 96%;
  }
  ul.menu.MenuActive.MobileMenuFixed{
    top: 53px;
    background-color: #005350;
  }
  .headerDiv .bottom .menu{
    display: none;
    z-index: 1502;
    border-top: 2px solid #0a6562;
  }
  .headerDiv .bottom .menu .home{
    display: none;
  }
  .headerDiv .bottom .menu>li{
    float: none;
  }
  .headerDiv .bottom .menu .sub{
    float: none;
    display: block;
  }
  .headerDiv .bottom .menu .sub .sub-menu{
    display: none;
    position: static;
    width: 100%;
  }
  .headerDiv .bottom .menu .sub:hover .sub-menu{
    display: none;
  }
  .headerDiv .bottom .menu .sub .sub-menu .sm-sub{
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
  }
  .headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list{
    padding: 0;
  }
  .headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list li{
    background: #ffffff;
    border-right: 5px solid #005350;
    color: #005350;
  }
  .headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list a{
    color: #005350;
  }
  .menumobile{
    display: block;
    height: 53px;
    background-color: #005350;
  }
  .menumobile>ul{
    padding: 0;
    margin: 0;
    list-style: none;
    height: 53px;
  }
  .menumobile>ul>li{
    float: right;
    height: 53px;
  }
  .menumobile>ul>li.menuicon>div{
    padding: 12px 8px 4px;
  }
  .sliced.sliced-rtp{
    height: 767px;
    width: 100%;
    margin: 0;
  }
  .section .sliced .s-bs-img{
    width: 100%;
    height: 100%;
  }
  .section .sliced .s-bs-img img{
    width: 100%;
    height: 100%;
  }
  .box-panel.pfirst{
    position: absolute;
    width: 49%;
    height: 380px;
    top: 0;
    right: 0;
    z-index: 11;
            transform: none;
    opacity: 1;
            transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  .box-panel.psecond{
    position: absolute;
    height: 380px;
    top: 0;
    left: 0;
    width: 49%;
    z-index: 2;
            transform: none;
    opacity: 1;
            transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  .box-panel.pthird{
    position: absolute;
    width: 100%;
    height: 370px;
    top: 380px;
    margin: 2% 0 0 0;
            transform: none;
    opacity: 1;
            transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  .box-panel .mini-box>div>span{
    display: none;
    bottom: 40px;
    width: 31%;
    padding: 0 8% 0 0;
    text-align: right;
    font-size: 20px;
    line-height: 26px;
  }
  .box-panel .mini-box>div>div>span,
  .box-panel .mini-box:hover>div>span,
  .box-panel .mini-box>div.parentbox>span{
    display: block;
    bottom: 10%;
    position: absolute;
    width: 94%;
    padding: 0 3%;
    text-align: center;
    font-size: 21px;
    line-height: 26px;
    font-weight: normal;
    font-family: 'Midan W23 Black';
  }
  .section .sliced .s-srvelc{
    width: 100%;
    margin: 0;
    height: 380px;
    background-position: right center;
  }
  .section .sliced .s-srvelc:hover{
    background-position: right center;
  }
  .section .sliced .s-srvelc span{
    left: 39px;
    -webkit-transition: bottom .5s ease-in-out;
       -moz-transition: bottom .5s ease-in-out;
         -o-transition: bottom .5s ease-in-out;
        -ms-transition: bottom .5s ease-in-out;
            transition: bottom .5s ease-in-out;
    font-family: 'Midan W23 Black';
  }
  .section .sliced .s-srvelc .clearboth{
    display: block;
  }
  .section .sliced .s-srvelc .s-srvelc-sub{
    height: 380px;
    width: 160px;
    background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-ico-1-mobile.png');
  }
  .section .sliced .s-srvelc .s-srvelc-sub.opensub{
    background-position: bottom;
    background-color: #1a96c5;
  }
  .section .sliced .s-srvelc .s-srvelc-sub.opensub span{
    bottom: 0;
    -webkit-transition: bottom .5s ease-in-out;
       -moz-transition: bottom .5s ease-in-out;
         -o-transition: bottom .5s ease-in-out;
        -ms-transition: bottom .5s ease-in-out;
            transition: bottom .5s ease-in-out;
  }
  .section .sliced .s-srvelc-menu{
    right: 0;
    top: 0;
    width: 100%;
    padding: 10px;
    margin: 0;
    height: auto;
  }
  .section .sliced .s-srvelc-menu .ssm-clm .title{
    padding-right: 20px;
    background-position: right;
  }
  .section .sliced .s-srvelc-menu .ssm-clm{
    float: none;
    width: 100%;
    margin: 0;
  }
  .section .sliced .s-srvelc-menu .ssm-clm ul li{
    width: 44%;
    float: right;
    padding: .5% 3%;
    background-position: right 11px;
  }
  .section .sliced .s-social{
    width: 100%;
    right: 0;
    height: 48.6%;
    margin: 0;
  }
  .section .sliced .s-social span{
    width: 100%;
    text-align: center;
    right: 0;
    top: 40px;
    font-size: 24px;
    font-family: 'Midan W23 Black';
  }
  .section .sliced .s-social .s-s-link{
    padding: 100px 0 0 0;
  }
  .section .sliced .s-social .s-s-link-white{
  }
  .section .sliced .s-abtmns{
    right: 0;
    width: 48.5%;
    bottom: 0;
    top: 51.5%;
    height: 48.6%;
    max-height: 184px;
    margin: 0;
  }
  .section .sliced .s-srvdir{
    right: 52.2%;
    left: 0;
    width: 48%;
    bottom: 0;
    top: 51.5%;
    height: 48.6%;
    max-height: 184px;
    margin: 0;
  }
  .section .sliced .s-mdictr{
    height: 48.5%;
  }
  .s-bs-img.s-bs-img-1>img.face1{
    background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-1.jpg');
  }
  .s-bs-img.s-bs-img-2>img.face1{
    background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-2.jpg?v=1');
  }
  .s-bs-img.s-bs-img-3>img.face1{
    background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-3.jpg');
  }
  .s-bs-img.s-bs-img-4.slide>img.slidefront{
    background-image: url('/_LAYOUTS/mci/new/styles/images/sliced-img-4-b.jpg?v=1');
  }
  .s-bs-img.s-bs-img-1.flip-back div.grey,
  .s-bs-img.s-bs-img-2.flip-back div.grey,
  .s-bs-img.s-bs-img-3.flip-back div.grey,
  .s-bs-img.s-bs-img-4 div.grey.imageg{
    display: none;
  }
  .section .sliced .s-cococo{
    right: 26%;
    width: 74%;
    height: 48.5%;
    background-position: 100% 50%;
    background-size: 100% 100%;
    background-size: cover;
  }
  .section .sliced .s-cococo .text{
    bottom: -77%;
    height: 100%;
  }
  .section .sliced .s-cococo .text span{
    font-family: 'Midan W23 Black';
    line-height: 42px;
  }
  .section .sliced .s-mdictr{
    right: 0;
    width: 24.5%;
  }
  .section .sliced .s-ruanre{
    top: 52%;
    right: -1px;
    height: 48.5%;
    /* max-width: 547px; */
    width: 74%;
    background-position: 100% 50%;
    background-size: 100% 100%;
    background-size: cover;
  }
  .section .sliced .s-ruanre .s-ruanre-blue{
    /* max-width: 557px; */
    width: 100%;
    background-position: center 10px;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: 100%;
  }
  .section .sliced .s-ruanre .s-ruanre-blue .title-mobadarat{
    right: 0;
    bottom: 10%;
    font-family: 'Midan W23 Black';
  }
  .section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-title{
    margin-bottom: 25px;
    font-family: 'Midan W23 Black';
  }
  .section .sliced .s-ruanre:hover{
    background-position: 100% 50%;
  }
  .section .sliced .s-cnctus{
    top: 52%;
    height: 48.5%;
    width: 24.5%;
    right: 75.7%;
  }
  .section .content{
    width: 100%;
    float: none;
  }
  .section .content .news{
    padding: 1% 2%;
    margin: 0;
  }
  .section .content .news .nws-cnt .ns-ct-box .post{
    width: 48.2%;
  }
  .section .content .news .nws-cnt .ns-ct-box .post:nth-child(2){
    margin: 0;
  }
  .section .content .news .nws-cnt .ns-ct-box .post .pst-title{
    width: 97%;
    padding: 1.5%;
  }
  .section .content .news .nws-cnt .ns-ct-box .post .text{
    border: none;
  }
  .section .content .news .nws-cnt .ns-ct-box .post .text img{
    width: 99%;
    max-height: 138px;
  }
  .comm-item{
    width: 45%;
    padding: 8px 2%;
    float: right;
    height: 223px;
    display: block;
  }
  .section .sidebar .twt-tw,
  .ad-lo .twt-tw.second{
    width: 100%;
    padding: 2%;
    float: left;
    display: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ad-lo .twt-tw.second{
    display: block;
    border: 1px solid #d4d4d4;
    margin: 2% 0;
    height: auto;
  }
  .ad-lo .twt-tw.second .tt-cnt{
    margin-bottom: 10px;
  }
  .section .sidebar .twt-tw .tt-header{
    position: relative;
  }
  .section .sidebar .twt-tw .tt-header .tt-title,
  .ad-lo .twt-tw.second .tt-header .tt-title{
    width: 96%;
    padding: 1% 2%;
  }
  .section .sidebar .twt-tw .tt-header .tt-logo,
  .ad-lo .twt-tw.second .tt-header .tt-logo{
    background-position: left top;
    position: absolute;
    top: 0;
    left: 0;
    height: 37px;
    max-width: 27px;
    width: 100%;
    padding: 5px 15px 5px 5px;
    background-color: #dedede;
  }
  #twitter-widget-0,
  #twitter-widget-1{
    width: 100%!important;
  }
  .section .sidebar .twt-tw .tt-cnt,
  .section .sidebar .twt-tw.second .tt-cnt{
    padding: 0 2% 20px 2%;
    height: 179px;
    width: 96%;
  }
  .section .sidebar .twt-tw .tt-cnt .tt-content{
    clear: both;
    width: 100%;
    height: auto;
  }
  .section .content .ad-lo .clearboth{
    display: block;
  }
  .section .content .ad-lo .al-liof{
    float: none;
    width: 100%;
    height: 365px;
    background: #ffffff;
  }
  .section .content .ad-lo .al-liof .allo-enquire{
    float: right;
    width: 49%;
    margin: 5px 0 0 0;
    padding: 15px 2%;
    height: 104px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section .content .ad-lo .al-liof .allo-enquire a{
    margin: 5% 0 0 0;
  }
  .section .content .ad-lo .al-liof .allo-link{
    position: relative;
    float: left;
    width: 49%;
    height: 365px;
  }
  .section .content .ad-lo .al-liof .allo-link .alloli-idea,
  .section .content .ad-lo .al-liof .allo-link .alloli-map{
    float: right!important;
  }
  .section .content .ad-lo .al-liof .allo-link .alloli-decision,
  .section .content .ad-lo .al-liof .allo-link .alloli-idea,
  .section .content .ad-lo .al-liof .allo-link .alloli-note,
  .section .content .ad-lo .al-liof .allo-link .alloli-map{
    margin: 0 0 4%;
    float: left;
    width: 48%;
    height: 48%;
    background-position: center center;
  }
  .section .content .ad-lo .al-liof .allo-link .alloli-decision:hover,
  .section .content .ad-lo .al-liof .allo-link .alloli-idea:hover,
  .section .content .ad-lo .al-liof .allo-link .alloli-note:hover,
  .section .content .ad-lo .al-liof .allo-link .alloli-map:hover{
    background-position: center center;
  }
  /*
.section .content .ad-lo .al-liof .allo-link .alloli-note,.section .content .ad-lo .al-liof .allo-link .alloli-map,.section .content .ad-lo .al-liof .allo-link .alloli-idea,.section .content .ad-lo .al-liof .allo-link .alloli-decision{-webkit-transition: background 0.5s ease-in-out;-moz-transition: background 0.5s ease-in-out;-o-transition: background 0.5s ease-in-out;-ms-transition: background 0.5s ease-in-out;transition: background 0.5s ease-in-out;} */
  .section .bg-gray{
    padding: 2% 0;
    margin: 0;
    background: #ffffff;
  }
  .section .bg-gray .wd-def{
    margin: 0 2%;
    padding: 0;
  }
  .section .content .ad-lo .al-ads{
    float: none;
    width: 100%;
    padding: 10px 2%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-height: auto;
  }
  .section .content .ad-lo .al-ads .header h3{
    font-size: 20px;
  }
  .section .content .ad-lo .al-ads .al-ads-cnt img{
    width: 100%;
    max-height: 205px;
    height: auto;
  }
  .section .sidebar{
    float: none;
    width: 100%;
  }
  .bg-gray .sidebar{
    display: block;
    width: 100%;
    padding: 1% 0;
  }
  .section .sidebar .fw .fw-title{
    font-size: 20px;
  }
  .section .sidebar .fw{
    float: right;
    width: 48.7%;
    margin: 0;
    min-height: 173px;
    position: relative;
  }
  .section .sidebar .fw .prev{
    position: absolute;
    right: 0;
    margin: 0;
  }
  .section .sidebar .fw .next{
    position: absolute;
    left: 0;
    margin: 0;
  }
  .section .sidebar .vote .v-title{
    font-size: 20px;
  }
  .section .sidebar .fw .fw-web{
    width: 75%;
    right: 18%;
  }
  .section .sidebar .fw .fw-web .fw-w-logo a{
    width: 80%;
  }
  .section .sidebar .fw .fw-web .fw-w-logo a img{
    height: 100%;
    max-height: 250px;
  }
  .section .sidebar .vote{
    float: left;
    width: 48.7%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .newblocks{
    width: 96%;
    position: relative;
    margin: 15px auto;
  }
  .newblocks .calendar{
    float: left;
    margin: 0 5px 0 0;
    width: 48.7%;
    height: 250px;
    position: relative;
  }
  .newblocks .calendar img{
    width: 100%;
    height: 200px;
  }
  .divLoaderImageclass img{
    position: absolute;
    top: 130px;
    right: 160px;
    width: 32px !important;
    height: 32px !important;
  }
  .newblocks .tags{
    float: right;
    margin: 0 0 0 5px;
    width: 48.7%;
    height: 250px;
    position: relative;
  }
  .newblocks .whatsnew{
    float: right;
    margin: 0 0 15px 0;
    width: 100%;
    position: relative;
  }
  .whatsnew ul li{
    float: right;
    padding: 15px 0 15px 0;
    border-bottom: 1px dashed #cecece;
    width: 100%;
  }
  .footerDiv.ft-top,
  .footerDiv.ft-bottom{
    margin-bottom: 0;
    width: 96%;
    padding: 1% 2%;
    font-size: 9px;
    height: auto;
    background-position: left -20px;
  }
  .footerDiv.ft-top .ft-cr,
  .footerDiv.ft-top .ft-social{
    padding: 10px 0;
    position: static;
    margin: 0;
    height: auto;
  }
  .footerDiv.ft-bottom,
  .footerDiv.ft-top .ft-cr .text-2{
    display: block;
  }
  .footerlinks,
  .footer_w3c,
  .quicklinksbox{
    display: none;
  }
}
@media (max-width:690px){
  .footerDiv.ft-top{
    height: auto;
  }
  .footerDiv.ft-top .ft-cr,
  .footerDiv.ft-top .ft-social{
    float: none;
    text-align: center;
    padding: 10px 0;
    white-space: nowrap;
  }
  .footerDiv.ft-top,
  .footerDiv.ft-bottom{
    background-position: left 20px;
  }
  a.vision{
    float: left;
    border: none;
  }


  .headerDiv .middle .hicons{
    width: 100%;
    float: none;
    top: 8px;
    clear: both;
    z-index: 1501;
  }

  .mci-plus{
    z-index: 1;
    right: 0;
    bottom: -6px;
    left: initial;
    top: initial;
  }
  .headerDiv .middle{
    height: 140px;
  }
}
@media (max-width:480px){
  .headerDiv .middle .logo img,
  .headerDiv .middle .help a img{
    /* width: 100%; */
    margin: 0;
  }
  .headerDiv .middle .help{
    width: 45%;
    text-align: center;
    margin-top: 14px;
  }
  .headerDiv .bottom .wd-def{
    width: 96%;
    margin: 0 2%;
  }
  .headerDiv .bottom .mobilemenu{
    width: 20px;
    padding: 8px;
    height: 20px;
  }
  .headerDiv .middle .hicons{
    top: 0;
  }
  a.vision{
    max-width: 25%;
    margin-top: 7px;
  }
  .headerDiv .bottom .mobilemenu span{
    height: 4px;
    margin: 0 0 4px 0;
  }
  .menumobile{
    height: 36px;
  }
  .menumobile>ul>li{
    height: 36px;
  }
  .menumobile>ul>li.searchmobile input[type='text']{
    margin: 5px;
    width: 120px;
  }
  .menumobile>ul>li.searchmobile>a{
    width: 36px;
    background-size: 50%;
    height: 36px;
  }
  .menumobile>ul>li.englishmobile{
    line-height: 36px;
  }
  .box-panel.pfirst{
    z-index: 100;
    width: 100%;
  }
  .box-panel.psecond{
    top: 390px;
    right: 0;
    width: 100%;
    height: 219px;
  }
  .box-panel.pthird{
    top: 619px;
    margin: 0;
    height: 219px;
  }
  .sliced.sliced-rtp{
    height: 838px;
    overflow: visible;
    margin-bottom: 2%;
  }
  .section .sliced .s-srvelc{
    width: 100%;
    background-position: right center;
  }
  .section .sliced .s-srvelc:hover{
    background-position: right center;
  }
  .headerDiv .middle{
    height: auto;
    background: none;
    padding: 0 0 2% 0;
  }
  .headerDiv .middle .logo{
    text-align: center;
    float: right;
    margin: 14px auto 10px auto;
    max-width: 69%;
  }
  .headerDiv .middle .help{
  }
  .headerDiv .hicons ul>li.apps.active,
  .headerDiv .hicons ul>li.search.active{
    width: 170px;
  }
  .headerDiv .hicons ul>li.search>div,
  .headerDiv .hicons ul>li.apps>div{
    width: 130px;
  }
  .headerDiv .hicons ul>li.search>div>input{
    width: 110px;
  }
  .headerDiv .hicons ul>li.apps>div>a{
    margin: 5px 0;
  }
  .section .sliced .s-srvelc-menu{
    height: auto;
    top: 0;
    z-index: 14;
  }
  .section .sliced .s-srvelc .s-srvelc-sub{
    width: 160px;
    -webkit-transition: background-position .2s ease-in, width .2s ease-in;
       -moz-transition: background-position .2s ease-in, width .2s ease-in;
         -o-transition: background-position .2s ease-in, width .2s ease-in;
        -ms-transition: background-position .2s ease-in, width .2s ease-in;
            transition: background-position .2s ease-in, width .2s ease-in;
  }
  .section .sliced .s-srvelc .s-srvelc-sub.opensub{
    width: 120px;
    -webkit-transition: background-position .2s ease-in, width .2s ease-in;
       -moz-transition: background-position .2s ease-in, width .2s ease-in;
         -o-transition: background-position .2s ease-in, width .2s ease-in;
        -ms-transition: background-position .2s ease-in, width .2s ease-in;
            transition: background-position .2s ease-in, width .2s ease-in;
    z-index: 15;
  }
  .section .sliced .s-srvelc .s-srvelc-sub span{
    -webkit-transition: bottom .1s ease-in, left .1s ease-in;
       -moz-transition: bottom .1s ease-in, left .1s ease-in;
         -o-transition: bottom .1s ease-in, left .1s ease-in;
        -ms-transition: bottom .1s ease-in, left .1s ease-in;
            transition: bottom .1s ease-in, left .1s ease-in;
  }
  .section .sliced .s-srvelc .s-srvelc-sub.opensub span{
    bottom: 10%;
    left: 25px;
  }
  .section .sliced .s-srvelc-menu .ssm-clm{
    float: none;
    margin: 0 auto;
    display: block;
    width: 100%;
  }
  .section .sliced .s-srvelc-menu .ssm-clm .title{
    padding-right: 20px;
    background-position: right;
    font-size: 16px;
  }
  .section .sliced .s-srvelc-menu .ssm-clm ul li{
    background-position: right center;
    float: none;
    width: 100%;
  }
  .section .content .news .nws-cnt .ns-ct-box .post{
    width: 96%;
    float: none;
    padding: 0 2%;
  }
  .section .content .news .nws-cnt .ns-ct-box .post.plast{
    padding: 0 2%;
  }
  .comm-item,
  .section .sidebar .twt-tw,
  .section .content .ad-lo .al-liof .allo-link,
  .section .content .ad-lo .al-liof .allo-enquire,
  .section .sidebar .fw,
  .section .sidebar .vote{
    width: 98%;
    float: none;
    margin: 2% 0;
  }
  .comm-item{
    margin: 20px 0 0 0;
    padding: 10px 2%;
    width: 96%;
  }
  .section .content .ad-lo .al-liof .allo-link{
    height: 290px;
  }
  .ad-lo .twt-tw.second{
    padding: 10px 2%;
    width: 100%;
  }
  .ad-lo .twt-tw.second .tt-cnt{
  }
  .section .sidebar .fw,
  .section .sidebar .vote,
  .section .content .ad-lo .al-liof .allo-link{
    width: 100%;
  }
  .box-panel .mini-box>div>div>span{
    bottom: 8%;
    font-size: 21px;
  }
  /* .s-bs-img.s-bs-img-1.flip-front>img{background-image:url('/_LAYOUTS/mci/new/styles/images/sliced-img-1-iphone.png')} */
  /* .s-bs-img.s-bs-img-2.flip-front>img{background-image:url('/_LAYOUTS/mci/new/styles/images/sliced-img-2-iphone.png')} */
  /* .s-bs-img.s-bs-img-4.slide>img.slidefront{background-image:url('/_LAYOUTS/mci/new/styles/images/sliced-img-4-iphone.png')} */
  .section .sliced .s-social span{
    top: 15px;
  }
  .section .sliced .s-social .s-s-link{
    padding: 50px 0 0 0;
  }
  .section .sliced .s-srvdir{
    width: 48.5%;
    right: 51.8%;
    height: 48%;
    top: 52%;
  }
  .section .sliced .s-abtmns{
    width: 48.5%;
    height: 48%;
    top: 52%;
  }
  .box-panel .mini-box>div.s-mdictr>span{
    font-size: 21px;
  }
  .s-bs-img.s-bs-img-1.flip-back span{
    font-size: 21px;
  }
  .section .sliced .s-cococo{
    right: 38.1%;
    width: 62%;
    height: 48%;
    background-position: 100% 50%;
    left: -2px;
  }
  .section .sliced .s-cococo .text{
    font-size: 17px;
    bottom: -74px;
    min-width: 93%;
    max-width: 180px;
    min-height: 106px;
    width: 93%;
  }
  .section .sliced .s-cococo .text span{
    font-size: 18px;
    line-height: 28px;
    padding-top: 2px;
    background-size: 16px;
  }
  .section .sliced .s-mdictr{
    width: 35%;
    height: 48%;
  }
  .section .sliced .s-ruanre{
    right: -1px;
    width: 62%;
    height: 48%;
    top: 52%;
  }
  .section .sliced .s-ruanre .s-ruanre-blue{
    height: 107px;
    background-size: auto 118px;
    background-position: -87px -10px;
    box-sizing: border-box;
    width: 100%;
  }
  .section .sliced .s-ruanre .s-ruanre-blue .title-mobadarat{
    font-size: 22px;
    top: 10px;
    font-family: 'Midan W23 Black';
    line-height: 28px;
    position: absolute;
    width: 140px;
    right: 10px;
    text-align: right;
  }
  .section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-title{
    font-size: 21px;
    margin: 10px 0 5px;
  }
  .section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-bullets{
    font-size: 17px;
    padding: 0 16px 0 25px;
  }
  .section .sliced .s-cnctus{
    width: 35%;
    height: 48%;
    top: 52%;
    right: 65.1%;
    left: -2px;
  }
  .section .content .ad-lo .al-ads .al-ads-cnt h3{
    font-size: 18px;
  }
  .section .content .ad-lo .al-liof{
    height: auto;
  }
  .section .content .ad-lo .al-liof .allo-enquire{
    padding: 15px 2%;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section .content .ad-lo .al-liof .allo-enquire a{
    margin: 0;
  }
  .section .content .ad-lo .al-liof .allo-link .alloli-decision,
  .section .content .ad-lo .al-liof .allo-link .alloli-idea,
  .section .content .ad-lo .al-liof .allo-link .alloli-note,
  .section .content .ad-lo .al-liof .allo-link .alloli-map{
    height: 45%;
    background-position: center 30px;
  }
  .section .content .ad-lo .al-liof .allo-link .alloli-decision:hover,
  .section .content .ad-lo .al-liof .allo-link .alloli-idea:hover,
  .section .content .ad-lo .al-liof .allo-link .alloli-note:hover,
  .section .content .ad-lo .al-liof .allo-link .alloli-map:hover{
    background-position: center 30px;
  }
  .section .sidebar .fw{
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .newblocks{
    margin: 0 auto;
    position: relative;
  }
  .newblocks .whatsnew{
    float: right;
    margin: 0 auto 0;
    width: 100%;
    position: relative;
  }
  .newblocks .calendar{
    float: right;
    margin: 10px auto 0;
    width: 100%;
    position: relative;
  }
  .newblocks .tags{
    float: right;
    margin: 10px auto 0;
    width: 100%;
    position: relative;
  }
  .footerDiv.ft-top{
    height: auto;
    background-size: cover;
    background-position: -250px bottom;
  }
  .footerDiv.ft-top .ft-cr,
  .footerDiv.ft-top .ft-social{
    float: none;
    text-align: center;
    padding: 10px 0;
  }
  .footerDiv.ft-bottom{
    color: #ffffff;
    line-height: 0;
  }
  .footerDiv.ft-bottom a{
    display: block;
    line-height: 26px;
    border-bottom: 1px solid #e4e4e4;
    white-space: nowrap;
  }
}
@media (max-width:470px){
  .section .content .ad-lo .al-liof .allo-link{
    margin-bottom: 0;
  }
}
@media (max-width:380px){
  .footerDiv.ft-top .ft-cr .text-1{
    font-size: 18px;
  }
  .footerDiv.ft-top .ft-cr .text-2{
    font-size: 14px;
  }
}
.mci-plus-map{
  margin: 10px auto;
  display: block;
}
.mci-plus{
  display: none!important;
}