#menu-but{ display:block; }


body, html, #bodyWrapper{ height:auto; min-height:100% !important; color:#fff; background:transparent; min-width:inherit; font-family: 'gothzey-bookbook';}

body,html{ height:100%; }

.hide{
	display: none;
}

div{ box-sizing:border-box; }


.geek-stuff{ background-image:none !important; }
.geek-stuff .best-tweets-section{ background-color:#fff !important; }

#mainContainerCont{ display:none;}
#mainContainer{ width:100%; max-width:1100px; min-width:1100px; margin:0 auto 105px; top:105px; }

.whitePane{ width:100%; padding:15px; box-sizing:border-box; background:#fff; margin-bottom:15px; border-radius:5px; }

#topBar{ background:none; padding: 0 15px 15px; width:100%; max-width:1100px; margin:0 auto; box-sizing:border-box; background:rgba(0,0,0,0.6); /*rgba(1,66,108,0.9);*/ }

#logoTop{ display:inline-block; float:left; height:80px; top:8px; width:100%; }
#logoTop img{ height:90%; margin-right:25px; top:7px; }

#menuTop{ display:inline-block; float:right; top:30px; left:-20px; cursor:pointer; }
#menuTop img{ height:35px; }



.vCenter{ position: relative;
  width:100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
}

.red{ color:#; }
.grey{ color:#b4bbc2; }

.greyTitle{ font-size:1em; color:#b4bbc2; text-transform:uppercase; }
.bigNum{ font-size:2.8em; color:#000; }

.greyTitle2{ font-size:1.7em; text-transform:uppercase; color:#fff; width:100%; text-align:center; margin-bottom:25px; /*font-family: 'bellslimbold';*/ font-family: 'zgotham_htfbold'; position:absolute; top:-45px; }



#topTag{ font-size:1.3em; }

#totPosts{ margin:15px 0; }

#topTotalNum{ width:49%; height:215px; float:left; text-align:center; }
#topTotalNum-l{ width:50%; height:100%; float:left; border-right:1px solid #b4bbc2; }
#topTotalNum-l .vCenter{ left:-7px; }

#topTotalNum-r{ width:50%; height:100%; float:right; overflow:hidden; }
#donutTxtPic{width:100%; height:100%; text-align:center; top:5px; left:10px;}

#topNumsRight{ width:49%; float:right; }


#topNumsMedia{ height:100px; text-align:center; }
#topNumsMedia div{ display:inline-block; }
#topNumsMedia .red{ margin-left:15px; }


#topNumsMedia > .vCenter > div{ position:relative; top:3px; }


#topNumsPortee{ height:100px; text-align:center; }

#topTemporalite{ width:24%; height:215px; float:left; overflow:hidden; text-align:center; }
#topGraphRes{ width:100%; height:100%; }
/*#topGraphRes .highcharts-legend{ top:-10px; }*/

#topInteraction{ width:74%; height:215px; float:right; }
#topInteracLeft{ width:39%; height:100%; float:left; text-align:center; }
#topInteracCont{ width:100%; height:91%; }
#topInteracDet{ width:59%; height:100%; float:right; top:33px; }
.topInteracDetRow{ width:100%; height:auto; padding:10px 0 5px 0; border-bottom:1px solid #b4bbc2; }
.topInteracDetRow p{ display:inline-block; color:#b4bbc2; padding-top:5px; }
.topInteracDetRow .bigNum{ display:inline-block; float:right; font-size:1.7em; }



#topInfluenceurs{ width:100%; height:215px; text-align:center; }
#topInflucs{ width:100%; height:100%; }
.topInflu{ width:20%; height:100%; float:left; text-align:center; cursor:pointer; }
.topInflu div{ /*height:67%; width:100%;*/height:125px; width:125px; background-size:cover; background-position:center; border-radius:100%; border:3px solid #b4bbc2; margin:10px auto 15px; }
/*.topInflu div img{ height:125px; width:125px; border-radius:100%; border:3px solid #b4bbc2; }*/
.topInflu p{ color:#000; font-family: 'bellslimbold'; }



#top25TW{ width:100%; min-height:215px; height:auto; }



#retweet25, #favoritesTW25, #reachTW25{ margin-top:55px; }



/*--------------*/

#loginBut.frontWall-menu{ z-index:999; margin-right:5px; display:none; }
.frontWall-menu.login{ top:-7px; left:15px; }

.comment-box-all{ width:96%; margin:10px 0; }
.comment-box{ height:auto; }
.comment-box textarea{ border:1px solid #ccc; }
.commentBut{ margin:10px 0; left:0; }
.fancyInstaComments{ margin:15px 0 0 15%; }

/*--------------*/



.tweets{ width:45%; float:left; height:auto; min-height:165px; box-sizing: border-box; margin-top:0;/*15px;*/ color:#636363; left:0; cursor:pointer; }
/*.tweets::before, .tweets::after{ content: ""; }*/ 

.tweets.odd{ margin-left:6%; clear:right; }
.tweets.even{ clear:left; }

.tweets .dash-line{ width:100%; height:5px; left:-12px; top:-5px; background:url(img/jevoismtl_dashed_line.png) 0 0 no-repeat; display:none; }

.tweets .profilePic{ float:left; width:110px; height:110px; margin:0 15px 0 0; top:0;/*-45px;*/ border-radius: 100%; border:3px solid #b4bbc2; z-index:999; cursor:pointer; background-size:cover; }
.tweets .title{
	/*font-family: 'bellslimbold';*/font-family: 'zgotham_htfbold'; font-size:1.1em;
}
.tweets .title span{ font-family: 'gothzey-bookbook'; font-size:0.9em; }

.tweets p{ margin-bottom:0px; /*word-break:break-all;*/ word-wrap:break-word; width:74%; float:right; }

.tweets p .hashtag,
.tweets p .user,
.tweets p .link{	
	text-decoration: none; color: #1b1b1b;	
}

.tweets .dateX{ position:absolute; left:125px; top:-25px; font-size:0.8em; font-style:italic; }


.tweets .mediaFloat{ clear:both; width:100%; position:absolute; right:0; top:105%; z-index:99998; display:none; text-align:center; background:#fff; border-bottom:1px dotted #ccc; }
.tweets .mediaFloat img{ width:74%; float:right; border:15px solid #fff; }
.fancybox-inner .tweets .mediaFloat{ display:block !important; opacity:1 !important; top:-15px; left:0; right:inherit; position:relative; background:none; border:none; margin-top:40px; }
.fancybox-inner .tweets .mediaFloat img{ width:100%; float:none; border:none; margin-top:0px; }

.tweets .showImg{ clear:both; top:5px; }
.fancybox-inner .tweets .showImg{ display:none; }



.fancybox-inner .tweets{ width:100%; float:none; margin:25px 15px 0 15px; min-height:inherit; cursor:auto; }
.fancybox-inner .tweets.odd{ margin-left:0; clear:none; }
.fancybox-inner .tweets.even{ clear:none; }
.fancybox-inner .tweets p{ float:none; width:100%; z-index:99999; }

.fancybox-inner .tweets .dataId{ max-width:500px; }


/*+++*/

.twitter-actions, .facebook-actions, .instagram-actions{ height:22px; top:-15px; right:15px; }

.fancy-notification{ top:-50px; width:96%; }
.fancy-notification span.mess{ font-size:1em; cursor:pointer; }

/*+++*/




.geekstuffsquare{ width: 14.2%; height:auto; margin-top: 10px; padding: 0 5px; float: left; box-sizing: border-box; cursor:pointer; }
.geekstuffsquare .inner{ width:100%; height:150px; text-align:center; }
.geekstuffsquare .number{ position:absolute; width:100%; height:100%; opacity:0.5; color:#fff; font-size:3em; z-index:999; background-color:none; }
.geekstuffsquare .image{ width:100%; height:100%; background-size:cover; }
.geekstuffsquare .stats{ width:100%; text-align:center; background:rgba(0,0,0,0.4)/*#b4bbc2*/; position:absolute; bottom:0; font-size:0.9em; }
.geekstuffsquare .stats span{ font-size:1em; top:-1px; }




#bubble2Top{ text-align:center; height:300px; top:25px; }

.bubbleX{ width:200px; height:200px; border-radius: 100%; background:#; display:inline-block; overflow:hidden; margin:0 0px 0 0; text-align:center; }
.bubbleX h1{ font-size:0.7em; }
.bubbleX p{ font-size:1.2em;  }
.bubbleX p span{ font-size:0.7em;  }

.bubbleX1{ width:300px; height:300px; font-size:2.5em; }
.bubbleX2{ width:250px; height:250px; font-size:1.8em; }
.bubbleX3{ width:200px; height:200px; font-size:1.6em; } 

.bubble-chart{ width:100%; margin:0 auto; text-align:center; }
.bubble-chart .node{ cursor:pointer; }

svg.bubble{ overflow:visible; }


.topLinks{ width:100%; text-align:left; margin-bottom:15px; color:#000; }
.topLinks .title{ font-family: 'bellslimbold'; font-size:1.1em; }
.topLinks span{ font-size:1em; font-style:italic; color:#999; }





#menuFull{ position:fixed; width:100%; height:100%; overflow:hidden; z-index:999999; }
#menuFull.hide{ display:none; }
#menuFullAbs{ position:absolute; width:100%; height:100%;  }
#in-menuFull{ width:100%; height:100%; padding:15px; box-sizing:border-box; background:rgba(255,255,255,1) /*url(assets/img/eye.png) no-repeat center 95px*/; background-size:70px auto;  }

#in-menuFull ul{ width:100%; text-align:center; font-family: 'ZChaletBookBold'; text-transform:uppercase; }
#in-menuFull ul li{ width:100%; font-size:2.5em; padding:15px; box-sizing:border-box; border-bottom:1px solid #ccc; }

#menuFullClose{ font-weight:bold; font-size:2.5em; font-family: 'gothams-rounded-book'; top:5px; left:-15px;/*font-family: 'ZChaletBookBold';*/ width:50px; height:50px; float:right; color:#000; text-align:center; cursor:pointer; z-index:9999; }


a.a44:link { color:#000; text-decoration:none; }
a.a44:visited { color:#000; text-decoration:none; }
a.a44:hover { color:#555; text-decoration:none; }
a.a44.active{ color:#555 !important; }

a.a2:link { color:#; text-decoration:none; }
a.a2:visited { color:#; text-decoration:none; }
a.a2:hover { color:#; text-decoration:underline; }



#loading{ height:60px; top:0; }
#sendToStories{ top:22px; }


.fancybox-inner .tweets .checkBox{ left:-33px; top:6px; display:none; }


















.padding15{ padding:15px; }

h1{ font-size:1.5em; margin-bottom:5px; }
h2{ font-size:1.3em; text-decoration:underline; margin-bottom:5px; }


a.a4:link { color:#000; text-decoration:none; }
a.a4:visited { color:#000; text-decoration:none; }
a.a4:hover { color:#000; text-decoration:underline; }

a.a0:link { color:#; text-decoration:none; }
a.a0:visited { color:#; text-decoration:none; }
a.a0:hover { color:#; text-decoration:underline; }

.geekstuffsquare a.a-img:link { color:#fff; text-decoration:none; }
.geekstuffsquare a.a-img:visited { color:#fff; text-decoration:none; }
.geekstuffsquare a.a-img:hover { color:#fff; text-decoration:underline; }


/*g text{ display:inline-block; }*/
.charts g{ cursor:pointer; }


.post-list{ width:100%; padding:15px 0; border-bottom:1px dotted #333; }
.post-list-id{ /*color:#FFF;*/ }
.post-list-social{ font-size:0.9em; color:#999; }
.post-list-user{   font-size:0.9em; color:#FC0; margin:0 0 10px 0; }
.post-list-text{   font-size:1em; color:#fff; margin:0 0 15px 0;}
.post-list img{ width:300px; }


.list-post-nav{ width:100px; font-size:1.2em; margin-top:10px; }
.list-nav-but{ display:none; }
.list-nav-but.active{ display:block; cursor:pointer; }
.list-prev-but{ float:left; }
.list-next-but{ float:right; }

.list-post-nav-page{ width:100%; position:absolute; text-align:center; font-size:0.8em; top:1.5px; }


.ui-helper-clearfix:before, .ui-helper-clearfix:after{ content:inherit !important; }

.dateTimeBut{ background:#fff; color:#000; display:inline-block; cursor:pointer; padding:10px; }
.dateTimeBut:hover{ color:#690; }
#dateTimeBut{ display:none; }


.list-posts-block{ width:96%; max-width:auto;/*1000px;*/ padding:10px 2%; height:auto/*400px*/; border:0px solid #CCC; overflow:auto; margin-top:15px; }


#main_test{ left:50%; transform:translateX(-50%); position:relative; min-width:1080px; text-align:center; margin:0 auto 0px; border-bottom:0px dotted #ccc; height:0; overflow:hidden; }
#main_test h2{ text-align:left; }

#topPanelBut{ width:100%; text-align:center; border-top:1px solid #000; top:-1px; z-index:9999; }
#topPanelBut div{ display:inline-block; margin:0 auto; }

#topPanelBut div p{ cursor:pointer; color:#ccc; background:#000; padding:3px 10px 10px; font-size:0.9em; }
#topPanelBut div p:hover{ color:#fff; background:#999; }

#topPanelBut div span.icon{ font-size:1.2em; top:5px; }

/*-----------*/


.squareTile{ width:23%; left:1%; margin:0 2% 18px 0; height:250px; float:left; box-sizing:border-box; text-transform:uppercase; }
.squareTile .image{ width:100%; height:100%; background-size:cover; background-position:center center; text-align:center; }
.squareTile .name{ position:absolute; top:0; width:100%; text-align:center; padding:7.5px 5px; box-sizing:border-box; background:rgba(0,0,0,0.4); border-left:1px dotted #fff; font-family: 'bellslimbold'; }
.squareTile .name .icon{ display:inline-block; margin:0 15px 0 5px; top:1px; }

.squareTile .desc{ width:100%; max-height:100%; overflow:auto; text-align:center; position: relative; top: 50%; transform: translateY(-50%); padding:15px; box-sizing:border-box; 
								/*position:absolute;*/ text-transform:none; color:#fff; margin:auto; /*top:0; bottom:0; left:0; right:0;*/ font-size:1em; word-wrap:break-word; }
.squareTile.squareTile-hasPic .desc{ display:none; background:rgba(0,0,0,0.6); }

.whitePane .squareTile a.a-img:link { color:#fff; text-decoration:none; }
.whitePane .squareTile a.a-img:visited { color:#fff;; text-decoration:none; }
.whitePane .squareTile a.a-img:hover { color:#fff; text-decoration:none; }

.squareTile .dataId{ width:100%; height:100%; }


.squareTile .dateX{ width:100%; text-align:center; margin-bottom:15px; font-size:0.8em; font-style:italic; }


.squareTile h3{ font-size:1.2em; font-weight:bold; margin-bottom:10px; text-transform:capitalize; }

.fancybox-inner .squareTile{ width:auto; height:auto; float:none; }
.fancybox-inner .squareTile .fancy-notification{ top:0px; left:2%; margin-top:10px; }
.fancybox-inner .squareTile .dataId{ width:500px; max-width:100%; height:auto; }
.fancybox-inner .squareTile img{ width:100%; max-width:100%; }
.fancybox-inner .squareTile .popContent{ width:100%; padding:15px; box-sizing:border-box; }
.fancybox-inner .squareTile .userN{ font-weight:bold; font-size:1.2em; margin-bottom:10px; }
.fancybox-inner .squareTile .txt{ text-transform:none;  }

.fancybox-inner .squareTile .comment-box-all{ margin:0; left:2%; }
.instagram-actions div.icon-pencil{ display:inline-block; top:3px; display:none; }

.squareTile .fancyInstaComments{ margin:15px 0 0 15px; }
.squareTile .fancybox-inner .squareTile img{ width:35px; }


/*---*/

.topbutton{ display:inline-block; border:1px solid #fff; float:right; top:29px; margin-right:100px; }
.topbutton a{ display:block; color:#fff; text-decoration:none; width:100%; height:100%; padding:10px 15px; box-sizing:border-box; }
.topbutton:hover{ border:1px solid #; }
.topbutton:hover a{ color:#fff; background:#; }


#createFixedForm{ overflow:hidden;  }
#increateFixedForm{ margin:15px; padding:15px; box-sizing:border-box; }

#createFixedForm h2{ margin-bottom:15px; }
#createFixedForm input{ border:1px solid #999; min-width:210px; width:auto; height:40px; padding:3px 6px; margin-bottom:10px; box-sizing:border-box; font-size:1em; font-family: 'gothzey-bookbook';  }
#createFixedForm input[type="file"]{ border:none; margin-left:15px; }


#createFixedBut{  }

#createFixedForm .topbutton{ border:1px solid #333; margin:0; top:12px;  }
#createFixedForm .topbutton a{ color:#333; }
#createFixedForm .topbutton:hover{ border:1px solid #6C6; }
#createFixedForm .topbutton:hover a{ color:#fff; background:#6C6; }

td{ vertical-align:middle; }

#fixedHTML{ visibility:hidden; position:absolute; }

.wrong{ border:1px solid red !important; }


.sentimentStat{ color:#000; font-size:3.3em; margin-bottom:15px; }
.sentimentStat span{ font-size:0.5em; top:0; vertical-align:top; } 
.centerHorz{ display:inline-block; left:50%; transform:translateX(-50%); }





.dropOpen{ width:100%; height:auto; overflow:hidden; 
			webkit-transition: max-height 1.5s ease-in-out;
			-moz-transition: max-height 1.5s ease-in-out;
			transition: max-height 1.5s ease-in-out;
}
.dropOpen1{ max-height:330px; }
.dropOpen2{ max-height: 520px; padding-top: 30px; top: -20px; }
.dropOpen3{ max-height:1000px; }
.dropOpen4{ max-height:375px; }

.dropOpen.open{ max-height:10000px; }


.click4More{ width:100%; text-align:center; border-top:1px solid #ccc; margin:10px 0 15px; }
.click4More span{ font-size:1.5em; color:#; border: 1px solid #ccc; border-top:none; cursor:pointer; box-sizing:border-box; top:10px; padding:10px; margin-bottom:10px; }
.click4More span:hover{ color:#ccc; }


/*------------------*/

.whitePaneX{ margin-top:150px !important; }
#footerX{ display:none; margin-top:70px !important; }

#dashboard #control{ display:none !important; }


.topMenuBut{ box-sizing:border-box; display:inline-block; padding:10px; margin:36px 10px 0; border:0px solid #fff; background:#54376F; color:#fff; cursor:pointer; border-radius:5px; font-family: 'zgotham_htfbold'; font-size:0.8em; text-transform:uppercase; }
.topMenuBut.selected, .topMenuBut:hover{ background:#fff; color:#54376F; border:0px solid #54376F; }


.paneX{ display:none; top:-60px; }
.paneX.selected{ display:block; }


#requestDemo{ float:none; margin:0 auto 70px; width:166px; border-radius:5px; overflow:hidden; }
#requestDemo.topbutton a{ color:#fff; background:#54376F; border:1px solid #54376F;  }
#requestDemo.topbutton:hover{ color:#54376F; background:#fff; }
#requestDemo.topbutton:hover a{ color:#54376F; background:#fff; }


#chart svg g text{ text-transform: capitalize; }