.messi-content .messi-closebtn {
	top: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
	font: 32px/22px bold helvetica,arial;
}
.messi-content .messi-closebtn-image {
top: -16px;
width: 40px;
height: 40px;
right: -24px;
font: 1.3em bold helvetica,arial;
}
.messi-closebtn.messi-closebtn-image::before {
top: 0px;
font-size: 36px;
left: 7px;
}

.messi-closebtn {
	opacity:0;
}

.messi-box, .messi-content {
overflow:visible !important;
}


.messi-titlebox .messi-closebtn {
	
  -webkit-transition: all 0.4s ease-out; 
     -moz-transition: all 0.4s ease-out; 
       -o-transition: all 0.4s ease-out; 
          transition: all 0.4s ease-out; 

}

.messi-wrapper:hover .messi-titlebox .messi-closebtn {
	opacity:1;
}

.leaving-div {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: transparent;
z-index: 9999999;
}


.overlay-container {
position: fixed;
bottom: -2000px;
overflow: visible;
display:table;
z-index: 100000;
margin-right: 5%;
margin-left: 5%;
}

.balloon-float {
background-image: url('../images/balloon.png');
background-size: 100%;
width: 250px;
height: 240px;
position: relative;
background-repeat: no-repeat;
cursor:pointer;
z-index: 99999;
}
.balloon-float.big-balloon {
background-image: url('../images/balloon-lrg.png');
}

.popit-container {
width: auto;
max-width: 500px;
background-color: rgba(0, 0, 0, 0);
padding: 8px;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.popit-inner {
background-color:white;
border-radius:4px;
padding: 15px;
position: relative;
}

.close-balloon, .close-callout {
    position: absolute;
    right: -24px;
    top: -23px;
    background-color: rgb(102, 102, 102);
    border-radius: 50% 50% 50% 50%;
    width: 39px;
    text-align: center;
    height: 40px;
    font-size: 30px;
    font-family: arial,sans-serif;
    color: rgb(225, 225, 225);
    padding-top: 0px;
    cursor: pointer;
    border: 4px solid rgb(225, 225, 225);
    transition: all 0.4s ease-out 0s;
    line-height: 36px;
}
.close-balloon:hover, .close-callout:hover {
background-color: rgb(225, 225, 225);
color: rgb(102, 102, 102);
}

.messi-content p img {
    max-width: 100%;
	height:auto;
}

.messi-content img {
    max-width: 100%;
	height:auto;
}

.popit-inner img {
	max-width:100%;
	height:auto;
}






/******************
//Callout PopIt
******************/

.callout-container {
position:fixed;
bottom: -999px;
margin-left: 1%;
z-index: 100000;
}
.callout 
{
font-size: 1em;
font-family: inherit;
position: relative;
width: auto;
height: auto;
padding: 8px 18px;
background: rgb(255, 255, 255);
border: rgb(128, 127, 127) solid 3px;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
width: 400px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.callout:after 
{
content: "";
position: absolute;
bottom: -20px;
left: 40px;
border-style: solid;
border-width: 20px 20px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
}

.callout:before 
{
content: "";
position: absolute;
bottom: -24px;
left: 38px;
border-style: solid;
border-width: 22px 22px 0;
border-color: #807F7F transparent;
display: block;
width: 0;
z-index: 0;
}


.placard {
margin: 0 auto;
text-align: center;
background-color: transparent;
position: relative;
top: 160px;
z-index: 100000;
font-size: 18px;
height: auto;
width: 100%;
border-radius: 4px;
border: 2px solid rgb(102, 102, 102);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0,0,0,.3);
padding: 3px;
color: #fff9d6;
}
.placard div {
padding: 9px;
border-radius: 3px;
}


.placard .gray-metal {
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

.placard .orange-metal {
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}

.placard .blue-gloss {
background: rgb(206,219,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,219,233,1)), color-stop(17%,rgba(170,197,222,1)), color-stop(50%,rgba(97,153,199,1)), color-stop(51%,rgba(58,132,195,1)), color-stop(59%,rgba(65,154,214,1)), color-stop(71%,rgba(75,184,240,1)), color-stop(84%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */

}

.placard .black-gloss {
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}

.placard .placard-white {
background: #fff;
}
.placard .placard-black {
background: #000;
}
.placard .placard-grey {
background: #888;
}


#advanced-content-preloader {
	top:0;
}