.blink_me {
  animation: blinker 1s linear infinite;
  cursor: hand;
  cursor: pointer;
}
.ZebraDialog .ZebraDialog_Icon {padding-left: 360px !important;}
.ZebraDialog  img {max-width: 300px !important}
@keyframes blinker {  
  50% { opacity: 0.3; }
}

body {font-family: Charcoal, Helvetica, tahoma !important; background-color: #061540;}


  
  .main{
  color: white; width: 70%; padding-left: 30%; margin: auto; 

  }
  
  
  
  .main p {font-size: 21px; line-height: 29px;}
  .main b {font-size: 20px;}
  .main a {color: white;}
  .contact p {color: #acf;}

.syntaxhighlighter {
    padding: 1em 0;
}

p a {
    text-decoration: underline;
    font-weight: bold;
}

.myclass .ZebraDialog_Title {
    background: #330066;
}

body.flat .myclass .ZebraDialog_Title {
    background: #DEDEDE;
    border-bottom: 1px solid #222;
}

.myclass .ZebraDialog_Body {
    background-image: url('coffee_48.png');

}

a.button_merit{
	display: block; float: left; background: white; padding: 38px 2%; color: black; font-size: 18px; margin: 1%;
	width: 31%; text-align: center;
	
}
 @media screen and (max-width: 1120px) {
 a.button_merit{width: 95%; }
 }

a.button_merit:hover {
	background: #dee;
	text-decoration: none;	
}

a.button_merit::after {
    display: inline-block;
    float: right;
    margin-top: 1px;
    content: ">";
    color: #449;
    vertical-align: top;
}


.myclass {top: 130px !important;}


.svg-container {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 100%;
vertical-align: middle;
overflow: hidden;
}
.svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.pointer2{ width: 3.5%; position: absolute; left: 30%; top: 25%;}

.pointer2:hover {
-webkit-filter: brightness(110%); /* Safari 6.0 - 9.0 */
    filter: brightness(110%);
	}
.box_country {width: 31.3%; margin: 1%; float: left; min-height: 300px;
border-radius: 0px;
background: #e7ecf4; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e7ecf4 0%, #f8fafd 68%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e7ecf4 0%,#f8fafd 68%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e7ecf4 0%,#f8fafd 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ecf4', endColorstr='#f8fafd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.box_main {background: #dfeaf5; }


.line1 {border-top: 0px solid #d1dae6; height: 0px;  }
.img_country {float: left; width: 35%; padding: 2%; }
.desc_country {float: left; width: 57%; padding: 2% 0% 2% 2%; }
	.desc_country h1 {font-size: 16px; min-height: 37px; text-transform: uppercase; font-weight: bold;}
	.desc_country {font-size: 14px;}
	.desc_country a {font-size: 12px;}
	/* Notice how we're targting the dialog box's title bar through the custom class */
.myclass .ZebraDialog_Title {
    background: #DEDEDE;
    border-bottom: 1px solid #222;
}
.myclass .ZebraDialog_Body {
    background-image: url('img/french.jpg'); min-height: 350px;
}
.myclass .ZebraDialog_Body h1 {font-size: 25px;}

.modalFrance .ZebraDialog_Body {    background-image: url('img/france.jpg');}
.modalChina2 .ZebraDialog_Body {    background-image: url('img/china2.jpg');}
.modalChina1 .ZebraDialog_Body {    background-image: url('img/china1.jpg');}
.modalSpain .ZebraDialog_Body {    background-image: url('img/spain.jpg');}
.modalUSA .ZebraDialog_Body {    background-image: url('img/usa.jpg');}
.modalBrasil .ZebraDialog_Body {    background-image: url('img/brasil.jpg');}
.modalPoland .ZebraDialog_Body {    background-image: url('img/poland.jpg');}


.worldmap {background: url('map.png');background-repeat: no-repeat;  width: 1389px; padding-top: 0px; height: 700px; max-width: 100%; margin: auto; position: relative;}

div.firstM {
background: url(merit-back.jpg) no-repeat left top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  }

@media screen and (max-width: 1389px) {
div.firstM {
background: #061540 url(merit-back2.jpg) no-repeat left top; 
background-attachment: scroll;

  width: 100%;
  
  }

.box_country {width: 48%; margin: 1%; }
.worldmap {padding-top: 50%; background-size: 100%; height: auto;}
}

  
  @media screen and (max-width: 880px) {
.ZebraDialog_Body {background-image: none !important;}
.ZebraDialog .ZebraDialog_Icon {
     padding-left: 20px !important; 
}

	.main{width: 80%; padding: 10%;}
	.box_country {width: 98%; margin: 1%; }
	
	
}