@font-face {
    font-family: "DYNA1"; 
    src: url("css/fonts/dyna1_0-webfont.ttf") format("truetype"); 
}

@font-face {
    font-family: "DYNA2"; 
    src: url("css/fonts/dyna2_0-webfont.ttf") format("truetype"); 
}

@font-face {
    font-family: "DYNA5"; 
    src: url("css/fonts/dyna5_0-webfont.ttf") format("truetype"); 
}

@font-face {
    font-family: "Majalla"; 
    src: url("css/fonts/majalla.ttf") format("truetype"); 
}

@font-face {
    font-family: "Majallab"; 
    src: url("css/fonts/majallab.ttf") format("truetype"); 
}

@font-face {
    font-family: "SakkalMajalla"; 
    src: url("css/fonts/Sakkal-Majalla.ttf") format("truetype"); 
}

@font-face {
    font-family: "FZLTCXHJW"; 
    src: url("css/fonts/FZLTCXHJW.ttf") format("truetype"); 
}

@font-face {
    font-family: "corbel"; 
    src: url("css/fonts/corbel.ttf") format("truetype"); 
}



@font-face {
    font-family: "HelveticaNeue-Bold_0"; 
    src: url("css/fonts/HelveticaNeue-Bold_0.otf") format("opentype"); 
}


@font-face {
    font-family: "MyriadPro-Regular"; 
    src: url("css/fonts/MyriadPro-Regular.otf") format("opentype"); 
}

@font-face {
    font-family: "Avenir-Roman"; 
    src: url("css/fonts/Avenir-Roman.otf") format("opentype"); 
}


.span-tanchuan-1{
  text-align: right;
  font-size: 12px;
  padding-right: 10px;
  padding-top: 5px;
}

.div-tanchuan-1{
text-align: right;
 cursor: default; 
 height: 5px;


}

.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #50b54e;
background: transparent;
z-index:1001;
-moz-opacity: 0.8;
opacity:0;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 0px;
left: 0%;
width: 817px;
height: 230px;
/*border: 16px solid lightblue;*/
background-color: #50b54e;
z-index:1002;
overflow: auto;
}
.white_content_small {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 40%;
height: 50%;
border: 16px solid lightblue;
background-color: blue;
z-index:1002;
overflow: auto;
}

.white_content-2 {
display: none;
position: absolute;
top: 0px;
left: 14.2%;
width: 700px;
height: 361px;
/*border: 16px solid lightblue;*/
background-color: #335F80;
z-index:1002;
overflow: auto;
}


.company{
  opacity: 0.3;
}

.company:hover{
  cursor: pointer;
  opacity: 1;
}

.margintop{
  margin-top: 90px !important;
}

.floatdiv{
  position: relative;
  float: left;
}

a:hover{
  text-decoration: underline;
  color: white;
}

div.lazy{
  background-size: 100% 100%;
}

.underlined{
  text-decoration: underline;
}

.leftalign{
  text-align: left;
}

#designgrid, #architecturalgrid, #eventgrid, #mediagrid,#partners, #partners2
{
    cursor: pointer;
}

#clients, #clients2{
  margin-right: 50px;
  cursor: pointer;
}


.justify{
  text-align: justify;
}

.redline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #e34738;
}

.greenline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #39c66d;
}

.yellowline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #f3e10e;
}


.blueline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #4eaaf3;
}

.purpleline{
  position: relative;
  float: left;
  height: 232px;
  width: 115px;
  background-color: #c05dff;
}

.mapframe{
  width: 349px;
  height: 232px;
}

.office-name{
  font-size: 22px;
  color: gray;
}

.office-address{
  font-size: 14px;
  color: gray;
}

.address-content{
  position: relative;
  float: center;
  height: 232px;
  width: 293px;
  color: black;
}

.fixedcaption{
  position: absolute;
  top: 40px;
  left: 80px;
  font-family: "DYNA2";
  color: white;
  font-size: 16px;
}


.slick-prev{
  left: 0px;
}

a{
  color: white;
}

.slick-next{
  right: 0px;
}

.slick-dots{
  bottom: 0px;
}

.slick-slide{
  padding-top: 40px;
  text-align: left;
  padding-left: 80px;
}

.slick-dots{
  text-align: left;
  padding-left: 80px;
}

.slick-dots li.slick-active button:before
{
    opacity: .85;
    color: transparent;
    border: 5px solid white;
    border-radius: 5px;

    height: 10px;
    width: 10px;
}

.slick-dots li button::before{
  font-size: 25px;
  color: transparent;
  border: 2px solid white;
  border-radius: 5px;

  height: 10px;
  width: 10px;

  line-height: 10px;
}

.slick-dots li button{
  width: 10px;
  height: 10px;
}

.slick-dots li{
  width: 10px;
  height: 10px;
}

.contents{
  width: 1290px;
  margin: auto;
  z-index: 999;
}

.bgdiv{
  width: 100%;
  background-color: #f4f4f4;
  height: 700px;
  position: absolute;
  margin-top: 90px;
}

.bgdiv2{
  width: 100%;
  background-color: #f4f4f4;
  height: 1168px;
  position: absolute;
  margin-top: 90px;
}

.map{
  width: 583px;
  height: 466px;
}

.addresstd{
  width:45%;text-align:left;padding-left:20px;font-size: 13px;
}

.emptytd{
  width:5%;
}

.contacttd{
  width:45%;text-align:left;padding-right:20px;font-size: 13px;
}

.clickable{
  cursor: pointer;
}

.footer{
  width: 820px;
  margin: auto;
  height: 100px;
}

.footer-right{
  margin-top: 20px;
  float: right;
  font-family: 'DYNA1';
}

.navbar{
  width: 820px;
  margin: auto;
  margin-bottom: 20px;
}

.main-content{
  width: 820px;
  margin: auto;
  /*float: left; */
}

.edge-content{
  width: 235px;
  margin: auto;
  float: left;
  background: white;
}

.right-edge-content{
  width: 235px;
  margin: auto;
  float: right;
  background: white;
}

.edge-grid{
  width: 100%;
  height: 100%;
}

.client-grid{
  width: 100%;
  height: 100%;
}

.news-grid{
  width: 100%;
  height: 100%;
}


.left-text{
  text-align: left;
}

.general-do-1{
  font-weight: bold; 
  font-size: 24px;

}

.general-do-neo{
  font-family: 'majalla';
  font-weight: bold; 
  font-size: 30px;

}

.general-do-cap{
  font-family: 'MyriadPro-Regular';
  font-weight: bold; 
  font-size: 24px;

}

.general-do-ter{
  font-family: 'Avenir';
  font-weight: bold; 
  font-size: 24px;

}

.general-detail-1{
  /*font-weight: bold;*/ 
  font-size: 16px;
  line-height: 25px;

}

.general-detail-avat{
  /*font-weight: bold;*/ 
  font-size: 11px;
  line-height: 20px;

}

.general-detail-ter{
  /*font-weight: bold;*/ 
  font-family: 'Avenir';
  font-size: 16px;
  line-height: 25px;

}

.general-detail-neo{
   font-family: 'SakkalMajalla';
  /*font-weight: bold;*/ 
  font-size: 14px;
  line-height: 25px;

}

.general-detail-cap{
   font-family: 'MyriadPro-Regular';
  /*font-weight: bold;*/ 
  font-size: 16px;
  line-height: 25px;

}

.content-font-1{
  font-family: arial;
  font-size: 13px;
  color: white;
  /*//font-weight: bold;*/
}

.content-font-3{
  //font-family: 'DYNA1';
  font-size: 16px;
  color: black;
  //font-weight: bold;
}

.content-font-5{
  //font-family: 'DYNA1';
  font-size: 16px;
  color: black;
  padding-left: 5px;
  padding-right: 50px;
  //font-weight: bold;
}

.content-font-4{
  font-family: arial;
  font-size: 11px;
  color: white;
 /* //font-weight: bold;*/
 padding-top: 13px;
 padding-bottom: 7px;
 line-height: 13px;
}

.content-font-6{
  font-family: arial;
  font-size: 13px;
  color: white;
 /* //font-weight: bold;*/
/* padding-top: 13px;
 padding-bottom: 7px;*/
 line-height: 20px;
}

.content-font-icure{
  font-family: corbel;
  font-size: 16px;
  color: white;
  font-weight: 550;
}

.content-font-icure2{
  font-family: corbel;
  font-size: 24px;
  color: white;
  font-weight: 600;
}

.content-font-st{
  font-family: arial;
  font-size: 14px;
  color: white;
  /*font-weight: bold;*/
}
.content-font-iqum-1{
    font-family: arial;
  font-size: 12px;
  color: white;
   line-height: 15px;
  /*text-align: justify;

*/ 
padding-left: 40px;

 }

 .iquman-titile-font-1{
  font-size:18px;
 font-family: 'corbel';
 line-height: 25px;

 }

.content-font-honorary{
  font-family: arial;
  font-size: 20px;
  color: white;
  font-weight: bold;
}

.content-font-st2{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: justify;
  padding-top: 15px;
  padding-bottom: 5px;
   padding-left: 10px;
  padding-right: 10px;
}


.content-font-st2-mobile{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: justify;
  padding-top: 30px;
  padding-bottom: 5px;
   padding-left: 10px;
  padding-right: 10px;
}

.content-font-tetris{
  font-family: 'Avenir';
  font-size: 19px;
  color: white;
 /* padding-left: 20px;
  padding-right: 20px;*/
  font-weight: lighter;
}

.content-font-tetris2{
 font-family: 'Avenir';
  font-size: 20px;
  color: white;
 // font-weight: 10;

}

.content-font-neo{
  font-family: 'Majalla' !important;
  font-size: 28px;
  color: white;
}

.neo-contact{
  font-family: 'Majalla';
  font-size: 36px;
  
  
}

.neo-contact2{
  //font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  line-height: 1px;
}


.content-font-wem{
  font-family: 'HelveticaNeue-Bold_0';
  font-size: 20px;
  color: white;
  /*//font-weight: bold;*/
}

.content-font-bj{
  font-family: arial;
  font-size: 18px;
  color: white;
}

.content-font-bj2{
  font-family: arial;
  font-size: 14px;
  color: black;
  padding-top: 30px;
  // padding-bottom: 23px;
}

.content-font-iquman-discover-1{
  font-family: arial;
  font-size: 12px;
  color: black;
}

.content-font-gz{
  font-family: arial;
  font-size: 14px;
  color: white;
}

.content-font-gz2{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify;
  line-height: 18px;
  padding-top: 15px;

}

.content-font-gz2-mobile{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify;
  line-height: 18px;
  padding-top: 23px;
  padding-left: 10px;
  padding-right: 10px;

}

.content-font-honoranry-font-1{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: left;
 padding-left: 30px;
//font-weight: bold;
line-height: 14px;

}

.content-font-honoranry-font-2{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: left;
 padding-left: 30px;
//font-weight: bold;
line-height: 14px;

}

.content-font-gz3{
  font-family: arial;
  font-size: 19px;
  color: white;
}

.content-font-galenus{
  font-family: 'FZLTCXHJW';
  font-size: 24px;
  color: white;
  text-align: justify;
}

.content-font-galenus2{
  font-family: arial;
  font-size: 11px;
  color: black;
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px
}

.content-font-galenus3{
  font-family: arial;
  font-size: 11px;
  color: black;
  text-align: justify;
}

.content-font-galenus3-mobile{
  font-family: arial;
  font-size: 12px;
  color: black;
  text-align: justify;
  padding-top: 15px;
}

.content-font-ps{
  font-family: arial;
  font-size: 12px;
  color: white;
  text-align: justify !important;
}

.content-font-ps-mobile{
  font-family: arial;
  font-size: 11px;
  color: white;
  text-align: justify !important;
}

.content-font-rda{
  font-family: arial;
  font-size: 14px;
  color: white;

}

.content-font-rda2{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify !important;
  padding-top: 27px;

}

.content-font-rda2-mobile{
  font-family: arial;
  font-size: 14px;
  color: black;
  text-align: justify !important;
  padding-top: 15px;

}

.wem-span{
  font-family:'HelveticaNeue-Bold_0' ;
  font-size: 12px;
  color: white!important;
  padding-right: 30px;
  padding-left: 20px;
/* // font-weight: lighter;*/

}

.wem-span-mobile{
  font-family:'HelveticaNeue-Bold_0' ;
  font-size: 12px;
  color: white!important;
  padding-right: 3px;
  padding-left: 5px;
/* // font-weight: lighter;*/

}

.wem-span-sec-1{
  /*font-family:'HelveticaNeue-Bold_0' ;*/
  font-size: 28px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
 font-weight: bold;


}

.wem-span-sec-neo{
   font-family:'majallab' ;
  font-size: 40px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
/* font-weight: bold;*/

}

.wem-span-sec-cap{
  font-family:'MyriadPro-Regular' ;
  font-size: 30px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
 font-weight: bold;

}

.wem-span-sec-ter{
  font-family:'Avenir' ;
  font-size: 28px;
  color: white!important;
   text-align: left;
/*  padding-right: 120px;*/
/*  padding-left: -500px;*/
 font-weight: bold;


}

.general-introduce{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-iquam{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-ps{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-st{
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-galen{
    font-size:12px;
    line-height: 16px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-avat{
    font-size:12px;
    line-height: 19px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-neo{
  font-family: 'majalla';
    font-size:18px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-exploer{
    font-size:12px;
    line-height: 18px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-cap{
  font-family: 'MyriadPro-Regular';
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-ter{
  font-family: 'Avenir';
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}


.wem-span2{
  font-family: 'HelveticaNeue-Bold_0';
  font-size: 14px;
  color: white;
  padding-right: 10px;
}

.ld-span{
  font-size: 14px;
  color: white!important;
  padding-right: 30px;
  padding-left: 60px;

}

.ld-span-mobile{
  font-size: 14px;
  color: white!important;
  padding-right: 10px;
  padding-left: 10px;

}


.gz-span{
font-size: 14px;
  color: white!important;
  padding-right: 30px;
  padding-left: 40px;

}

.gz-span-mobile{
font-size: 14px;
  color: white!important;
  padding-right: 15px;
  padding-left: 10px;

}

.wem-product-font-1{
  font-size:22px;
   color: white!important;
   font-weight: bold;
}



.neo-span{
  font-family: 'Majalla';
  font-size: 19px;
  color: white ;
  padding-right: 25px;
  padding-left: 30px;


}

.neo-span-mobile{
  font-family: 'Majalla';
  font-size: 19px;
  color: white ;
  padding-right: 15px;
  padding-left: 20px;


}

.neo-active{
  text-decoration: none;
    border-bottom: 3px solid #1395b0;
}

.neo-active1{
  text-decoration: none;
    border-bottom: 3px solid #1395b0;
    //border-bottom-width :5px;
 }

.neo-span a:link {
    text-decoration: none;
}

.rda-span{
  font-family: arial;
  font-size: 14px;
  color: white;
  padding-right: 45px;
  padding-left: 20px;
}

.rda-span-mobile{
  font-family: arial;
  font-size: 14px;
  color: white;
  padding-right: 10px;
  padding-left: 10px;
}


.tetris-span{
  font-family: 'Avenir-Roman';
  font-size: 16px;
  color: white;
  padding-right: 50px;
  padding-left: 10px;
font-weight: lighter;
}

.iquman-span{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  line-height: 24px;

  /*padding-right: 5px;*/
  padding-left: 20px;
}
.iquman-span2{
  font-family: 'corbel';
  font-size: 12px;
  color: white;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 24px;
}

.iquman-span2-mobile{
  font-family: 'corbel';
  font-size: 13px;
  color: white;
  padding-right: 15px;
  padding-left: 9px;
  line-height: 14px;
}


.contacts-grid{
  text-align: center;
  background-color: #25446d;
  width: 100%;
  height: 100%;
}

.partners-grid{
  text-align: center;
  background-color: #aad285;
  width: 100%;
  height: 100%;
}

.services-grid{
  text-align: center;
  background-color: #faa334;
  width: 100%;
  height: 100%;
}

.clients-grid{
  text-align: center;
  background-color: #a65ea2;
  width: 100%;
  height: 100%;
}

.info-grid{
  text-align: center;
  background-color: #5d51a3;
  width: 100%;
  height: 100%;
}

.london-grid{
  text-align: center;
  background-color: #e34738;
  width: 100%;
  height: 100%;
}

.beijing-grid{
  text-align: center;
  background-color: #f3e10e;
  width: 100%;
  height: 100%;
}

.guangzhou-grid{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.miami-grid{
  text-align: center;
  background-color: #4eaaf3;
  width: 100%;
  height: 100%;
}

.neo-grid{
  text-align: center;
  background-color: #666b70;
  width: 100%;
  height: 100%;
}

.neo-grid-2{
  text-align: center;
  background-color: #1395b0;
  width: 100%;
  height: 100%;
}

.galenus-grid{
  text-align: center;
  background-color: #7e7a95;
  width: 100%;
  height: 100%;
}

.rda-grid{
  text-align: center;
  background-color: #a1c910;
  width: 100%;
  height: 100%;
}

.rda-grid-2{
  text-align: center;
  background-color: #8bd1f5;
  width: 100%;
  height: 100%;
}

.rda-grid-3{
  text-align: center;
  background-color: #2294ee;
  width: 100%;
  height: 100%;
}

.rda-grid-4{
  text-align: center;
  background-color: #c3df5e;
  width: 100%;
  height: 100%;
}

.melbourne-grid{
  text-align: center;
  background-color: #c05dff;
  width: 100%;
  height: 100%;
}

.icure-grid-green{
  text-align: center;
  background-color: #5ecc05;
  width: 100%;
  height: 100%;
}

.icure-grid-blue{
  text-align: center;
  background-color: #4daaf2;
  width: 100%;
  height: 100%;
}

.icure-grid-yellow{
  text-align: center;
  background-color: #fac133;
  width: 100%;
  height: 100%;
}

.icure-grid-red{
  text-align: center;
  background-color: #e24737;
  width: 100%;
  height: 100%;
}

.st-grid-pink{
  text-align: center;
  background-color: #e04699;
  width: 100%;
  height: 100%;
}

.st-grid-green{
  text-align: center;
  background-color: #58ba47;
  width: 100%;
  height: 100%;
}

.st-grid-yellow{
  text-align: center;
  background-color: #f3b62d;
  width: 100%;
  height: 100%;
}

.st-grid-blue{
  text-align: center;
  background-color: #58c4c3;
  width: 100%;
  height: 100%;
}

.st-grid-blue2{
  text-align: center;
  background-color: #4e6bb3;
  width: 100%;
  height: 100%;
}

.tetris-grid-yellow{
  text-align: center;
  background-color: #ffab00;
  width: 100%;
  height: 100%;
}

.tetris-grid-yellow2{
  text-align: center;
  background-color: #f3c13a;
  width: 100%;
  height: 100%;
}

.wem-grid-green{
  text-align: center;
  background-color: #4db848;
  width: 100%;
  height: 100%;
}

.wem-grid-green2{
  text-align: center;
  background-color: #218f4b;
  width: 100%;
  height: 100%;
}



.bj-grid-orange{
  text-align: center;
  background-color: #f3b00e;
  width: 100%;
  height: 100%;
}

.bj-grid-orange2{
  text-align: center;
  background-color: #fa8834;
  width: 100%;
  height: 100%;
}

.bj-grid-yellow{
  text-align: center;
  background-color: #f3e10e;
  width: 100%;
  height: 100%;
}

.gz-grid-green{
  text-align: center;
  background-color: #9ad940;
  width: 100%;
  height: 100%;
}

.gz-grid-green2{
  text-align: center;
  background-color: #1a6d38;
  width: 100%;
  height: 100%;
}

.gz-grid-green3{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.captaen-grid-1{
  text-align: center;
  background-color: #25aae1;
  width: 100%;
  height: 100%;
}

.captaen-grid-2{
  text-align: center;
  background-color: #da7db3;
  width: 100%;
  height: 100%;
}

.captaen-grid-3{
  text-align: center;
  background-color: #425fac;
  width: 100%;
  height: 100%;
}

.captaen-grid-4{
  text-align: center;
  background-color: #278a42;
  width: 100%;
  height: 100%;
}

.captaen-grid-5{
  text-align: center;
  background-color: #a6cf42;
  width: 100%;
  height: 100%;
}

.captaen-grid-6{
  text-align: center;
  background-color: #f5b636;
  width: 100%;
  height: 100%;
}

.captaen-grid-7{
  text-align: center;
  background-color: #e73a54;
  width: 100%;
  height: 100%;
}

.captaen-grid-8{
  text-align: center;
  background-color: #1a6eac;
  width: 100%;
  height: 100%;
}

.captaen-grid-9{
  text-align: center;
  background-color: #81c341;
  width: 100%;
  height: 100%;
}

.iquman-grid-1{
  text-align: center;
  background-color: #385e80;
  width: 100%;
  height: 100%;
}

.iquman-grid-2{
  text-align: center;
  background-color: #c6b482;
  width: 100%;
  height: 100%;
}

.iquman-grid-3{
  text-align: center;
  background-color: #a0d2de;
  width: 100%;
  height: 100%;
}



.iquman-grid-4{
  text-align: center;
  background-color: #f37024;
  width: 100%;
  height: 100%;
}

.iquman-grid-5{
  text-align: center;
  background-color: #ed0909;
  width: 100%;
  height: 100%;
}

.iquman-menu-backgroudcolor-1{
    background-color: #aac3de;
    font-size: 16px;
    

}



.content-font-captaen{
  font-family: 'MyriadPro-Regular';
  font-size: 14px;
  color: white;
  font-weight: semibold;

}

a{
    color: black ;
}

a:hover{

  color:white;
}

.content-font-captaen2{
  font-family: 'MyriadPro-Regular';
  font-size: 16px;
  color: black !important;
  line-height: 20px;
  font-weight: bold;

}

.content-font-captaen100{
 font-family: 'MyriadPro-Regular';
  font-size: 21px;
  color: white;

}

.content-font-iquman{
  font-family: 'corbel';
  font-size: 14px;
  color: white;
  text-align: justify;
  line-height: 16px;

}

.content-font-iquman-2{
  font-family: 'corbel';
  font-size: 14px;
  color: white;
  text-align: justify;
  line-height: 19px;


}

.content-font-iquman-discover-title{
  font-family: 'corbel';
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 24px;
  font-weight: bold;

}

.content-font-iquman-discover-title-2{
  font-family: 'corbel';
  font-weight: bold;
  font-size: 36px;
  color: black;

}

.content-font-iquman-corporate-1{
  color: black;
/*  padding-left: 20px;
  padding-right: 20px;*/
  line-height: 30px;
}

.content-font-iquman-corporate-2{
  color: black;
font-weight: bold;
font-size: 16px;
}

.content-font-iquman-corporate-3{
  color: black;
/*font-weight: bold;*/
font-size: 16px;
}

.content-font-iquman-3{
  font-family: 'corbel';
  font-size: 16px;
  color: black;
  text-align: center;
  line-height: 16px;
  font-weight: bold;


}

.content-font-iquman-4{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  text-align: justify;
  line-height: 16px;
  /*font-weight: bold;*/
  padding-left: 20px;


}

.content-font-iquman-5{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  text-align: center;
  line-height: 16px;
  /*font-weight: bold;*/
  /*padding-left: 30px;*/


}


.content-font-iquman-6{
  font-family: 'corbel';
  font-size: 16px;
  color: white;
  text-align: justify;
  line-height: 16px;
  /*font-weight: bold;*/
  padding-left: 30px;


}


.london-grid-1{
  text-align: center;
  background-color: #cecece;
  width: 100%;
  height: 100%;
}

.london-grid-2{
  text-align: center;
  background-color: #e34738;
  width: 100%;
  height: 100%;
}

.london-grid-3{
  text-align: center;
  background-color: #9e1002;
  width: 100%;
  height: 100%;
}

.content-font-london{
  font-family: arial;
  font-size: 16px;
  color: white;
  text-align: center;
}



.content-font-london2{
  font-family: arial;
  font-size: 13px;
  color: black;
  text-align: justify;
}

.content-font-london2-mobile{
  font-family: arial;
  font-size: 13px;
  color: black;
  text-align: justify;
  padding-top: 30px;
}

.about-grid{
  text-align: center;
  background-color: #5d51a3;
  width: 100%;
  height: 100%;
}

.yellow-grid{
  text-align: center;
  background-color: #f6bb26;
  width: 100%;
  height: 100%;
}

.cyan-grid{
  text-align: center;
  background-color: #2cb7dc;
  width: 100%;
  height: 100%;
}

.blue-grid{
  text-align: center;
  background-color: #145ab9;
  width: 100%;
  height: 100%;
}

.green-grid{
  text-align: center;
  background-color: #c0d743;
  width: 100%;
  height: 100%;
}




.yellow-grid-2{
  text-align: center;
  background-color: #f3e10e;
  width: 100%;
  height: 100%;
}

.red-grid{
  text-align: center;
  background-color: #ee2e2a;
  width: 100%;
  height: 100%;
}

.red-grid-2{
  text-align: center;
  background-color: #bd1932;
  width: 100%;
  height: 100%;
}

.purple-grid{
  text-align: center;
  background-color: #9e288f;
  width: 100%;
  height: 100%;
}

.gray-grid{
  text-align: center;
/*  background-color: #E0E1E2;*/
background-color: #95938C;
  width: 100%;
  height: 100%;
}

.gray-grid-2{
  text-align: center;
  background-color: #E0E1E2;
  width: 100%;
  height: 100%;
}

.lightgray-grid{
  text-align: center;
  background-color: #e8e8e8;
  width: 100%;
  height: 100%;
}

.orange-grid{
  text-align: center;
  background-color: #faa334;
  width: 100%;
  height: 100%;
}

.black-grid{
  text-align: center;
  background-color: black;
  width: 100%;
  height: 100%;
}

.green-grid-2{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.pink-grid{
  text-align: center;
  background-color: #ef1b8a;
  width: 100%;
  height: 100%;
}

.orange-grid-2{
  text-align: center;
  background-color: #e34738;
  width: 100%;
  height: 100%;
}

.yellow-grid-3{
  text-align: center;
  background-color: #39c66d;
  width: 100%;
  height: 100%;
}

.green-grid-3{
  text-align: center;
  background-color: #5ece05;
  width: 100%;
  height: 100%;
}



.blue-grid-2{
  text-align: center;
  background-color: #4eaaf3;
  width: 100%;
  height: 100%;
}

.purple-grid-2{
  text-align: center;
  background-color: #c05dff;
  width: 100%;
  height: 100%;
}

.team-grid{
  background-color: rgb(125,151,162);
  height: 100%;
}

.team-grid2{
  background-color: rgb(150,181,192);
  height: 100%;
}

.team-member{
  font-size: 10px;
}

span.team-member{
  line-height: 2px;
}

.grid-sizer,
.grid-item {
  width: 115px;
}

.grid-item {
  float: left;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}
`
.grid-item-2 {
  width: 117px;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
  //font-family: "MyriadPro-Regular";
}

.grid-item-5-1 {
  float: left;
  width: 583px;
  height: 115px;
  background-color: white
  ;
  margin-bottom: 2px;
}

.grid-item-6-1 {
  float: left;
  width: 700px;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-6-3 {
  float: left;
  width: 700px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-2 {
  float: left;
  width: 583px;
  height: 232px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-3 {
  float: left;
  width: 583px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-4 {
  float: left;
  width: 583px;
  height: 466px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-5-5 {
  float: left;
  width: 583px;
  height: 583px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-3 { 
  width: 232px; 
  height: 349px;
  background-color: white;
  margin-bottom: 2px;
}
.grid-item-4-3 { 
  width: 466px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;
}

/*.grid-item-4-3(1){
  width: 300px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;

}*/

.grid-item-4-1 { 
  width: 466px;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-2 { 
  width: 466px;
  height: 232px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-4-4 { 
  width: 466px;
  height: 466px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-1 { 
  width: 349px;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-2 { 
  width: 349px;
  height: 232px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-3 { 
  width: 349px;
  height: 349px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-4 { 
  width: 349px;
  height: 466px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-3-5 { 
  width: 349px;
  height: 583px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-1 { 
  width: 232px;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-2-5 { 
  width: 232px;
  height: 583px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-2 { 
  width: 115px;
  height: 232px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-7 { 
  width: 115px;
  height: 583px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-8 { 
  width: 575px;
  height: 350px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-1-9 { 
  width: 115px;
  height: 348px;
  background-color: white;
  margin-bottom: 2px;
}


.grid-item-0-0 { 
  width: 55px;
  height: 55px;
  background-color: white;
  margin-bottom: 1px;
}

.grid-item-2-2 { 
  width: 232px;
  height: 232px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-1 { 
  width: 817px;
  height: 115px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-2 { 
  width: 817px;
  height: 232px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-3 { 
  width: 817px;
  height: 348px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-4 { 
  width: 817px;
  height: 466px;
  background-color: white;
  margin-bottom: 2px;
}

.grid-item-7-5 { 
  width: 817px;
  height: 583px;
  background-color: white;
  margin-bottom: 2px;
}

.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.navbar-nav {
  margin-top: 10px;
}

.navbar-right{
  margin-top: 18px;
}

.navbar-brand{
  margin-top: 18px;
}

.navbar-toggle {
  margin-top: 25px;
}

.iis-caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0px;
    bottom: 0%;
    box-sizing: border-box;
    color: #fff;
    font: 14px/1.6em "Helvetica Neue",Helvetica,Arial,sans-serif;
    left: 0%;
    max-width: 100%;
    width: 100%;
    padding: 0px 10px;
    position: absolute;
    height: 30px;
}

.iis-has-bullet-nav .iis-caption {
    max-width: 100%;
}

.iis-has-captions .iis-bullet-nav {
    max-width: 100%;
}
.iis-bullet-nav {
    bottom: 10%;
    opacity: 0.4;
    position: absolute;
    right: 35%;
    text-align: right;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 15;
}

.iis-bullet-nav a {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 1);
}

.iis-bullet-nav a.iis-bullet-active, .iis-bullet-nav a:hover {
    background: rgba(19, 149, 176, 1) none repeat scroll 0 0;
}

.ideal-image-slider:hover .iis-previous-nav:hover, .ideal-image-slider:hover .iis-next-nav:hover {
    background-color: rgba(19, 149, 176, 1);
    border-bottom: solid 0px #1395b0;

}

.red-1{
  text-align: left;
}

.blue-1{
  text-align: left;
}

.yellow-2{
  text-align: left;
}

.yellow-3{
  text-align: left;
}

.content-font-2{
  text-align: justify;
  color: white;
  font-size: 12px;
}

.caption{
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font: 14px/1.6em "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 50px;
    left: 5;
    max-width: 100%;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    text-align: left;
}

.caption-text{
  color: #eee;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 5px;
}

.ptah_video{
  width: 349px;
  height: 232px;
}


.hidedesktop{
  display: none;
}

.hidemobile{
    display: block;
}

#news-text{
  text-align: left;
  font-size: 10px;
}

h6{
   margin-bottom: 0;
    margin-top: 0;
}

.red-grid td{
  text-align: center;
}

.projectNameClass{
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 55px;
  margin-left: 10%;
}

.clientName{
  text-align: left;
  font-size: 14px;
  font-family: 'DYNA1';
  margin-bottom: -5px;
  margin-left: 10%;
}

.locationName{
  text-align: left;
  font-size: 14px;
  font-family: 'DYNA1';
  margin-left: 10%;
}

.proportion{
  text-align: left;
  font-size: 14px;
  font-family: 'DYNA1';
  margin-top: -15px;
  margin-left: 10%;
}

  .logo-grid{
     width: 115px;
     height: 115px;

  }



@media (max-width: 1367px) and (min-width: 771px){


  .edge-content{
    display: none;
  }

  .right-edge-content{
    display: none;
  }

  .main-content{
    width: 820px;
    margin: auto;
  }

  .contents{
    width: 820px;
  }

  .navbar{
    width: 820px;
    margin: auto;
    margin-bottom: 20px;
  }

  .footer{
    width: 820px;
  }

  .hidedesktop{
    display: none;
  }

  .hidemobile{
    display: block;
  }


}

/*ipad界面宽度*/

@media (max-width: 770px) and (min-width: 671px){


  .address-content{
    width: 280px;
  height: 200px;
}

  .redline{
  position: relative;
  float: left;
  height: 200px;
  width: 100px;
  background-color: #e34738;
}

.greenline{
  position: relative;
  float: left;
  height: 200px;
  width: 100px;
  background-color:  #39c66d;
}

.yellowline{
  position: relative;
  float: left;
  height: 200px;
  width: 100px;
  background-color:  #f3e10e;
}

.blueline{
  position: relative;
  float: left;
  height: 200px;
  width: 100px;
  background-color: #4eaaf3;
}

.purpleline{
  position: relative;
  float: left;
  height: 200px;
  width: 100px;
  background-color:  #c05dff;
}

.mapframe{
  width: 300px;
  height: 200px;
}


  .contents{
    width: 720px;
  }

  .navbar{
    width: 720px;
    margin: auto;
    margin-bottom: 20px;
  }

  .fixedcaption{
  position: absolute;
  top: 40px;
  left: 40px;
  font-family: "DYNA2";
  color: white;
  font-size: 16px;
}

  .edge-content{
    display: none;
  }

  .right-edge-content{
    display: none;
  }

  .main-content{
    width: 720px;
    margin: auto;
  }

  .content-font-2 {
    font-size: 8px;
  }

  .footer{
    width: 700px;
  }

  .grid-sizer,
  .grid-item {
    width: 100px;
  }

  .ptah_video{
    width: 304px;
    height: 202px;
  }

  .iis-slide{
    height: 304px;
  }

  .iis-bullet-nav{
    bottom: 30%;
  }

  .logo-grid{
     width: 100px;
     height: 100px;

  }

  .grid-item {
    float: left;
/*    width: 100px;*/
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-6-1 {
    float: left;
    width: 610px;
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-7-3 {
    float: left;
    width: 712px;
    height: 304px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-5-1 {
    float: left;
    width: 508px;
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-5-2 {
    float: left;
    width: 508px;
    height: 202px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-5-3 {
    float: left;
    width: 508px;
    height: 304px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-5-4 {
    float: left;
    width: 508px;
    height: 406px;
    background-color: white;
    margin-bottom: 2px;
  }

  .map{
    width: 508px;
    height: 406px;
  }

  .grid-item-5-5 {
    float: left;
    width: 508px;
    height: 508px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-2-3 { 
    width: 202px; 
    height: 304px;
    background-color: white;
    margin-bottom: 2px;
  }
  .grid-item-4-3 { 
    width: 406px;
    height: 304px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-4-1 { 
    width: 406px;
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-4-2 { 
    width: 406px;
    height: 202px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-3-1 { 
    width: 304px;
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-3-2 { 
    width: 304px;
    height: 202px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-2-1 { 
    width: 202px;
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-1-2 { 
    width: 100px;
    height: 202px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-2-2 { 
    width: 202px;
    height: 202px;
    background-color: white;
    margin-bottom: 2px;
  }

  .grid-item-7-2 { 
    width: 712px;
    height: 202px;
    background-color: white;
    margin-bottom: 2px;
  }

    .grid-item-7-1 { 
    width: 712px;
    height: 100px;
    background-color: white;
    margin-bottom: 2px;
  }

  .hidedesktop{
    display: none;
  }

  .hidemobile{
    display: block;
  }

  /*字体大小*/
  .general-introduce{
    font-size:12px;
    line-height: 18px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-iquam{
    font-size:11px;
    line-height: 18px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-ps{
   font-size:11px;
    line-height: 18px;
    color: black;
}

.general-introduce-st{
   font-size:12px;
    line-height: 16px;
    color: black;
}

.general-introduce-galen{
    font-size:10px;
    line-height: 13px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-avat{
    font-size:12px;
    line-height: 19px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-neo{
  font-family: 'majalla';
    font-size:17px;
    line-height: 18px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-exploer{
    font-size:12px;
    line-height: 18px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}

.general-introduce-cap{
  font-family: 'MyriadPro-Regular';
    font-size:12px;
    line-height: 18px;
    color: black;

/*    padding-left: 10px;
    padding-right: 10px;*/

}

.general-introduce-ter{
  font-family: 'Avenir';
    font-size:13px;
    line-height: 20px;
    color: black;
  /*  text-align: justify;*/
    /*text-align: left;*/
/*    padding-left: 20px;
    padding-right: 20px;*/

}


.general-detail-avat{
  /*font-weight: bold;*/ 
  font-size: 9px;
  line-height: 20px;

}


  

}


@media (max-width: 670px) and (min-width: 421px){

  .content-font-4{
  font-family: 'DYNA1';
  font-size: 14px;
  color: white;
  font-weight: bold;
}

.address-content{
  height: 300px;
}

  .redline{
  position: relative;
  float: left;
  height: 300px;
  width: 5px;
  background-color: #e34738;
}

.greenline{
  position: relative;
  float: left;
  height: 300px;
  width: 5px;
  background-color:  #39c66d;
}

.yellowline{
  position: relative;
  float: left;
  height: 300px;
  width: 5px;
  background-color: #f3e10e;
}

.blueline{
  position: relative;
  float: left;
  height: 300px;
  width: 5px;
  background-color: #4eaaf3;
}

.purpleline{
  position: relative;
  float: left;
  height: 300px;
  width: 5px;
  background-color:  #c05dff;
}

.mapframe{
  width: 454px;
  height: 302px;
}


  .contents{
    width: 460px;
  }

  .fixedcaption{
  position: absolute;
  top: 40px;
  left: 40px;
  font-family: "DYNA2";
  color: white;
  font-size: 16px;
}

  .navbar{
    width: 460px;
    margin: auto;
    margin-bottom: 20px;
  }

  .footer{
    width: 460px;
  }

  .edge-content{
    display: none;
  }

  .right-edge-content{
    display: none;
  }

  .main-content{
    width: 460px;
    margin: auto;
  }

  
  

  .grid-sizer,
  .grid-item {
    width: 150px;
    height: 150px;
  }

  .hidedesktop{
    display: block;
  }

  .hidemobile{
    display: none;
  }

  .grid-item-3-2, .ptah_video{
    width: 454px;
    height: 302px;
  }

  .grid-item-2-1{
    width: 302px;
  }

  .grid-item-2-2{
    width: 302px;
    height: 302px;
  }

  .grid-item-3-1{
    width: 454px;
  }

  .grid-item-3-3{
    width: 454px;
    height: 454px;
  }

 /*  .grid-item-3-4{
    width: 454px;
    height: 606px;
  }*/

  .map{
    width: 454px;
    height: 454px;
  }

  .grid-item-1-2{
    width: 150px;
    height: 302px;
  }

  .content-font-1 {
    font-size: 16px;
  }
  .content-font-2 {
    font-size: 12px;
  }

  #slider{
    display: none;
  }

  .slick-slide{
    padding-left: 40px;
  }

  .slick-dots{
    padding-left: 40px;
  }

  #red-4{
    background-size: cover;
  }


}

@media (max-width: 420px){

  .content-font-4{
  font-family: 'DYNA1';
  font-size: 12px;
  color: white;
  font-weight: bold;
}

  .address-content{
    width: 300px;
  height: 210px;
}

  .redline{
  position: relative;
  float: left;
  height: 210px;
  width: 5px;
  background-color: red;
}

.greenline{
  position: relative;
  float: left;
  height: 210px;
  width: 5px;
  background-color: lightgreen;
}

.yellowline{
  position: relative;
  float: left;
  height: 210px;
  width: 5px;
  background-color: yellow;
}

.blueline{
  position: relative;
  float: left;
  height: 210px;
  width: 5px;
  background-color: lightblue;
}

.purpleline{
  position: relative;
  float: left;
  height: 210px;
  width: 5px;
  background-color: purple;
}

.mapframe{
  width: 320px;
  height: 210px;
}


  .contents{
    width: 320px;
  }

  .footer{
    width: 320px;
  }

  .navbar{
    width: 320px;
    margin: auto;
    margin-bottom: 20px;
  }
  .edge-content{
    display: none;
  }

  .fixedcaption{
  position: absolute;
  top: 40px;
  left: 40px;
  font-family: "DYNA2";
  color: white;
  font-size: 16px;
}


  .right-edge-content{
    display: none;
  }

  .main-content{
    width: 320px;
    margin: auto;
  }
  

  .grid-sizer,
  .grid-item {
    width: 105px;
    height: 105px;
  }

  .grid-item-3-2, .ptah_video{
    width: 319px;
    height: 212px;
  }

  .grid-item-2-1{
    width: 212px;
  }

  .grid-item-2-2{
    width: 212px;
    height: 212px;
  }

  .grid-item-3-1{
    width: 319px;
  }

  .grid-item-3-3{
    width: 319px;
    height: 319px;
  }

  .grid-item-3-4{
    width: 319px;
    height: 426px;
  }

  .map{
    width: 319px;
    height: 319px;
  }

  .grid-item-1-2{
    width: 105px;
    height: 212px;
  }


  .content-font-1 {
    font-size: 14px;
  }
  .content-font-2 {
    font-size: 10px;
  }

  .hidemobile{
    display: none;
  }

  #slider{
    display: none;
  }

  .slick-slide{
    padding-left: 40px;
  }

  .slick-dots{
    padding-left: 40px;
  }

  #red-4{
    background-size: cover;
  }

  .hidedesktop{
    display: block;
  }
 
}

.footer a {
  //color: #333;
  //font-size: 20px;
  //padding: 10px;
  //border: 1px solid #70726F;
  transition: all .5s ease;
}
.footer a:first-child {
  //border-left: 1px solid #70726F;
}
.footer a:hover {
  color: #96938a;
}

.footer-left{
	margin-top: 20px;
	text-align:center;
	float:left;
}

  .newh1{
  	float:left;
  }
  
  .newh2{
  	    font-size: 11px;
  	        margin: 0;
  	        padding:0;
  	        
  }
    
  .newh3{
  	font-size:12px;
  }

.clr1{
	background-color: #3c8ee0;
}

.clr2{
	background-color: #a65ea2
}

.et1{
	color: white;font-size:19px;
}

/*<style type="text/css">*/
/*@charset "utf-8";*/
/* CSS Document */
/*body,h6,h5,h4,h3,h2,h1
{
margin: 0;
padding: 0;
  font-family: "Arial, Helvetica, sans-serif";
  line-height: 23px;
  font-size: 13px;
}
.con{
  width: 100px;
}
#prompt,#mybutton{
  text-align: center;
}
#prompt{
  width: 100px;
  height: 60px;
  border: 1px solid #009933; 
  margin-bottom: 0px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.s{
  display: inline-block;
  position: relative;
  top: 71px;
  left: 50%;
  border: 10px solid #009933;
  border-color: #009933 transparent transparent transparent;
}
#mybutton{
  position: absolute;
  top: 70px;
  left: 0;
  width: 100px;
  height: 30px;
  margin: 15px 10px;
  background: #009933;
  border-radius: 2px;
  color: #fff;
  line-height: 30px;
  box-shadow: 1px 1px 1px;
}*/
</style>