

/* #00ACED */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,100|Open+Sans+Condensed:300|Noto+Sans:400,700,400italic,700italic);

body { font-family: 'Noto Sans', sans-serif; color:#111; font-size:17px} 

/* RTS switch functionality */
.rts_disabled {display: none;!important}

a:link{color: #0066FF; text-decoration:none;}
a:visited{color: #0066FF; text-decoration:none;}
a:hover{color: #0066FF; text-decoration:underline;}

.ad728 {padding-top:20px; }

/* header */


.navbar {margin-bottom:0px; min-height:63px; }
.logo {margin-top:0px; margin-left:0px; margin-right:20px}

.nav > li > a {
    padding-left: 35px;
	padding-right: 20px;
	font-size:15px;
	color:#979BB0;
	transition: color .2s;
}

.navbar-default .navbar-nav>li>a  { color:#B0AFA2; padding-top:5px; padding-bottom:0}
.nav > li > a:hover {color:#807E6C}
.navbar-default {background-color: #fff; border-bottom: 1px solid #E3E7E9; }
.navbar-nav {margin: 15px; }
.navbar-toggle {margin-top: 12px;}
.navbar-header {}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background-color: #fff!important;}

.dropdown:hover .dropdown-menu {display: block;}

.faq_button {margin-right:25px; }
.faq_button a{color:#ADB1C2; border: 1px solid #CED6D9; padding: 9px 12px; display:block; float:left; border-radius: 4px; text-decoration:none; font-size:14px; line-height: 20px; margin-top:11px; transition:.2s;}
.faq_button a:hover{border: 1px solid #aaa ; color:#79809B}

.get_button a{border: 1px solid #ccc ; margin-left:10px; color:#919191; background:rgb(235,235,235);  padding: 9px 12px; display:block; float:left; border-radius: 4px; text-decoration:none; font-size:15px; line-height: 20px; margin-top:11px;}
.get_button a:hover{color:#222;background:rgb(245,245,245);}

/* /header  */

/* footer  */
#footer {width:100%;   background-color:#696969; font-size:15px; color:rgb(180,180,180); padding-top:25px;  padding-bottom:25px;   margin-bottom:0px;}
#footer a:link{color:#D8D8D8 ; text-decoration:none;   -webkit-transition: 150ms all ease; -moz-transition: 150ms all ease; transition: 150ms all ease;}
#footer a:visited{color: #D8D8D8; text-decoration:none; }
#footer  a:hover{color: #fff; text-decoration:none; }
#footer  ul{display:block; list-style:none; margin-top:15px; margin-left:0px;}
#footer  li {margin-top:5px;}

.copy {background-color:#555; color:#ccc; font-size:12px;  text-align:center; padding-top:20px; padding-bottom:20px; margin:auto;  }
.copyview {font-size:14px;  text-align:center; padding-top:30px; padding-bottom:10px; margin:auto; color:#CCCCCC }
/* /footer  */


/* content  */
.content {min-height:550px}
/* content  */






/* ---------------------------------- HOME PAGE  1100px ---------------------------------- */
/* HOME PAGE WRAPPER */

/* COUNTER BOX PROPERTIES width:300px; height:210px; */
.counterboxwrapper {max-width:320px;  padding-top:30px;  padding-bottom:40px; margin-bottom:20px; border: 2px solid #fff; }

/* SPACER BETWEEN ROWS*/
.brspacer {height:0px; width:100%;}

/* home counter b icon */
.counterimg {height:70px; width:90px; margin:auto; padding-top:10px}
.counterimgtop {height:70px; width:90px; margin:auto; padding-top:0px}

/* home counter number */
.counter {font-size: 30px; color: #696969; font-weight: bold; text-align:center; margin-top:0px; margin-bottom:10px; }
.countertop {font-size: 30px; color: #696969; font-weight: bold; text-align:center; margin-top:10px;   margin-bottom:10px; }
.counterunit {font-size: 20px; color: #666666; font-weight: normal;  padding-left:5px}

/* home counter description */
.counterdesc {font-size: 20px; color: #696969;  text-align:left; padding-left:30px; margin-bottom:30px;}
.counterdesc a:link {color: #696969; text-decoration: none;}
.counterdesc a:visited {color: #696969; text-decoration: none; }
.counterdesc a:hover{color: #000000; text-decoration: none;}

.counterdesczero {font-size: 20px; color: #696969;  text-align:left; padding-left:0px; margin-bottom:30px;}
.counterdesczero a:link {color: #696969; text-decoration: none;}
.counterdesczero a:visited {color: #696969; text-decoration: none; }
.counterdesczero a:hover{color: #000000; text-decoration: none;}

/* counter description POP counters (centered) */
.counterdescpop {font-size: 20px; color: #696969;  text-align:center;  margin-bottom:35px;}
.counterdescpop a:link {color: #696969; text-decoration: none;}
.counterdescpop a:visited {color: #696969; text-decoration: none; }
.counterdescpop a:hover{color: #000000; text-decoration: none;}

/* home counter more links display */
.counterboxwrapper .more  { display:none  }
.counterboxwrapper:hover { 	border-radius: 7px; border: 2px solid #ccc; background-color:#FCFCFC }
.counterboxwrapper:hover .more { display: block; }

/* home counter more links wrap */
.more {font-size: 15px; color: #666666; padding-left:10px; padding-right:5px;  }
.more a:link{color: #999999; text-decoration:none;}
.more a:visited{color: #999999; text-decoration:none;}
.more a:hover{color: #0066FF; text-decoration:underline;}

/* home counter more links positioning */
.morelinks-only-right {float:right; width:33%; }
.morelinks-only-right-watch {float:right; width:27%; }

.morelinks-left{float:left; width:33%; text-align:left; }
.morelinks{float:left; width:33%; text-align:right;}
.morelinks-right{float:left; width:33%; text-align:right;}

.morelinks-one-left{float:left; width:28%; text-align:left; }
.morelinks-one-center{float:left; width:35%; text-align:center;}
.morelinks-one-right{float:left; width:36%; text-align:right;}

.morelinkspop{float:left; width:33%; text-align:center;}

/* COUNTER ROW (not used) */
.counterboxwrapper-row {width:100%; height:210px; float:left; }
.counterboxwrapper-adrow {width:1100px; height:250px; margin:auto; }
/* COUNTER BOX POSITIONING (not used)*/
.counterboxwrapper-single {width:33%; float:left; }

/* home counter switch today/this year */
.switch {font-size: 20px;  color: #444444;}
.switch a:link {color: #0066FF; text-decoration: none;}
.switch a:visited {color: #0066FF; text-decoration: none;}
.switch a:hover{color: #428DFF; text-decoration:none;}

/* additional line counter description */
.counterdesc3 {font-size: 20px; color: #696969;  text-align:center; padding-left:0px; margin-bottom:5px;}
.counterdescyoutube {font-size: 20px; color: #696969;  text-align:center; padding-left:0px; margin-bottom:5px;}

#follow-twitter {margin-right:10px; width:58px; overflow:hidden; border-right: 1px solid #d8d8d8;  margin-top:3px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;  }
#follow-fb {width:64px; overflow:hidden; }

.mentions { color:#999999;  font-family:'Open Sans Condensed', Calibri, sans-serif;  font-weight:normal; font-size: 30px; font-style:normal; margin-bottom:40px; margin-top:40px;}
/* ----------------------------------------------------------------------------- */










/* ------------------------------home page BUTTONS  ---------------------------------- */
/* button tablet */
.button-tablet {display: block; width: 70px; height: 45px; background:  url("/img/button-tablet.png") bottom; text-indent: -99999px;}
.counterboxwrapper:hover .button-tablet {background-position: 0 0;}
/* button smartphone */
.button-smartphone {display: block; width: 27px; height: 50px; background:  url("/img/button-smartphone.png") bottom; text-indent: -99999px;}
.counterboxwrapper:hover .button-smartphone {background-position: 0 0;}
/* button pc */
.button-computer {display: block; width: 88px; height: 65px; background:  url("/img/b-computer.png") bottom; text-indent: -99999px;}
.counterboxwrapper:hover .button-computer {background-position: 0 0;}
/* button population */
.button-population {display: block; width: 47px; height: 47px; background: url('/img/b-user2.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .button-population {background-position: 0 0;}
/* button websites */
.button-websites {display: block; width: 50px; height: 50px; background: url('/img/b-website2.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .button-websites {background-position: 0 0;}
/* b hacked */
.b-hacked {display: block; width:50px; height:50px; background: url('/img/b-hacked.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-hacked {background-position: 0 0;}
/* b skype */
.b-skype  {display: block; width:49px; height:49px; background: url('/img/b-skype4.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-skype  {background-position: 0 0;}
/* b google */
.b-google  {display: block; width:30px; height:46px; background: url('/img/b-goog2.gif') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-google  {background-position: 0 0;}
/* b email */
.b-email  {display: block; width:50px; height:50px; background:  url("/img/b-email2.png") bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-email {background-position: 0 0;}
/* b tweet */
.b-tweet  {display: block; width:50px; height:50px; background: url('/img/b-tweet2.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-tweet{background-position: 0 0;}
/* b instagram*/
.b-instagram  {display: block; width:47px; height:47px; background: url('/img/b-instagram2.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-instagram{background-position: 0 0;}
/* b tumblr */
.b-tumblr  {display: block; width:46px; height:46px; background: url('/img/b-tumblr2.gif') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-tumblr{background-position: 0 0;}
/* b facebook */
.b-fb  {display: block; width:45px; height:45px; background: url('/img/b-fb2.gif') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-fb{background-position: 0 0;}
/* b gplus */
.b-gplus {display: block; width:45px; height:45px; background: url('/img/b-gplus2.gif') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-gplus{background-position: 0 0;}
/* b twitter */
.b-twitter {display: block; width:45px; height:55px; background: url('/img/b-twitter3.gif') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-twitter{background-position: 0 0;}
/* b pinterest */
.b-pinterest {display: block; width:39px; height:50px; background: url('/img/b-pinterest.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-pinterest{background-position: 0 0;}
/* b youtube */
.b-youtube {display: block; width:55px; height:39px; background: url('/img/b-youtube2.gif') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-youtube{background-position: 0 0;}
/* b blog */
.b-blog {display: block; width:42px; height:42px; margin-top:5px; background: url('/img/b-blog2.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-blog {background-position: 0 0;}
/* b traffic */
.b-traffic {display: block; width:50px; height:53px; background: url('/img/b-traffic.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-traffic{background-position: 0 0;}
/* b power*/
.b-power {display: block; width:53px; height:50px; background: url('/img/b-power.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-power{background-position: 0 0;}
/* b co2*/
.b-co2 {display: block; width:89px; height:70px; background: url('/img/b-co2.png') bottom; text-indent: -99999px;}
.counterboxwrapper:hover .b-co2{background-position: 0 0;}
/* ----------------------------------------------------------------------------- */



/* ---------------------------------- STATS PAGES  ---------------------------------- */



/* inner band  */
#pageband {width:100%; background-color:#f9f9f9;  color:#eeeeee;  padding-top:10px; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #ccc ;  border-top:1px solid #ccc ;}
.tableband{padding-left:13px}

/* "view how many in 1 sec" link */
#innersnap  {padding-top:20px; color: #999; font-size: 15px; }
#innersnap a:link {color: #bbb; font-weight: normal; }
#innersnap a:visited {color: #bbb; text-decoration: none;}
#innersnap a:hover{color: #666; text-decoration:none;}

/* summary of content */
#summary {font-size: 15px;}
#summary  ul{display:block; list-style:none; margin:0px; padding:0px;  }
#summary  li {margin-top:10px; margin-left:0px; padding-left:0px;}

#summary a:link {color: #bbb; font-weight: normal; }
#summary a:visited {color: #bbb; text-decoration: none;}
#summary a:hover{color: #666; text-decoration:none;}

/* numbered footnotes */
sup {line-height: 1em;}
ol :target {  background: #DFF4FF;}  

/* inner references and sources */
#references {font-size:14px; }
#sourcelist {font-size:15px;}
#references li {margin-top:5px;}
#sourcelist li {margin-top:5px;}

/* inner counter */
.innercounter  {color: #696969; font-size: 40px; font-weight: bold;}
#innercounterdesc {color: #666; font-size: 24px; }
.innerswitch {font-size: 24px;  color: #fff;}
.innerswitch a:link {color: #0066FF; text-decoration: none;}
.innerswitch a:visited {color: #0066FF; text-decoration: none;}
.innerswitch a:hover{color: #428DFF; text-decoration:none;}



/* top bread wrapper */
#breadwrapper { margin:auto; margin-top:15px; margin-bottom:10px;}
#breadwrapper  h1 {margin-bottom:20px; margin-top:10px; color:#222222; font-family:'Open Sans Condensed', Calibri, sans-serif;  font-weight:normal; font-style:normal; font-size:50px}
/* breadcrumbs */
#bread {margin-top:5px; font-size:15px; color: rgb(225,225,225);}
#bread a:link{color: rgb(190,190,190); text-decoration:none;} 
#bread a:visited{color: rgb(190,190,190); text-decoration:mpme;} 
#bread a:hover{color: #777; text-decoration:underline;} 

/* inner content wrapper */
#pagecontentwrapper  {padding-bottom:55px; }
#pagecontentwrapper li {margin-top:20px; line-height:1.8em}
#pagecontentwrapper h1, h2, h3, h4 { color:#222222;  font-family:'Open Sans Condensed', Calibri, sans-serif;  font-weight:normal; font-style:normal; margin-bottom:20px; margin-top:10px;}
#pagecontentwrapper h1 {margin-bottom:10px; font-size:50px }
#pagecontentwrapper h2 {margin-top:30px; margin-bottom:0px; font-size:42px }
#pagecontentwrapper h3 {margin-bottom:5px; margin-top:25px; font-size:36px  }
#pagecontentwrapper h4 {margin-bottom:0px; margin-top:25px; font-size:30px;  }
#pagecontentwrapper p {margin-bottom:20px; line-height:1.8em}

/* inner back to top link */
.backtop {font-size:15px;}

/* ----------------------------------------------------------------------------- */


/* ------------------------------ DATA TABLE  ---------------------------------- */
#internet-users-table { text-align:right; font-size: 15px;  border-bottom: 1px solid #ddd}
#internet-users-table td { padding:5px; border-bottom: 1px solid #ddd}
.tableheader { background-color:#696969; font-size: 14px;  color:#fff; text-align:right; }
.tabletr { background-color:#f7f7f7; border-bottom: 1px solid #000}
.tabletr:hover { background-color:#E1F0FF; color:#000;}
.val { font-size: 15px; color:#222; font-weight:bold; text-align:right}
.perc { font-size: 15px; color:#222; font-weight:bold}

.tabletrb { background-color:#ffffff;}
.tabletrb:hover { background-color:#E1F0FF; color:#000;}

.tabletotaline { background-color:#666; }
.tabletotal { background-color:#E4E4E4; color:#000;}

#usersbycountry a:link{text-decoration:underline;}
#usersbycountry  a:visited{text-decoration:underline;}
#usersbycountry a:hover{color:#0000FF; text-decoration:underline;}
/* ------------------------------------------------------------------------ */









/* if greater or equal to 1200 */
@media(min-width:1200px){

.container {max-width: 1035px!important;}

}

 /* if greater or equal to 992 */
@media(min-width:992px){

.header .navbar-collapse {margin-left: 0px;}


}



/* if less or equal to 767 

 [class*="col-"]{
      margin-bottom: 55px;
  }

*/
@media(max-width:767px){
.nav_buttons {margin-left: 38px;}
.navbar-collapse{margin-bottom: 25px;}

[class*="col-"]:not(:last-child){ margin-bottom: 50px; }

}