@charset "utf-8";
/* CSS Document */

html{ height:100%;  }

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, article, aside, canvas, details, figcaption, figure, footer .fot2, section, img, ul{margin: 0;padding: 0;border: 0;}
.clear{ clear:both; }
ul, li{ list-style:none; }
.container{ margin:0 auto; max-width:1170px; position:relative;  clear: both;}
body{ width:100%; font-size:100%;  }

#mcountry_name{ margin-bottom: 12px; }
#meetingForm input#meetingId{ padding: 6px 6px; border: solid 1px #ccc;  }
#meetingForm input#submit{ padding: 6px 7px; border: none; background: #123f65; color: #fff; font-weight: bold; border-radius: 4px; cursor: pointer; }
article .invt_meeting h3 {
    color: #123f65;
}
#country{ background: rgba(255,255,255,0.1) url('/images/down.jpg') no-repeat 100% center;  cursor: pointer; }
select::-ms-expand {
    display: none;
}
select{
  
   border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

footer{ float: left; width: 100%; background: #1293ff; padding: 40px 0; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; }
.copyright{ text-align: center; margin: 10px 0; color: #fff; width:100%;  font-family: 'Roboto Condensed', sans-serif; font-size: 15px;}
.footerText{ color: #fff; width: 90%; float: none; margin: 0px auto; }
.footerText a{ color: #fff; padding: 3px 5px; font-family: 'Roboto Condensed', sans-serif; font-size: 15px;}

.top_footer{ float: left; width: 100%; background: #333333; padding: 40px 0; }
.footer_head{ text-align: center; color: #fff; font-size: 24px; line-height: 1.3; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;  letter-spacing: 2px;  }
.footer_head span{  font-size: 16px; color: #9fa0a4; display: block; letter-spacing: 2px;  }

.show_country{ color: #9fa0a4; font-size: 15px; line-height: 1.4; font-family: 'Poppins', sans-serif; }
.show_country strong{ color: #fff; font-size: 15px; font-weight: normal; font-family: 'Poppins', sans-serif;}
.show_country span.bold{ width: 150px; float: left; }
.show_country a{  color: #9fa0a4; font-size: 15px; font-family: 'Poppins', sans-serif; }
.space_show{ height: 20px; }
.left_footer_show{ float: left; width:400px; padding:0px 92px; margin: 30px 0; border-right: dashed 1px #444546;  }
.right_footer_show{ border: none; }
.show_top2{ margin: -80px auto 0; display: block; width: 66px; background: url(../images/top.png) no-repeat top center; height: 76px; cursor: pointer;}


.show_subscribe{ float: left; width: 100%; background:#d7eeff url(../images/show-join-us.jpg) no-repeat 98% 0%; padding: 70px 0 60px; }
.show_explore{ font-size: 18px; color: #272626; text-transform: uppercase; }
.show_news{ letter-spacing: 4px; font-size: 28px;  text-transform: uppercase;padding:0px 0 0;}
.show_left2{ float: left; width: 500px; padding: 0 40px; }
.show_right2{ float: left; width: 500px; padding: 0 40px; }
.show_right2 input{ background: #fff; border: none; padding:7px 12px; width: 350px; margin: 0 -5px; }
.show_right2 input.submit{ background: #333333; border: none; padding:7px 12px; width: 100px; cursor: pointer; color: #fff; text-transform: uppercase; letter-spacing: 1px; }


.contact_container{ margin: 20px 4%; border: solid 10px #1a97fd; width: 92%; min-height: 300px; float: left; }
.pc_contact a{ color: #fff;  }
.contact_container img{ max-width: 104%; margin:20px 0 20px -2%; }
.contact_box{ float: left; width: 315px; height: 225px; font-family: 'Roboto Condensed', sans-serif; padding: 20px 17px; border:dotted 1px #303030;   }
.no_top{ border-top: none;  }
.no_bottom{ border-bottom: none;  }
.no_left{ border-left: none;  }
.no_right{ border-right: none;  }
.contact_box p{ font-size: 15px; line-height: 1.4; margin: 10px 0; }
/* 
			commented on 6th-march for contact.php design 
			.contact_box p span{ font-weight: bold; width: 109px; display: inline-block;}
*/
.contact_box_span p span.bold{ font-weight: bold; width: 109px; display: inline-block;}
.contact_box p span a{ font-weight: normal; color: #1A97FD; }
.contact_box a{ color:#1A97FD;  }
.country_head{ color: #1a97fd; font-size: 24px; }
.contact_box p.cont_blue{ color: #1a97fd;   }
.contact_info{ float: left; width: 98%; margin: 20px 1%; }
.contact_info h2{ text-align: center; font-weight: normal; color: #303030; text-transform: uppercase; margin-bottom: 40px; font-family: 'Roboto Condensed', sans-serif; font-size: 28px;  }
.contact_info h2:after{ content: ''; display: block; width: 60px; height: 3px; background: #1a97fd; margin: 10px auto; }

.tooltip p, .tooltip2 p,  .tooltip3 p,  .tooltip4 p, .tooltip5 p, .tooltip6 p, .tooltip7 p, .tooltip8 p, .tooltip9 p{ color: #fff; text-align: center; }
.tooltip p strong, .tooltip2 p strong, .tooltip3 p strong,  .tooltip4 p strong,  .tooltip5 p strong,  .tooltip6 p strong,  .tooltip7 p strong,  .tooltip8 p strong, .tooltip9 p strong{ text-align: center; font-size: 22px; color: #fff; display: block; }
.tooltip {  position: absolute; display: inline-block; top: 161px; left: 222px; height:68px; width: 87px; cursor:pointer; color: #fff;  }
.tooltip .tooltiptext { background: #1A97FD; visibility: hidden;  width: 285px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -131px; position: absolute; z-index: 1; color: #fff; }
.tooltip:hover .tooltiptext { visibility: visible; }


/*.tooltip .tooltiptext::after {  content: " ";   position: absolute;  top: 100%;   left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #2f5466 transparent transparent transparent; }*/
        

.tooltip2 {  position: absolute; display: inline-block; top: 100px; left: 419px; height:68px; width: 66px; cursor:pointer; color: #fff;  }
.tooltip2 .tooltiptext2 { background: #1A97FD; visibility: hidden;  width: 169px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -20px; position: absolute; z-index: 1; color: #fff; }
.tooltip2:hover .tooltiptext2 { visibility: visible; }
                

.tooltip3 {  position: absolute; display: inline-block; top: 88px; left: 490px; height:49px; width: 154px; cursor:pointer; color: #fff;  }
.tooltip3 .tooltiptext3 { background: #1A97FD; visibility: hidden;  width: 300px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -131px; position: absolute; z-index: 1; color: #fff; }
.tooltip3:hover .tooltiptext3 { visibility: visible; }
        
.tooltip4 {  position: absolute; display: inline-block; top: 390px; left: 511px; height:49px; width:89px; cursor:pointer; color: #fff;  }
.tooltip4 .tooltiptext4 { background: #1A97FD; visibility: hidden;  width: 160px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-27px 9px 0 -70px; position: absolute; z-index: 1; color: #fff; }
.tooltip4:hover .tooltiptext4 { visibility: visible; }

.tooltip5 {  position: absolute; display: inline-block; top: 210px; left: 460px; height:52px; width: 210px; cursor:pointer; color: #fff;  }
.tooltip5 .tooltiptext5 { background: #1A97FD; visibility: hidden;  width: 255px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -20px; position: absolute; z-index: 1; color: #fff; }
.tooltip5:hover .tooltiptext5 { visibility: visible; }

.tooltip6 {  position: absolute; display: inline-block; top: 239px; left: 723px; height:52px; width: 82px; cursor:pointer; color: #fff;  }
.tooltip6 .tooltiptext6 { background: #1A97FD; visibility: hidden;  width: 275px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-95px 9px 0 -103px; position: absolute; z-index: 1; color: #fff; }
.tooltip6:hover .tooltiptext6 { visibility: visible; }

.tooltip7 {  position: absolute; display: inline-block; top: 372px; right: 150px; height:52px; width: 109px; cursor:pointer; color: #fff;  }
.tooltip7 .tooltiptext7 { background: #1A97FD; visibility: hidden;  width: 317px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-95px 9px 0 -103px; position: absolute; z-index: 1; color: #fff; }
.tooltip7:hover .tooltiptext7 { visibility: visible; }

.tooltip8 {  position: absolute; display: inline-block; top: 402px; right: -5px; height:71px; width: 100px; cursor:pointer; color: #fff;  }
.tooltip8 .tooltiptext8 { background: #1A97FD; visibility: hidden;  width: 290px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-95px 9px 0 -193px; position: absolute; z-index: 1; color: #fff; }
.tooltip8:hover .tooltiptext8 { visibility: visible; }


.tooltip9 {  position: absolute; display: inline-block; top: 120px; left: 530px; height:49px; width: 113px; cursor:pointer; color: #fff;  }
.tooltip9 .tooltiptext9 { background: #1A97FD; visibility: hidden;  width: 300px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -131px; position: absolute; z-index: 1; color: #fff; }
.tooltip9:hover .tooltiptext9 { visibility: visible; }


.show_footer_template{ float: left; width: 100%; background: url(../images/piece.jpg) repeat 0 0; position: relative; }
.show_footer_template a{ color: #fff; }
.left_show_template{ position: absolute; left: 0; top: 0; background: #656565  url(../images/piece2.jpg) repeat -260px 0; height:488px; width: 50%;  }


.tooltip11 p, .tooltip12 p,  .tooltip13 p,  .tooltip14 p, .tooltip15 p, .tooltip16 p, .tooltip17 p, .tooltip18 p, .tooltip19 p{ color: #fff; text-align: center; }
.tooltip11 p strong, .tooltip12 p strong, .tooltip13 p strong,  .tooltip14 p strong,  .tooltip15 p strong,  .tooltip16 p strong,  .tooltip17 p strong,  .tooltip18 p strong,  .tooltip19 p strong{ text-align: center; font-size: 22px; color: #fff; display: block; }
.tooltip11 {  position: absolute; display: inline-block; top: 134px; left: 259px; height:68px; width: 87px; cursor:pointer; color: #fff;  }
.tooltip11 .tooltiptext11 { background: #1A97FD; visibility: hidden;  width: 280px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -131px; position: absolute; z-index: 1; color: #fff; }
.tooltip11:hover .tooltiptext11 { visibility: visible; }


/*.tooltip .tooltiptext::after {  content: " ";   position: absolute;  top: 100%;   left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #2f5466 transparent transparent transparent; }*/
        

.tooltip12 {  position: absolute; display: inline-block; top: 94px; left: 438px; height:54px; width: 101px; cursor:pointer; color: #fff;  }
.tooltip12 .tooltiptext12 { background: #1A97FD; visibility: hidden;  width: 210px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -20px; position: absolute; z-index: 1; color: #fff; }
.tooltip12:hover .tooltiptext12 { visibility: visible; }
                

.tooltip13 {  position: absolute; display: inline-block; top: 57px; left: 522px; height:49px; width: 160px; cursor:pointer; color: #fff;  }
.tooltip13 .tooltiptext13 { background: #1A97FD; visibility: hidden;  width: 296px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -131px; position: absolute; z-index: 1; color: #fff; }
.tooltip13:hover .tooltiptext13 { visibility: visible; }
        
.tooltip14 {  position: absolute; display: inline-block; top: 353px; left: 557px; height:49px; width:89px; cursor:pointer; color: #fff;  }
.tooltip14 .tooltiptext14 { background: #1A97FD; visibility: hidden;  width: 160px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-27px 9px 0 -70px; position: absolute; z-index: 1; color: #fff; }
.tooltip14:hover .tooltiptext14 { visibility: visible; }

.tooltip15 {  position: absolute; display: inline-block; top: 192px; left: 516px; height:52px; width: 200px; cursor:pointer; color: #fff;  }
.tooltip15 .tooltiptext15 { background: #1A97FD; visibility: hidden;  width: 255px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -20px; position: absolute; z-index: 1; color: #fff; }
.tooltip15:hover .tooltiptext15 { visibility: visible; }

.tooltip16 {  position: absolute; display: inline-block; top: 215px; left: 747px; height:52px; width: 88px; cursor:pointer; color: #fff;  }
.tooltip16 .tooltiptext16 { background: #1A97FD; visibility: hidden;  width: 275px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-95px 9px 0 -103px; position: absolute; z-index: 1; color: #fff; }
.tooltip16:hover .tooltiptext16 { visibility: visible; }

.tooltip17 {  position: absolute; display: inline-block; top: 341px; right: 150px; height:52px; width: 122px; cursor:pointer; color: #fff;  }
.tooltip17 .tooltiptext17 { background: #1A97FD; visibility: hidden;  width: 310px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-95px 9px 0 -103px; position: absolute; z-index: 1; color: #fff; }
.tooltip17:hover .tooltiptext17 { visibility: visible; }

.tooltip18 {  position: absolute; display: inline-block; top: 383px; right: 46px; height:60px; width: 112px; cursor:pointer; color: #fff;  }
.tooltip18 .tooltiptext18 { background: #1A97FD; visibility: hidden;  width: 290px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-95px 9px 0 -173px; position: absolute; z-index: 1; color: #fff; }
.tooltip18:hover .tooltiptext18 { visibility: visible; }

.tooltip19 {  position: absolute; display: inline-block; top: 103px; left: 559px; height:49px; width: 110px; cursor:pointer; color: #fff;  }
.tooltip19 .tooltiptext19 { background: #1A97FD; visibility: hidden;  width: 296px; color: #fff;  text-align: left;  padding: 12px 10px; border-radius: 6px;margin:-52px 9px 0 -131px; position: absolute; z-index: 1; color: #fff; }
.tooltip19:hover .tooltiptext19 { visibility: visible; }


.want_cont{ text-align: center; font-size: 30px; color:#303030; text-transform: uppercase; margin: 20px 0 30px; line-height: 1.4; }
.want_cont span{ display: block; font-size: 16px; color:#1a97fd; letter-spacing: 2px; }

.dfw-blackmode .show2{background: #000;}
.dfw-blackmode .contact_box p, .dfw-blackmode .container p, .dfw-blackmode .container h3, .dfw-blackmode .container ul li, .dfw-blackmode .container ol li{color: #fff;}

.dfw-blackmode .container ul li a, .dfw-blackmode .container ul li a, .dfw-blackmode .container p a{color: #ff0;}


.contact_box_usa{clear: both; background: #E2F2FF; float: left; width: 100%; padding: 15px 0;}
.cnt_add{float: left; width: 40%;}
.cnt_add p{font-weight: 500;line-height: 24px; background: url(../images/contact-icons.png) 5px -265px no-repeat; padding: 0 0 0 30px; margin: 0 0 0 20px; font-size: 16px;}
.country_head_usa{color: #1a97fd; font-size: 28px; font-weight: 500; padding: 0 0 0 30px;}
.cnt_clk{float: left; width: 40%; font-weight: 500; margin: 37px 0 0 0;}
.cnt_clk p{line-height: 28px; font-size: 16px;}
.cnt_clk a{color: #1a97fd;}

.us_phone{padding: 0 0 0 30px; background: url(../images/contact-icons.png) 2px -3px no-repeat;}
.us_mail{padding: 0 0 0 30px; background: url(../images/contact-icons.png) 2px -121px no-repeat;}
.us_fax{padding: 0 0 0 30px; background: url(../images/contact-icons.png) 2px -62px no-repeat;}
.us_web{padding: 0 0 0 30px; background: url(../images/contact-icons.png) 2px -184px no-repeat;}

.read-more-ypo {
    clear: both;
    text-align: center;
}
.read-more-ypo a {
    background: #1a97fd;
    color: #fff;
    padding: 10px 20px;
    /* display: block; */
    /* width: 100px; */
    margin: 0 auto 0;
    display: inline-block;
}
@media screen and (max-width:1170px){
    .left_show_template{ display: none; }
    .show_two ul li{ margin: 20px 5px; }
    .show_two{ width: 98%; padding: 0 1%; }
    .show_top img{ width: 48%; margin: 10px 3% 0 0; }
    .show_top{ margin: 50px 2%; }
    .show{ padding: 20px 2%!important; width: 96%; }
    .tooltip11{ top: 115px; left: 224px; }
    .tooltip12{ top: 92px; left: 345px; }
    .tooltip13{ left: 442px; top: 66px;  }
    .tooltip14{ top: 246px; left: 483px; }
    .tooltip15{ top: 163px; left: 442px; }
    .tooltip16{ top: 183px; left: 649px; }
    .tooltip17{ top: 296px; right: 127px; }
    .tooltip18{ top: 335px; right: 31px; }
    
    .show_left2{ width: 360px; }
    .left_footer_show{ padding: 0 48px; }
    .tooltip{ left: 186px; top: 133px; }
    .tooltip2{ left: 369px; top: 90px; }
    .tooltip3{ left: 434px; top: 80px; }
    .tooltip4{ top: 263px; left: 445px; }
    .tooltip6{ top: 209px; left: 629px; }
    .tooltip5{ left: 380px; top: 180px; }
    .tooltip7{ top: 326px; right: 123px; }
    .tooltip8{ top: 349px; }
    .contact_box, .no_left, .no_right{ width: 43%; padding: 20px 2%; margin: 10px 1%; border: dotted 1px #000;  }
    .copyright{ width: auto; padding-right: 20px; }
    footer{ width: 96%; padding: 40px 2%; }
    
      
}

@media screen and (max-width:1023px){
    .show_left h2{ font-size: 26px; }
    .show_two ul li{ width: 170px; }
    .tooltip11{ top: 85px; left: 154px; }
    .tooltip12{ left: 278px; top: 60px;height: 36px; width: 76px; }
    .tooltip13{ left: 342px; top: 34px; height: 36px; width: 108px; }
    .tooltip14{ top: 224px; left: 357px; }
    .tooltip15{top: 122px;left: 336px; height: 40px; width: 137px;}
    .tooltip16{ top: 136px; left: 485px; }
    .tooltip17{ top: 205px; right: 67px; }
    .tooltip18{ top: 246px; right: 17px; }
    .tooltip19{ top: 71px;left: 369px;  height: 29px; width: 76px;}
    .tooltip17 .tooltiptext17{ margin: -95px 9px 0 -147px; }
    .tooltip18 .tooltiptext18{ margin-left: -193px; }
    
    
    .left_footer_show{ float: none; margin:30px auto; padding: 0; border: none; }
    .copyright{ float: none; text-align: left; padding-bottom: 10px; }
    .show_right2 input{ width: auto; }
    .tooltip .tooltiptext{ margin-left: -93px; }
    .tooltip{ top: 102px; left: 127px; }
    .tooltip2{ top: 68px; left: 260px;  }
    .tooltip3{ left: 320px; top: 60px;  height: 35px; width: 108px;}
    .tooltip5{ width: 140px; left: 300px; top: 132px; }
    .tooltip4{ top: 267px; left: 327px; }
    .tooltip6{ left: 460px; top:157px; }
    .tooltip7{ right: 72px; top: 243px; }
       .tooltip7 .tooltiptext7{ margin-left: -154px; }
    .tooltip8 .tooltiptext8{ margin-left: -208px; }
    .tooltip8{ top: 253px; }
    .tooltip9{top: 81px; left: 347px; height: 36px; width: 78px;}
    
    .show_left2{ float: none; margin: 0 auto; }
    .show_right2{ float: none; width: 370px; margin: 22px auto 0;}
    
    .cnt_clk{ width: 50%;}
             footer{ width: 96%; padding: 40px 2% 60px; }
    
}
@media screen and (max-width:767px){
    .show_top img{ width: auto;  }
    .show_left{ width: auto; }
    .show_footer_template{ display: none; }
    .pc_contact{ display: none; }
    .contact_box{ height: auto; width: 94%; }
    .show_two ul li{ width: 140px; }
    
     .country_head_usa{padding: 0 0 0 10px;}
    .cnt_add p{margin: 0;}
    .cnt_add{ width: 90%;}
    .cnt_clk{ width: 90%; margin: 8px 0 0 0;}
    .want_cont{font-size: 20px;}

}

@media screen and (max-width:599px){
    .show_two ul li{ width: 47%; }
    .show h3{ font-size: 21px; }
    .cnt_clk p, .contact_box p{font-size: 13px!important;}
}

@media screen and (max-width:479px){
    .show h3{ font-size: 16px; }
    .show_two ul li{ width: 45%; }
    .show_left h2{ font-size: 23px; }
    .contact_container{ margin: 10px 0; border: none;width: 100%;  }
    .show_left2{ padding: 0 10px; width: auto;  }
    .show_right2{ width: auto; padding: 0 10px; }
    .show_right2 input.submit{ margin: 10px 0; }
    .show_news{ font-size: 22px; }
    .show_country{ width: 96%; margin: 3px 2%; }
    .show_country span.bold{ width: 100%; }
    .left_footer_show{ width: auto;  }

}