/*
  Bodygraphy
  Screen Stylesheet
*/

@font-face {
    font-family:Laffayette;
    src: url(/fonts/Laffayette_Comic_Pro.ttf);
}


/* common */
html, body {
    height:100%;
    padding:0px;
}

body {
	background:url(/images/body-bg.png);
	/*background-attachment:fixed;*/
}

body, p {
	/*font:200 17px 'Titillium Web', sans-serif;*/
	color:#222222;
}

p {
	/*font:200 17px 'Titillium Web', sans-serif;*/
	margin-bottom:16px;
	line-height:23px;
}

h1, h2, h3, h4, h5 {
	font-family:'Titillium Web', sans-serif;
	font-weight:600;
}

h1 {
	font-size:24px;
}

a {
	color:#428BCA;
	text-decoration:underline;
}

.no-margin {
	margin:0 !important;
}

.headline {
	font-size:46px;
	font-weight:300;
}

.yellow-text {
	color:#ecc200;
}

.green-text {
	color:#55a58e;
}

.purple-text {
	color:#5568a5;
}

.gray-text {
	color:#999999;
}

.legend-text {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

.center {
	display:inline-block;
}

.verticalcentered{
	position:relative; 
	top: 50%; 
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.padded {
	padding-right:30px;
}

img.border {
	border:8px solid #d1d1d1;
}

img.bg_gray {
	/*	background-color:#efefef; */
	/* background:transparent url('/images/body-bg.png') top center repeat; */
}

.torso img.bg_gray {
	/* background:transparent url('/images/background_tile_0.png') top left no-repeat;
	background-size:500px Auto; */
}

.rounded {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.rounded-bottom {
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

.grayBar {
	width:100%;
	background-color:#222222; 
	padding-bottom:40px;
}

.grayBar h3 {
	color:#FFF;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
	
}


/* header */
header {
	float:left;
	width:100%;
}

.bluey
{
	display:inline-block;
	background-color:#01517C;
	padding-left:10px;
	padding-right:10px;
	border-radius:1px;
}

header .account-status {
	float:left;
	width:100%;
	height:5px;
	background-color:#222222;
}

header .account-status span {
	/* font-family:'Titillium Web', sans-serif; */
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	line-height:20px;
	text-transform:uppercase;
}

header .account-status a {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

header .account-status strong {
	color:#333333;
	padding:0 15px;
}

header .logo-nav {
	float:left;
	width:100%;
	min-height:80px;
	background-color:#222222;
	background:#222222; /* Old browsers */
	background:-moz-linear-gradient(top,  #222222 0%, #212121 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#212121)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #222222 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #222222 0%,#212121 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #222222 0%,#212121 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #222222 0%,#212121 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 4px rgba(34,25,25,0.5);
	-moz-box-shadow:0 1px 4px rgba(34,25,25,0.5);
	-webkit-box-shadow:0 1px 4px rgba(34,25,25,0.5);
	border-bottom:5px solid #01699E;
}

header .logo-nav .logo {
	float:left;
	width:159px;
	height:29px;
	margin-top:20px;
}

header .nav-toggle,
header .nav-toggle:hover {
	float:right;
	margin-top:24px;
	color:#222222;
}

header nav {
	float:left;
	clear:both;
	width:100%;
	display:none;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
}

header nav a {
	float:left;
	width:100%;
	height:80px;
	padding-top:23px;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

header nav a:hover,
header nav a.selected {
	color:#FFFFFF;
	background-color:#333333;
	background:#222222;
	background:-moz-linear-gradient(top,  #222222 0%, #333333 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#333333));
	background:-webkit-linear-gradient(top,  #222222 0%,#333333 100%);
	background:-o-linear-gradient(top,  #222222 0%,#333333 100%);
	background:-ms-linear-gradient(top,  #222222 0%,#333333 100%);
	background:linear-gradient(to bottom,  #222222 0%,#333333 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=0 );
	text-decoration:none;
}

header nav a i {
	font-size:18px;
}

/* forms */
.form-control {
	height:34px;
	color:#222222;
	background-color:#e3e7e8;
	border:1px solid #c7c7c7;
	border-radius:0px;
}

.help-inline {
	font-size:13px;
	color:#666666;
}

.form-control.height:after {
	content:'cm';
}

.form-control.weight:after {
	content:'kg';
}

.input-threequarters {
	width:75%;
}

.input-twothirds {
	width:66%;
}

.input-half {
	width:50%;
}

.input-third {
	width:33%;
}

.input-quarter {
	width:25%;
}

.input-fifth {
	width:20%;
}


/* buttons */
.btn {
	color:#ffffff;
	text-shadow:1px 1px 0px rgba(0, 0, 0, 0.24);
	text-decoration:none;
	/*-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;*/ 		/*tried to remove round borders but didn't work...*/
}

.btn:hover,
.btn:active {
	color:#ffffff;
}

.btn-green {
	background:#222222; /* Old browsers */
	background:-moz-linear-gradient(top,  #222222 0%, #555555 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#555555)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #222222 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #222222 0%,#555555 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #222222 0%,#555555 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #222222 0%,#555555 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
	border-color:#222222;
	text-transform: none;
}

.btn-green:hover {
	background:#555555; /* Old browsers */
	background:-moz-linear-gradient(top,  #555555 0%, #222222 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #555555 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #555555 0%,#222222 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #555555 0%,#222222 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #555555 0%,#222222 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}

.btn-facebook {
	background:#406399; /* Old browsers */
	background:-moz-linear-gradient(top,  #406399 0%, #507cc0 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#406399), color-stop(100%,#507cc0)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #406399 0%,#507cc0 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #406399 0%,#507cc0 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #406399 0%,#507cc0 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #406399 0%,#507cc0 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#406399', endColorstr='#507cc0',GradientType=0 ); /* IE6-9 */
	border-color:#406399;
	text-transform: none;
}

.btn-facebook:hover {
	background:#507cc0; /* Old browsers */
	background:-moz-linear-gradient(top,  #507cc0 0%, #406399 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#507cc0), color-stop(100%,#406399)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #507cc0 0%,#406399 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #507cc0 0%,#406399 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #507cc0 0%,#406399 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #507cc0 0%,#406399 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#507cc0', endColorstr='#406399',GradientType=0 ); /* IE6-9 */
}

.btn-google {
	background:#B23A26; /* Old browsers */
	background:-moz-linear-gradient(top,  #B23A26 0%, #DF4930 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#B23A26), color-stop(100%,#DF4930)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #B23A26 0%,#DF4930 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #B23A26 0%,#DF4930 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #B23A26 0%,#DF4930 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #B23A26 0%,#DF4930 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#B23A26', endColorstr='#DF4930',GradientType=0 ); /* IE6-9 */
	border-color:#B23A26;
	text-transform: none;
}

.btn-google:hover {
	background:#DF4930; /* Old browsers */
	background:-moz-linear-gradient(top,  #DF4930 0%, #B23A26 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DF4930), color-stop(100%,#B23A26)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #DF4930 0%,#B23A26 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #DF4930 0%,#B23A26 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #DF4930 0%,#B23A26 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #DF4930 0%,#B23A26 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#DF4930', endColorstr='#B23A26',GradientType=0 ); /* IE6-9 */
}

.btn-white {
	background:#FFFFFF; /* Old browsers */
	background:-moz-linear-gradient(top,  #FFFFFF 0%, #F5F5F5 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #55a58e 0%,#F5F5F5 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #FFFFFF 0%,#F5F5F5 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #FFFFFF 0%,#F5F5F5 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #FFFFFF 0%,#F5F5F5 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* IE6-9 */
	border-color:#BDBDBD;
	text-transform: none;
	color:#000000;
	text-shadow:none;
}

.btn-white:hover {
	background:#EFEFEF; /* Old browsers */
	background:-moz-linear-gradient(top,  #EFEFEF 0%, #FFFFFF 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #EFEFEF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #EFEFEF 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #EFEFEF 0%,#FFFFFF 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #EFEFEF 0%,#FFFFFF 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	border-color:#D3D3D3;
	color:#000000;
}

.btnclicked {
	-webkit-box-shadow:inset 0 7px 9px -5px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 7px 9px -5px rgba(0,0,0,0.2);
	box-shadow:inset 0 7px 9px -5px rgba(0,0,0,0.2);
}

.btn-yellow {
	background:#e9c000; /* Old browsers */
	background:-moz-linear-gradient(top,  #e9c000 0%, #c19f00 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9c000), color-stop(100%,#c19f00)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #e9c000 0%,#c19f00 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #e9c000 0%,#c19f00 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #e9c000 0%,#c19f00 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #e9c000 0%,#c19f00 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c000', endColorstr='#c19f00',GradientType=0 ); /* IE6-9 */
	border-color:#b7a700;
	text-transform: none;
}

.btn-yellow:hover {
	background:#c19f00; /* Old browsers */
	background:-moz-linear-gradient(top,  #c19f00 0%, #e9c000 98%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c19f00), color-stop(98%,#e9c000)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #c19f00 0%,#e9c000 98%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #c19f00 0%,#e9c000 98%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #c19f00 0%,#e9c000 98%); /* IE10+ */
	background:linear-gradient(to bottom,  #c19f00 0%,#e9c000 98%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19f00', endColorstr='#e9c000',GradientType=0 ); /* IE6-9 */
}

.btn-purple {
	background:#5568a4; /* Old browsers */
	background:-moz-linear-gradient(top,  #5568a4 0%, #465688 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5568a4), color-stop(100%,#465688)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #5568a4 0%,#465688 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #5568a4 0%,#465688 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #5568a4 0%,#465688 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #5568a4 0%,#465688 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5568a4', endColorstr='#465688',GradientType=0 ); /* IE6-9 */
	border-color:#364677;
	text-transform: none;
}

.btn-purple:hover {
	background:#465688; /* Old browsers */
	background:-moz-linear-gradient(top,  #465688 0%, #5568a4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#465688), color-stop(100%,#5568a4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #465688 0%,#5568a4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #465688 0%,#5568a4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #465688 0%,#5568a4 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #465688 0%,#5568a4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#465688', endColorstr='#5568a4',GradientType=0 ); /* IE6-9 */
}


/* breadcumbs */
.breadcrumb {
	padding:0;
	margin:24px 0 0 0;
	background-color:transparent;
}

.breadcrumb>li {
	font-size:12px;
}

.breadcrumb>li a {
	color:#5568a5;
	text-decoration:underline;
}

.breadcrumb>li+li:before {
	content:"\003e";
}


/* content containers */
.content-frame {
	margin:24px 0 28px 0 ;
	border:1px solid #e3e7e8;
	-webkit-box-shadow:4px 5px 0px 0px rgba(50, 50, 50, 0.06);
	-moz-box-shadow:   4px 5px 0px 0px rgba(50, 50, 50, 0.06);
	box-shadow:        4px 5px 0px 0px rgba(50, 50, 50, 0.06);
}

.content-frame.white {
	background-color:#FFF;
}

.content-frame.padded {
	padding:20px 14px;
	text-align:center;
}

.content-frame.left {
	text-align:left;
}

.content-frame h5 {
	margin:0;
}

.content-frame time {
	font-size:13px;
	color:#999999;
}

.content-header {
	padding:0 15px;
	height:48px;
	background-color:#222222;
	border-bottom:5px solid #01699E;
	border-radius:1px;
}

.content-header h1,
.content-header h2 {
	color:#FFF;
	font:600 24px/43px 'Titillium Web', sans-serif;
	margin:0;
}

.content-header h2 {
	font-size:18px;
	display:block;	
}

.content-header a.right,
.content-header date {
	float:right;
	font-size:13px;
	font-weight:bold;
	color:#ecc200;
	line-height:43px;
	text-transform:uppercase;
	text-decoration:none;
}

.content-header a {
	color:white;
	text-decoration:none;
}

.content-container {
	padding:30px 15px;
	background-color:#FFF;
}

.content-container div[class*='col-'] {
	padding:0;
}

.content-container div[class*='col-'].padded {
	padding:0 15px;
}

.content-container date {
	display:block;
	font-size:0.8em;
	color:#aaaaaa;
	margin-bottom:0.5em;
}


/* insets */
.inset {
	background-color:#e3e7e8;
	padding:24px;
	margin-bottom:20px;
	-webkit-box-shadow:inset 1px 1px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 1px 1px 4px 0px rgba(0,0,0,0.2);
	box-shadow:inset 1px 1px 4px 0px rgba(0,0,0,0.2);
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

.inset h3 {
	margin:0 0 20px 0;
	font:600 18px/18px 'Titillium Web', sans-serif;
}

.inset ul,
.inset li {
	list-style:none;
	margin:0;
	padding:0;

}

.inset li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #c7c7c7
}

.inset li:last-child {
	border-bottom:none;
}

.inset p,
.inset a {
	font-size:14px;
	margin-bottom:0;
}

/* tabs */
.nav>li>a {
	padding:5px 10px 8px 10px;
}

.nav-tabs {
	margin-top:24px;
	border-bottom:none;
}

.nav-tabs>li {
	margin-right:8px;
}

.nav-tabs>li>a {
	color:#222222;
	text-decoration:none;
}

.nav-tabs>li.active>a{
	-webkit-box-shadow:4px 0px 0px 0px rgba(50, 50, 50, 0.06);
	-moz-box-shadow:   4px 0px 0px 0px rgba(50, 50, 50, 0.06);
	box-shadow:        4px 0px 0px 0px rgba(50, 50, 50, 0.06);
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color:#222222;
}

.nav-tabs li.active a {
	font-weight:bold;
}

.tab-content.content-frame {
	margin-top:0;
}

.tab-content .tab-pane {
	background-color:#FFF;
}

.tab-content .content-container {
	padding:30px 20px;
}


/* rating squares */
.rating-square {
	width:100px;
	height:96px;
	/*padding:22px 0 0 15px;*/
	padding:0px 0 0 0px;
}

.rating-square strong {
	/*font-size:36px;
	line-height:36px;
	color:#222222;*/
	text-transform:uppercase;
	font-family:'Titillium Web', sans-serif;
	font-weight:bold;
}


.rating-square p {
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
}

.rating-square.yellow {
	background-color:#FFF;		/* #ecc200 */
}


/* scales */
.scale {
	position:relative;
	width:89px;
	height:313px;
	background:url(/images/scale-large-bg.png) top right no-repeat;
	cursor:pointer;
}

.scale .bar {
	position:absolute;
	bottom:0px; 
	left:0;
	width:7px;
	background:rgba(0,0,0,1);
}

.scale .bar-holder {
	position:absolute;
	width:7px;
	height:291px;
	bottom:5px;
	left:0;
	overflow:hidden;
}

#myscore {
	position:absolute;
	bottom:-2em;
	left:4em;
	font-size:0.8em;
	width:15em;
}


/* stats widgets */
.stats-widget {
	position:relative;
	width:136px;
	height:88px;
}

.stats-widget .scale {
	float:left;
}

.stats-widget .scale .bar {
	background:rgba(0,0,0,1);
	bottom:0; 
}

.stats-widget strong {
	position:absolute;
	top:22px;
	left:47px;
	font-size:34px;
	line-height:34px;
	font-weight:bold;
	color:black;
}

.stats-widget p {
	position:absolute;
	top:59px;
	left:47px;
	color:black;
	text-transform:uppercase;
	font-weight:bold;
}

.stats-widget.podium {
	width:auto;
}

.stats-widget.podium strong {
	color:#2492C1;
	top:3px;
	left:94px;
}

.stats-widget.podium p {
	color:#2492C1;
	top:-10px;
	left:94px;
}

/* comparev2 page */
.comp1 {
position:relative;
cursor:pointer;
}

.comp2 {
position:relative;
cursor:pointer;
}

.textcomp {
	display:none;
	position:absolute;
	top:0;
	width:100%;
	height:50px;
	line-height:50px;
	background:#999;
	background:rgba(255,255,255,0.8);
	font-size:22px;
	text-align:center
}

.comp1:hover .textcomp {
	display:block
}

.comp2:hover .textcomp {
	display:block
}

.bodytype {
	text-transform:uppercase;
	font-family:'Titillium Web', sans-serif;
	font-weight:bold;
}

.tablestats {
	font-family:'Titillium Web', sans-serif;
}


/* charts */

.chart#progress_chart {
	width:100%; 
	height:420px;
}

/* homepage */
#homepage .intro {
	width:100%;
}

#homepage .intro h2 {
	color:#ecc200;
	font-size:46px;
}

#homepage .intro img {
	float:right;
	width:100%;
	max-width:480px;
}

#homepage .ctas .col-md-2 {

}

#homepage .ctas .row>div {
	text-align:center;
}

#homepage .ctas .row>div img {
	margin-top:24px;
	width:70%;
	max-width:199px;
}

#homepage .ctas .row>div>div {
	max-width:200px;
	margin:0 auto;
}

#homepage .ctas p {
	color:#FFF;
}

#homepage .content-frame {
	width:100%;
}


/* dashboard */
#dashboard .btn.create {
	margin-top:16px;
}

#dashboard .ctas {
	margin:20px 0;
}

/* profile */
#profile {
	position:relative;
}

.avatar {
	float:left;
	border:1px solid lightgrey;
}

/* profile summary */
.profile-summary {
	float:left;
	margin-left:10px;
}

.profile-summary h4 {
	margin:0;
}

/* profile */
#profile .addthis_toolbox {
	margin-top:20px;
}

#profile .about {
	margin-top:20px;
}

.profile-form .avatar {
	z-index:10000;
	float: none;
}

#fos_user_profile_form_username {
	width:70%!important;
}	

/* Bodygraph Reports */

.hidingdiv{
	background:white;
	position:absolute;
	z-index:500;
	height:400px;
	width:100px;
	left:-5px;
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

.sexiness:hover .hidingdiv{
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
	   -moz-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
		 -o-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
			transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
}

.hidingdiv:hover{
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
	   -moz-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
		 -o-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
			transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
}

.sexiness:not(:hover) .hidingdiv{
	visibility:visible;
	opacity:1;
	-webkit-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
	   -moz-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
		 -o-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
			transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
}

.hidingdiv:not(:hover){
	visibility:visible;
	opacity:1;
	-webkit-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
	   -moz-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
		 -o-transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
			transition:visibility 0.5s linear 0.5s,opacity 0.5s linear;
}

#report .photo {
	width:100%;
}

#report .sexiness strong {
	float:right;
	font-size:16px;
}

#report .sexiness .scale{
	float:right;
	margin:22px 0 0 22px;
}

#report .grayBar {
	padding-bottom:20px;
	margin-bottom:24px;
}

#report .grayBar p {
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}

#report .rating-square {
	margin-top:22px;
}

#report .grayBar .stats-widget {
	margin-top:29px;
}

#report .grayBar .stats-widget.podium {
	margin-top:39px;
}

#comparison_tables {
	overflow-x:auto;
	overflow-y:hidden;
}

#comparison_tables table {
	float:left;
}

#comparison_tables table tbody td {
	text-align:center;
}

#comparison_tables .rating-square {
	margin:0 auto;
}

/* fixed footer related (keeps footer at base on short pages) */  
 #site_container { 
 	min-height:100%; 
 }

 * html #site_container { 
 	height:100%; 
 }

 footer { 
 	/* margin:-172px auto 0 auto;  */
	margin:-149px auto 0 auto; 
 	color:#efefef;
 	padding-top:1em;
	border-top:5px solid #01699E;
 }

 #clear_footer { 
 	height:172px; 
 	margin-top:40px;
 }
 
 
 /* footer */
 footer { 
 	width:100%; 
 	background-color:#222222; 
 }

/* Images */

.thumb_small {
	float:left;
	max-width:135px;
	margin-right:1em;
	margin-bottom:1em;
}

.thumb_big {
	float:left;
	max-width:270px;
	margin-right:1em;
	margin-bottom:1em;
}

.thumb_big img,
.thumb_small img {
	border:1px solid #efefef;
	padding:4px;
}


/* Read more link */
.more {
	float:right;
	font-size:0.8em;
	font-weight:bold;
	color:#ecc200;
	line-height:2em;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:1em;
}

/* Admin Links*/
a.admin-link {
	font-weight:bold;
	text-decoration:none;
	font-size:0.8em;
	display:block;
	clear:both;
}

/* List item padding */
.listitem {
	/*margin-bottom:1em;*/
	background-color:#fff;
}

/* Groups */
ul.members {
	list-style-type:none;
}

.members li {
	display:inline;
	margin-right:1em;
	float:left;
}

.group_edit {
	position:relative;
}

.group_edit .avatar {
	position:absolute;
	right:0px;
	z-index:10000;
}

.group_edit #form_name {
	width:70%!important;
}

.edit_form .torso {
	 position:absolute; 
	 right:3em;
	 z-index:1000;
	 background-color:White;
}

.edit_form .torso img {
	width:420px;
}

.edit_form .torso .msg {
	display:none;
	position:absolute;
	padding:5px;
	font-size:0.8em;
	top:5px;
	left:5px;
	background-color:#d1d1d1;
	color:Black;
}

.edit_form .torso:hover .msg {
	display:block;
}

.report_upload_image button {
	margin-top:1em;
	margin-bottom:1em;
}

.upload-avatar {
	position:relative;
	border-right: auto;
	border-left: auto;
}

.upload-avatar .msg {
	display:none;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	width: 80px;
	left: 0;
	right: 0;
	padding:5px;
	font-size:0.8em;
	top:5px;
	background-color:#000;
	color:White;
}

.upload-avatar:hover .msg {
	display:block;
}

/*-------------------------
      Comments
-------------------------*/

 .comments {
  list-style-type:none;
  padding:0px;
}

 .comments li date {
  font-size:0.9em;
  color:#ccc;
  clear:both;
}

 .comments li .meta {
  font-size:0.9em;
  color:#ccc;
  clear:both;
}

 .comments li {
  padding:10px;
  font-size:0.9em;
}

.box.white {
    background-color:#FFFFFF;
    border:1px solid #e2e1e2;
}

.box.padded {
    padding:10px!important;
}

/*-------------------------
    Search Results
--------------------------*/
.search-select-bodytype1{
	font-family:'Titillium Web', sans-serif;
	text-transform:uppercase;
	background-color:#C1C1C1;
	font-weight:bold;
	color:Black;
	text-shadow:1px 1px 1px Lightgrey;
	border:white;
	font-size:13px;
}

.search-select-bodytype2{
	font-family:'Titillium Web', sans-serif;
	text-transform:uppercase;
	background-color:#6EA2D3;
	font-weight:bold;
	color:Black;
	text-shadow:1px 1px 1px Lightgrey;
	border:white;
	font-size:13px;
}

.search-select-bodytype3{
	font-family:'Titillium Web', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:Black;
	text-shadow:1px 1px 1px Lightgrey;
	border:white;
	font-size:13px;
	border-left:1px solid lightgrey; 
	border-bottom:1px solid lightgrey; 
	border-top:1px solid lightgrey
}

.search-result {
	text-align:left;
	border-bottom:1px dotted #eee;
	min-height:1em;
	padding:1em 0px;
	position:relative;
}

.search-result a {
	color:Black;
	font-weight:bold;
	text-decoration:none;
}

.search-result a:hover {
	color:#55a58e;
}

.search-result .style {
	position:absolute;
	right:0px;
	bottom:-1px;
	width:50px;
	font-size:0.7em;
	background-color:#eee;
	padding:0.2em;
	text-align:center;
	color:#aaa;
	text-transform:uppercase;
}

.search-result datetime {
	font-size:0.8em;
	color:#aaa;
}

#bodybase_search_results .col-md-3 img ,
#comparison_tables img {
	width:216px!important;
	max-height:240px;
}

#advanced_toggle_switch a {
	float:right;
	font-size:0.8em;
	color:#aaa;
	text-decoration:none;
}

/*-------------------------
    Dropbox Element
--------------------------*/

#dropbox{
    background:#d1d1d1;
    overflow:hidden;
    position:relative;
    min-height:15em;
    margin-bottom:1em;
}

#dropbox .message{
    font-size:11px;
    text-align:center;
    padding-top:155px;
    display:block;
}

#dropbox .message i{
    color:#ccc;
    font-size:4px;
}

#dropbox:before{
    border-radius:3px 3px 0 0;
}

/*-------------------------
    Image Previews
--------------------------*/

#dropbox .preview{
	width:300px;
	height:300px;
	margin:20px auto;
	position:relative;
	text-align:center;
}

#dropbox .preview img{
	max-width:280px;
	max-height:280px;
	border:3px solid #fff;
	display:block;
	
	box-shadow:0 0 2px #000;
}

#dropbox .imageHolder{
	display:inline-block;
	position:relative;
}

#dropbox .uploaded{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url('/images/done.png') no-repeat center center rgba(255,255,255,0.5);
	display:none;
}
#dropbox .preview.done .uploaded{
    display:block;
}

/*-------------------------
	Progress Bars
--------------------------*/

#dropbox .progressHolder{
	position:absolute;
	background-color:#252f38;
	height:12px;
	width:100%;
	left:0;
	bottom:0;
	
	box-shadow:0 0 2px #000;
}

#dropbox .progress{
	background-color:#2586d0;
	position:absolute;
	height:100%;
	left:0;
	width:0;
	
	box-shadow:0 0 1px rgba(255, 255, 255, 0.4) inset;
	
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}

#dropbox .preview.done .progress{
	width:100% !important;
}

#examples,
#draw {
	padding:1em;
	border:1px solid #d1d1d1;
	text-align:center;
}

#rotateme {
	position:absolute;
	top:10px;
	right:10px;
	z-index:10000;
}

/* Facebook comments */
.fb-comments, .fb-comments span, .fb-comments iframe[style] {width:100% !important;}

#search_bodybase .values {
	display:block;
	clear:both;
	line-height:2em;
	padding-top:0.5em;	
	padding-bottom:1em;
}

#search_bodybase .values .lower {
	float:left;
}

#search_bodybase .values .upper {
	float:right;
}

/** LOGIN FORM **/
.account-status .container .pull-right {
	position:relative;
}

#login_over {
	position:absolute;
	z-index:10000;
	right:0px;
	top:36px;
	background-color:White;
	border:1px solid #222;
	padding:0.5em;
	color:Black;
}

/** NEWS CAROUSEL **/
#newsCarousel .carousel-control {
	background-image:none;
	color:Black;
}

#newsCarousel .carousel-control .glyphicon-chevron-right {
	right:10%;
}

#newsCarousel .carousel-control .glyphicon-chevron-left {
	left:10%;
}

#newsCarousel .listitem {
	min-height:250px;
}

#newsCarousel .more {
	margin-right:10em;
}

/** SOCIAL BAR **/
#social-bar,
#foot-links {
	width:20%;
}

#social-bar li,
#foot-links li {
	line-height:28px;
	padding-left:30px;
	position:relative;
	list-style-type:none;
}

#social-bar i,
#foot-links i {
	font-size:1.3em;
	position:absolute;
	left:0px;
	line-height:28px;
}

#social-bar a,
#foot-links a {
	text-decoration:none;
}

#foot-links {
	float:right;
}

#copyright {
	display:block;
	width:100%;
	clear:both;
	bottom:0px;
	text-align:center;
	font-size:0.8em;
}

/** ADVERTS **/
.recommended-product {
	width:100%;
	height:150px;
	/* background-color:#d7d7d7; */
	margin-top:10px;
}

.recommended-product.profile {
	width:100%;
	height:280px;
	/* background-color:#d7d7d7; */
	margin-top:10px;
}

.recommended-product.profile a {
	float:left;
	margin:20px;	
}

.sports_listing img {
	max-width:100px;
	max-height:100px;
	margin-right:1em;
}

.ratings_listing {
	list-style-type:none;
}

.reportitem img,
.similaritem img {
	max-width:200px;	/* 156 */
	max-height:200px;	/* 156 */
}

.image-overlay {
	position:absolute;
	background-color:Black;
	text-align:center;
	font-size:3.0em;
	display:none;
	color:White;
	font-weight:normal;
	
  /* IE 8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter:alpha(opacity=50);

  /* Netscape */
  -moz-opacity:0.5;

  /* Safari 1.x */
  -khtml-opacity:0.5;

  /* Good browsers */
  opacity:0.5;

}

.torso .image-overlay {
	width:100%;
	height:100%;
	padding-top:40%;
}

.bodydata-row{
	opacity:0.3;
}

.bodydata-row:hover{
	opacity:1.0;
}

.bodydata-row:hover .datapop{
	visibility:visible;
}

.bodydata-row:hover .datapop2{
	visibility:visible;
}

.datapop2:hover {
	visibility:visible;
}

.ratediv{
	cursor:pointer;
}

.ratetext{
	font-family:'Titillium Web';
	visibility:hidden;
}

.ratediv:hover .ratetext{
	visibility:visible;
}


/* Extra small devices (phones, less than 638px) */
/* No media query since this is the default in Bootstrap */

/* Smaller than iphone*/
@media (min-width:1px) {

	.bodydata0{
		width:90%;
	}

	.robpiccreation{
		right: 1%; 
		top: 22em;
	}
	
	.snapbtns{
		position:fixed; 
		bottom:15%; 
		left:50%; 
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}
	
	.snapbtn{
		font-size:16px;
	}

	.bubblecontainer
	{
	position:absolute;
	bottom:73px;
	right:0px;
	width:80px;
	height:65px;
	}

	.bubble
	{
	position:relative;
	font-size:9px;
	line-height:13px;
	font-weight:normal;
	font-family:'Laffayette';
	}

	.therobot{
		width:230px;
		position:absolute;
		bottom:-80px;
		right:-10px;
	}

	.bodyshapelegend{
		display:inline-block;
		position:relative;
		top:-25px;
		left:-10px;
	}

	.similar_container{
		 max-height:550px;
	}

	.stats-area{
		position:relative; 
		top:50%; 
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		height:100px; 
		margin-bottom:-40px
	}

	.three-cols-img{
		width:210px;
		height:250px;
	}

	.coverflow-switches{
		position:absolute; 
		top:-25px; 
		left:15px; 
		font-family:"Titillium Web";
	}
	
	.coverflow-switches-2{
		position:absolute; 
		top:-25px; 
		left:15px; 
		font-family:"Titillium Web";
	}
	
	.coverflow-switches-3{
		position:absolute;
		top:28px;
		left:5px; 
		font-family:"Titillium Web";
	}

	.intro-headline{
		font-size:35px; 
		font-family:'Roboto';
		color:white;
		font-weight:normal;
	}

	.intro-title-span{
		font-size:30px; 
		font-family:'Roboto';
		text-align:justify;
	}
	
	.intro-paragraph{
		font-family:'Roboto', sans-serif;
		font-size:14px; 
		margin-bottom:14px;
		text-align:justify;
		line-height:22px;
	}
	
	.beta_email{
		width:51%; 
		display:inline-block
	}

	.col-vs-special2{
		width:100%;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
	}
	
	.showdownvs{
		font-size:55px;
		font-weight:bold;
		position:relative;
		top:-30px;
	}
	
	.col-vs-special{
		width:100%;
		display:inline-block;
		min-width:505px;
		margin-left:-90px;
		margin-right:-90px;
		width:505px;
		margin-top:-80px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.67);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.67);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.67);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.67);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.67);
		-webkit-filter:blur(0px);
	}
	
	.col-vs-special3{
		width:100%;
		display:inline-block;
		min-width:505px;
		margin-left:-90px;
		margin-right:-90px;
		width:505px;
		margin-top:-80px;
		margin-bottom:-100px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.67);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.67);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.67);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.67);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.67);
		-webkit-filter:blur(0px);
	}
	

	.coverflow-container{
		position:relative; 
		top:-80px; 
	}

	.minireport{
		height:400px;
		width:290px;
		margin-bottom:-150px;
		margin-left:-110px;
		margin-right:-50px;
		margin-top:-110px;
		/*transform*/
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.32);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.32);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.32);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.32);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.32);
	}
	
	.minireport:hover{
		/*transform*/
		-webkit-transform:scale(0.6);
		   -moz-transform:scale(0.6);
			-ms-transform:scale(0.6);
			 -o-transform:scale(0.6);
				transform:scale(0.6);
	}

	.votingarrow{
		font-size:25px
	}
	
	.votearea{
		position:absolute; 
		height:85px; 
		width:120px; 
		left:175px; 
		bottom:146px; 
	}
	
	.ratetext{
		font-size:14px;
		display:inline-block; 
		position:relative; 
		top:-2px; 
		left:5px;
	}

	.morphing_height_fix{
		height:370px;
	}
	
	.sub-lg-heightfix{
		height:0px;
	}
	
	.sub-lg-heightfix-half{
		height:0px;
	}

	.Morphingdiv{
		display:inline-block;
		transform:scale(0.82,0.82);
		-webkit-transform:scale(0.82,0.82);
		-ms-transform:scale(0.82,0.82);
		-moz-transform:scale(0.82,0.82);
		-o-transform:scale(0.82,0.82);
		position:relative;
		left:-40px;
		top:-30px;
	}
	
	.Morphingdiv_pop{
		position:absolute; 
		bottom:374px; 
		right:-58px; 
		width:160px; 
		height:50px; 
		border:1px solid rgba(0,0,0,0.2); 
		border-radius:1px; 
		padding-right:auto; 
		padding-left:auto;
	}
	
	.Morphingdivtitle{
		font-size:18px;
		left:-40px;
		position:relative;
	}

	.Managebtn{
		font-size:12px;
	}
	
	.Morphingbtn{
		font-size:12px;
	}
	
	.Comparebtn{
		font-size:12px;
	}

	.lg-mobile-height-fix{
		height:20px;
	}
	

	.cmttext{
		font-size:16px;
		float:right;
		line-height:30px;
		text-transform:uppercase;
		text-decoration:none;
	}

	.pvttext1{
		display:inline-block; 
		height:28px; 
		background-color:#BA4444; 
		position:absolute; 
		margin-left:20px; 
		top:50%; 
		transform:translateY(-50%); 
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		border-radius:1px;
	}
	
	.pvttext2{
		font-weight:normal; 
		font-size:16px; 
		color:white; 
		text-indent:0px; 
		position:relative;
		top:-8px;
	}

	.datapopcontainer1{
		position:relative; 
		top:-70px; 
		left:-80px;
	}

	.datapopcontainer2{
		position:relative; 
		top:-65px; 
		left:-80px;
	}

	.datapop{
		z-index:100;
		visibility:hidden;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		padding-right:15px;
		height:auto;
		position:absolute;
		top: 20px;
		left:225px;
		background:white;
		font-size:12px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.datapop2{
		z-index:100;
		visibility:hidden;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		padding-right:15px;
		height:auto;
		position:absolute;
		top: 20px;
		left:215px;
		background:white;
		font-size:12px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.sexywarning{
		font-style: italic; 
		position:relative; 
		top:4px; 
		left:0px; 
		font-size: 9px
	}

	.bodytypediv{
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
		-ms-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);
		-o-transform:scale(0.8,0.8);
		position:absolute; 
		bottom:20px; 
		right:40px;
	}
	
	.bodytypediv:hover .datapop{
		visibility:visible;
	}

	.specialvs{
		width:100%;
	}

	.mobile-width-fix{
		width:20px;
	}

	.stats-widget .scale{
		width:23px;
		height:89px;
		background:url(/images/stats-widget-scale-bg.png) top right no-repeat;
		background-size:10px 88px;
	}
	
	.bodydataspan3{
		font-size:20px;
	}
	
	.bodydataspan1{
		font-size:60px;
	}
	
	.bodydata{
		height:400px;
	}
	
	.bodydatafemale{
		height:340px;
	}

	.bodydataspan2{
		font-size:40px;
	}
	
	.bodydatap{
		font-size:13px;
		line-height:16px;
		text-transform:uppercase;
		font-weight:bold;
		color:black;
		position:absolute;
		top:60px;
		left:50px;
		width:150px;
		font-family:'Titillium Web';
	}

	.bodydata0-content{
		font-size:31px;
	}

	.reportcontrolpanel{
		padding:10px 20px 20px 20px; 
		border:1px solid rgba(0,0,0,0.2); 
		border-radius:3px; 
		background:white; 
		position:absolute; 
		top:55px; 
		right:7px; 
		z-index:100; 
		visibility:hidden;
	}

	.report-btns{
		position:absolute; 
		right:5%;
		top:20px;
	}
	
	.mobile-no-show{
		display:none;
	}

	.signup-title{
		margin-top:0px;
		margin-bottom:0px;
		font-size:20px;
	}
	
	.signup-p{
		font-size:13px; 
		font-family:'Titillium Web';
	}
	
	.signup-radios{
		position:relative; 
		width:260px; 
		margin-left:auto; 
		margin-right:auto;
	}

	.btn-signup{
		height:35px; 
		font-size:13px; 
		line-height:22px; 
		width:230px;
		color:rgba(0,0,0,1); 
		font-family:'Titillium Web';
	}

	.mobile-height-fix{
		height:20px;
	}
	
	.mobile-height-fix-10{
		height:10px;
	}
	
	.desktop-height-fix{
		height:0px;
	}
	
	.desktop-height-fix-5{
		height:0px;
	}

	.content-header-report{
		height:110px;
	}

	/* intro */
	.Intro-shadow{
		margin-bottom:80px;
	}
	
	.intro80container {
	width:100%; 	
	}
	

	.colfrontpage{
		height:380px; 
		padding-top:auto; 
		padding-bottom:auto;
	}
	
	.colfrontpage-left{
		position:relative;
		height:380px; 
		padding-top:auto; 
		padding-bottom:auto;
	}
	
	.colfrontpage-right{
		position:relative;
		height:380px; 
		padding-top:auto; 
		padding-bottom:auto;
	}
	
	/* header */
	header .logo-nav .logo {
		width:196px;
		height:auto;
		margin-top:25px;					/*Change here to vertically align header nav bar*/
	}
	
	/* register page */
	.registercol1{
	width:90%; 
	display:block;
	position:relative;
	padding-left:auto;
	padding-right:auto;
	margin-left:auto;
	margin-right:auto;
	}
	.registercol2{
	width:90%; 
	display:block;
	height:410px;
	position:relative;
	padding-left:auto;
	padding-right:auto;
	margin-left:auto;
	margin-right:auto;
	}
}


/* iPhone (560px and up) */
@media (min-width:560px) {

	.bodydata0{
		max-width:380px; 
		width:70%;
	}
	
	/* header */
	header .nav-toggle {
		display:none;
	}

	header nav {
		display:block !important;
		float:right;
		clear:none;
		width:auto;
		border-right:1px solid #212121;
	}

	header nav a {
		width:70px;
		border-left:1px solid #212121;
	}


	/* homepage */
	#homepage .ctas .row>div img {
		width:100%;
	}

}


/* bootstrap overrides / additions */


/* Small devices (tablets, 638px and up) */
@media (min-width:638px) {

	.robpiccreation{
		right: 5%; 
		top: 22em;
	}

	.snapbtns{
		position:absolute; 
		bottom:5%; 
		left:50%; 
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}

	.snapbtn{
		font-size:20px;
	}

	.bubblecontainer
	{
	position:absolute;
	bottom:47px;
	right:-2px;
	width:70px;
	height:65px;
	}

	.bubble
	{
	position:relative;
	font-size:8px;
	line-height:11px;
	font-weight:normal;
	font-family:'Laffayette';
	}

	.therobot{
		width:200px;
		position:absolute;
		bottom:-80px;
		right:-10px
	}

	.bodyshapelegend{
		display:block;
		position:absolute;
		top:40px;
		left:-7px;
		transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
	}

	.similar_container{
		 max-height:400px;
	}

	.three-cols-img{
		width:180px;
		height:210px;
	}

	.coverflow-switches{
		position:absolute; 
		top:-60px; 
		left:140px; 
		font-family:"Titillium Web";
	}
	
	.coverflow-switches-2{
		position:absolute; 
		top:-60px; 
		left:245px; 
		font-family:"Titillium Web";
	}
	
	.coverflow-switches-3{
		position:absolute; 
		top:15px; 
		left:205px; 
		font-family:"Titillium Web";
	}
	
	.intro-title-span{
		font-size:25px; 
		font-family:'Roboto';
	}
	
	.intro-paragraph{
		font-size:12px; 
	}
	

	.beta_email{
		width:60%; 
		display:inline-block
	}

	.col-vs-special{
		width:100%;
		display:inline-block;
		min-width:505px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(1.0);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(1.0);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(1.0);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(1.0);
		backface-visibility:hidden;
		transform:translateZ(0) scale(1.0);
		-webkit-filter:blur(0px);
	}
	
	.col-vs-special3{
		width:100%;
		display:inline-block;
		min-width:505px;
		margin-right:auto;
		margin-left:auto;
		margin-top:-40px;
		margin-bottom:-20px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.85);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.85);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.85);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.85);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.85);
		-webkit-filter:blur(0px);
	}
	
	.col-vs-special2{
		width:100%;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
	}
	
	.showdownvs{
		font-size:55px;
		font-weight:bold;
		position:relative;
		margin-top:50px;
		top:0px;
	}

	.coverflow-container{
		position:relative; 
		top:-55px; 
	}

	.votingarrow{
		font-size:18px
	}
	
	.votearea{
		position:absolute; 
		height:60px; 
		width:120px; 
		left:145px; 
		bottom:44px; 
	}
	
	.ratetext{
		font-size:10px;
		display:inline-block; 
		position:relative; 
		top:-2px; 
		left:3px;
	}


	.sub-lg-heightfix{
		height:20px;
	}
	
	.sub-lg-heightfix-half{
		height:10px;
	}

	.morphing_height_fix{
		height:auto;
	}

	.Morphingdiv{
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		left:0px;
		top:0px;
	}
	
	.Morphingdivtitle{
		font-size:16px;
		left:0px;
	}
	
	.Morphingdiv_pop{
		position:absolute; 
		bottom:370px; 
		right:-100px; 
		width:160px; 
		height:50px; 
		border:1px solid rgba(0,0,0,0.2); 
		border-radius:1px; 
		padding-right:auto; 
		padding-left:auto;
	}

	.cmttext{
		font-size:11px;
		float:right;
		line-height:26px;
		text-transform:uppercase;
		text-decoration:none;
	}

	.pvttext1{
		display:inline-block; 
		height:18px; 
		background-color:#BA4444; 
		position:absolute; 
		margin-left:12px; 
		top:50%; 
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		border-radius:1px;
	}
	
	.pvttext2{
		font-weight:normal; 
		font-size:10px; 
		color:white; 
		text-indent:0px; 
		position:relative;
		top:-13px;
	}

	.datapopcontainer1{
		position:relative; 
		top:-55px; 
		left:-5px;
	}
	
	.datapopcontainer2{
		position:relative; 
		top:-50px; 
		left:-28px;
	}

	.datapop{
		z-index:100;
		visibility:hidden;
		padding-top:5px;
		padding-left:8px;
		padding-right:8px;
		height:26px;
		position:absolute;
		left:120px;
		top: 45px;
		background:white;
		font-size:10px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.datapop2{
		z-index:100;
		visibility:hidden;
		padding-top:5px;
		padding-left:8px;
		padding-right:8px;
		height:auto;
		position:absolute;
		left:120px;
		top: 45px;
		background:white;
		font-size:10px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.sexywarning{
		font-style: italic; 
		position:relative; 
		top:4px; 
		left:15px; 
		font-size: 10px
	}

	.bodytypediv{
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
		-ms-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);
		-o-transform:scale(0.8,0.8);
		position:absolute; 
		bottom:-22px; 
		right:16px;
	}

	.indentfix{
		text-indent:0px;
		padding-left:7px;
		font-size:18px;
		line-height:25px;
	}

	.mobile-margin-fix{
		margin-left:2%;
		margin-right:2%;
		width:46%;
	}

	.bodydataspan3{
		font-size:14px;
	}

	.Managebtn{
		position:absolute;
		right:4px;
		top:68px;
		font-size:10px;
		right:-15px;
	}
	
	.Morphingbtn{
		position:absolute;
		right:4px;
		top:34px;
		font-size:10px;
		right:-15px;
	}
	
	.Comparebtn{
		position:relative;
		font-size:10px;
		right:-15px;
	}
	
	.bodydata-row{
		margin-bottom:2px;
		margin-top:2px;
	}
	
	.stats-widget{
		height:60px;
	}

	.stats-widget .scale .bar{
		width:4px;
	}
	
	.stats-widget .scale{
		position:absolute;
		top:17px;
		width:14px;
		height:40px;
		background:url(/images/stats-widget-scale-bg.png) top right no-repeat;
		background-size:7px 40px;
	}
	
	.bodydata-container{
		position:relative;
		left:-15px;
		top:-10px;
	}
	
	.bodydataspan1{
		font-size:28px;
	}

	.bodydataspan2{
		font-size:20px;
	}
	
	.bodydatap{
		font-size:11px;
		line-height:12px;
		top:50px;
		left:48px;
	}

	.bodydata0{
		height:42px;
	}
	
	.bodydata0-content{
		font-size:18px;
	}
	
	.bodydata0-age{
		position:relative;
		top:-12px;
	}

	.bodydata{
		height:183px;
	}
	
	.bodydatafemale{
		height:150px;
	}
	
	.reportcontrolpanel{
		top:74px; 
		right:45px; 
	}

	.report-btns{
		position:absolute; 
		right:45px;
		top:0px;
	}

	.mobile-no-show{
		display:block;
	}

	.signup-title{
		margin-top:20px;
		margin-bottom:15px;
		font-size:24px;
	}

	.signup-p{
		font-size:18px; 
	}
	
	.signup-radios{
		width:335px; 
	}

	.btn-signup{
		width:300px;
		height:40px; 
		font-size:16px; 
		line-height:25px; 
	}

	.mobile-height-fix{
		height:0px;
	}
	
	.mobile-height-fix-10{
		height:0px;
	}
	
	.desktop-height-fix{
		height:20px;
	}
	
	.content-header-report{
		height:75px;
	}

	.colfrontpage{
		height:300px; 
		padding-top:auto; 
		padding-bottom:auto;
	}

	.colfrontpage-left{
		height:300px; 
		padding-top:auto; 
		padding-bottom:auto;
		position:absolute;
		left:0px;
	}
	
	.colfrontpage-right{
		height:300px; 
		padding-top:auto; 
		padding-bottom:auto;
		position:absolute;
		right:0px;
	}
	
	/* content containers */
	.content-header {
		margin-top:0;
		padding:0 68px;
	}

	.content-container {
		padding:30px 68px;
	}

	.content-container.less-padding {
		padding:30px;
	}
}


/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {

	.bubblecontainer
	{
	position:absolute;
	bottom:68px;
	right:0px;
	width:80px;
	height:65px;
	}

	.bubble
	{
	position:relative;
	font-size:9px;
	line-height:13px;
	font-weight:normal;
	font-family:'Laffayette';
	}

	.therobot{
		width:225px;
		position:absolute;
		bottom:-80px;
		right:-10px
	}

	.bodyshapelegend{
		display:block;
		position:absolute;
		top:40px;
		left:7px;
		transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
	}
	
	.stats-area{
		position:relative; 
		top:50%; 
		transform:translateY(-50%); 
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		height:70px; 
		margin-bottom:0px;
	}

	.three-cols-img{
		width:210px;
		height:250px;
	}

	.intro-title-span{
		font-size:30px; 
		font-family:'Roboto';
	}
	
	.intro-paragraph{
		font-size:14px;
	}
	

	.col-vs-special{
		width:100%;
		display:inline-block;
		min-width:505px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(1.0);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(1.0);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(1.0);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(1.0);
		backface-visibility:hidden;
		transform:translateZ(0) scale(1.0);
		-webkit-filter:blur(0px);
	}
	
	.col-vs-special3{
		width:100%;
		display:inline-block;
		min-width:505px;
		margin-right:auto;
		margin-left:auto;
		margin-top:-40px;
		margin-bottom:-20px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.85);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.85);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.85);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.85);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.85);
		-webkit-filter:blur(0px);
	}
	
	.col-vs-special2{
		width:100%;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
	}
	
	.showdownvs{
		font-size:55px;
		font-weight:bold;
		position:relative;
		margin-top:50px;
		top:0px;
	}

	.minireport{
		height:400px;
		width:290px;
		margin-bottom:-140px;
		margin-left:-110px;
		margin-right:-50px;
		margin-top:-100px;
		/*transform*/
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.37);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.37);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.37);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.37);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.37);
	}
	
	.minireport:hover{
		/*transform*/
		-webkit-transform:scale(0.6);
		   -moz-transform:scale(0.6);
			-ms-transform:scale(0.6);
			 -o-transform:scale(0.6);
				transform:scale(0.6);
	}
	
	.votingarrow{
		font-size:25px
	}
	
	.votearea{
		position:absolute; 
		height:70px; 
		width:120px; 
		left:150px; 
		bottom:60px; 
	}
	
	.ratetext{
		font-size:12px;
		display:inline-block; 
		position:relative; 
		top:-7px; 
		left:5px;
	}

	.cmttext{
		font-size:12px;
		float:right;
		line-height:26px;
		text-transform:uppercase;
		text-decoration:none;
	}

	.pvttext1{
		display:inline-block; 
		height:20px; 
		background-color:#BA4444; 
		position:absolute; 
		margin-left:15px; 
		top:50%; 
		transform:translateY(-50%); 
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		border-radius:1px;
	}
	
	.pvttext2{
		font-weight:normal; 
		font-size:12px; 
		color:white; 
		text-indent:0px; 
		position:relative;
		top:-12px;
	}

	.datapopcontainer1{
		position:relative; 
		top:-55px; 
		left:-70px;
	}
	
	.datapopcontainer2{
		position:relative; 
		top:-50px; 
		left:-70px;
	}

	.datapop{
		z-index:100;
		visibility:hidden;
		padding-top:8px;
		padding-left:10px;
		padding-right:10px;
		height:34px;
		position:absolute;
		top: 10px;
		left:170px;
		background:white;
		font-size:11px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.datapop2{
		z-index:100;
		visibility:hidden;
		padding-top:8px;
		padding-left:10px;
		padding-right:10px;
		height:auto;
		position:absolute;
		top: 0px;
		left:170px;
		background:white;
		font-size:11px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.sexywarning{
		font-style: italic; 
		position:relative; 
		top:4px; 
		left:20px; 
		font-size: 10px
	}

	.stats-widget .scale .bar{
		width:6px;
	}

	.bodytypediv{
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
		-ms-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);
		-o-transform:scale(0.8,0.8);
		position:absolute; 
		bottom:-10px; 
		right:30px;
	}

	.indentfix{
		text-indent:0px;
		padding-left:7px;
		font-size:20px;
		line-height:30px;
	}

	.mobile-margin-fix{
		margin-left:2%;
		margin-right:2%;
		width:46%;
	}

	.bodydataspan3{
		font-size:14px;
	}

	.Managebtn{
		font-size:12px;
		right:-15px;
	}
	
	.Comparebtn{
		position:relative;
		font-size:12px;
		right:-15px;
	}
	
	.Morphingbtn{
		font-size:12px;
		right:-15px;
	}
	
	.bodydata-row{
		margin-bottom:4px;
		margin-top:4px;
	}

	.stats-widget .scale{
		position:relative;
		top:8px;
		width:15px;
		height:55px;
		background:url(/images/stats-widget-scale-bg.png) top right no-repeat;
		background-size:6px 55px;
	}
	
	.bodydata-container{
		position:relative;
		left:-15px;
		top:-7px;
	}
	
	.bodydataspan1{
		font-size:35px;
	}

	.bodydataspan2{
		font-size:24px;
	}
	
	.bodydatap{
		font-size:11px;
		line-height:14px;
		top:50px;
		left:50px;
	}

	.bodydata0{
		height:70px;
	}
	
	.bodydata0-content{
		font-size:24px;
	}
	
	.bodydata0-age{
		position:relative;
		top:-8px;
	}

	.bodydata{
		height:217px;
	}
	
	.bodydatafemale{
		height:178px;
	}
	
	.reportcontrolpanel{
		top:74px; 
		right:45px; 
	}

	.report-btns{
		position:absolute; 
		right:45px;
		top:0px;
	}

	.mobile-no-show{
		display:block;
	}

	.signup-title{
		margin-top:20px;
		margin-bottom:15px;
		font-size:24px;
	}

	.signup-p{
		font-size:18px; 
	}
	
	.signup-radios{
		width:335px; 
	}

	.btn-signup{
		width:300px;
		height:40px; 
		font-size:16px; 
		line-height:25px; 
	}

	.mobile-height-fix{
		height:0px;
	}
	
	.mobile-height-fix-10{
		height:0px;
	}
	
	.desktop-height-fix{
		height:20px;
	}
	
	.content-header-report{
		height:75px;
	}

	.colfrontpage{
		height:300px; 
		padding-top:auto; 
		padding-bottom:auto;
	}

	/* content containers */
	.content-header {
		margin-top:0;
		padding:0 68px;
	}

	.content-container {
		padding:30px 68px;
	}

	.content-container.less-padding {
		padding:30px;
	}
}


/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

	.robpiccreation{
		right: 9%; 
		top: 20em;
	}

	.bubblecontainer
	{
	position:absolute;
	bottom:100px;
	right:-5px;
	width:100px;
	height:65px;
	}

	.bubble
	{
	position:relative;
	font-size:10px;
	line-height:15px;
	font-weight:normal;
	font-family:'Laffayette';
	}

	.therobot{
		width:270px; 
		position:absolute;
		bottom:-80px;
		right:-10px
	}

	.bodyshapelegend{
		display:inline-block;
		position:relative;
		top:-25px;
		left:-10px;
		transform:none;
		-webkit-transform:none;
		-ms-transform:none;
		-moz-transform:none;
		-o-transform:none;
	}

	.stats-area{
		position:relative; 
		top:50%; 
		transform:translateY(-50%); 
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		height:100px; 
		margin-bottom:0px;
	}

	.col-vs-special{
		width:47%;
		min-width:505px;
		margin-right:-35px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.87);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.87);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.87);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.87);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.87);
		-webkit-filter:blur(0px);
		margin-left:-35px;
	}
	
	.col-vs-special3{
		width:47%;
		min-width:505px;
		margin-right:-35px;
		margin-top:-20px;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.85);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.85);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.85);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.85);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.85);
		-webkit-filter:blur(0px);
		margin-left:-35px;
	}
	
	.col-vs-special2{
		width:5.5%;
		margin-left:5px;
		margin-right:5px;
		position:relative;
		left:5px;
		top:-220px;
		margin-top:0px;
	}

	.minireport{
		height:400px;
		width:290px;
		margin-bottom:-110px;
		margin-left:-80px;
		margin-right:-20px;
		margin-top:-75px;
		/*transform*/
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.5);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.5);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.5);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.5);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.5);
	}
	
	.minireport:hover{
		/*transform*/
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			 -o-transform:scale(0.8);
				transform:scale(0.8);
	}

	.votingarrow{
		font-size:30px;
	}
	

	.votearea{
	position:absolute; 
	height:90px; 
	width:120px; 
	left:190px; 
	bottom:100px; 
	}
	
	.ratetext{
		font-size:14px;
		display:inline-block; 
		position:relative; 
		top:-5px; 
		left:5px;
	}

	.cmttext{
		font-size:14px;
		float:right;
		line-height:26px;
		text-transform:uppercase;
		text-decoration:none;
	}

	.pvttext1{
		display:inline-block; 
		height:24px; 
		background-color:#BA4444; 
		position:absolute; 
		margin-left:18px; 
		top:50%; 
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		border-radius:1px;
	}
	
	.pvttext2{
		font-weight:normal; 
		font-size:14px; 
		color:white; 
		text-indent:0px; 
		position:relative;
		top:-10px;
	}
	
	.datapopcontainer1{
		position:relative; 
		top:-45px; 
		left:-98px;
	}
	
	.datapopcontainer2{
		position:relative; 
		top:-40px; 
		left:-98px;
	}

	.datapop{
		visibility:hidden;
		padding-top:10px;
		padding-left:15px;
		padding-right:15px;
		height:38px;
		position:absolute;
		left:240px;
		top: -40px;
		background:white;
		font-size:12px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.datapop2{
		visibility:hidden;
		padding-top:10px;
		padding-left:15px;
		padding-right:15px;
		height:auto;
		position:absolute;
		left:230px;
		top: -40px;
		background:white;
		font-size:12px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.sexywarning{
		font-style: italic; 
		position:relative; 
		top:4px; 
		left:20px; 
		font-size: 11px
	}

	.bodytypediv{
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		position:absolute; 
		bottom:20px; 
		right:60px;
	}


	.indentfix{
		text-indent:0px;
		padding-left:7px;
		font-size:22px;
		line-height:32px;
	}

	.mobile-margin-fix{
		margin-left:0%;
		margin-right:0%;
		width:25%;
	}

	.mobile-width-fix{
		width:0px;
	}

	.bodydataspan3{
		font-size:20px;
	}

	.Managebtn{
		font-size:14px;
		position:relative;
		left:0px;
		top:0px;
	}
	
	.Morphingbtn{
		font-size:14px;
		position:absolute;
		right:0px;
		top:40px;
	}
	
	.Comparebtn{
		font-size:14px;
		right:0px;
	}

	.bodydata-row{
		margin-bottom:0px;
		margin-top:0px;
	}

	.bodydata-container{
		position:relative;
		left:0px;
		top:0px;
	}

	.stats-widget .scale{
		top:0px;
		width:23px;
		height:89px;
		background:url(/images/stats-widget-scale-bg.png) top right no-repeat;
		background-size:10px 88px;
	}

	.bodydataspan1{
		font-size:50px;
	}

	.bodydataspan2{
		font-size:36px;
	}
	
	.bodydatap{
		font-size:13px;
		line-height:16px;
		top:60px;
		left:50px;
	}

	.bodydata0-age{
		position:relative;
		top:0px;
	}

	.bodydata0-content{
		font-size:31px;
	}

	.bodydata0{
		height:auto;
	}

	.bodydata{
		height:320px;
	}
	
	.bodydatafemale{
		height:273px;
	}
	
	.reportcontrolpanel{
		top:34px; 
		right:179px; 
	}
	
	/* register page */
	.registercol1{
	width:45%; 
	display:inline-block;
	}
	
	.registercol2{
	width:47%; 
	display:inline-block;
	height:410px; 
	position:relative; 
	vertical-align: top;
	top: -20px;
	}
	
	/* intro */
	.Intro-shadow{
		margin-bottom:-50px;
	}
	
	.introcontainer {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	/* showdown page */
	.showdownvs{
		position:relative;
		font-size:45px;
		margin-left:auto;
		margin-right:auto;
	}

	/* bootstrap overrides / additions */
	.fivecolumn .col-md-2 {
		width:20%;
		*width:20%;
	}

	/* header */
	header .logo-nav .logo {
		width:260px;
		height:auto;
		margin-top:17px;					/*Change here to vertically align header nav bar*/
	}

	header nav a {
		width:130px;
		font-size:15px;
		padding-top:20px;					/*Change here to vertically align header nav bar*/
	}

	/* content */
	.content-container .col-md-3 {
		padding:0 15px !important;
	}

	/* sidebar */
	.sidebar {
		margin-top:24px;
	}

	.sidebar .content-frame {
		margin-top:0;
	}

	/* homepage */
	#homepage .ctas .row>div>div.metrics {
		float:left;
	}

	#homepage .ctas .row>div>div.share {
		float:right;
	}

	/* dashboard */
	#dashboard .sidebar .latest-news {
		margin-top:34px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

	.robpiccreation{
		right: 9%; 
		top: 15em;
	}

	.desktop-height-fix-5{
		height:5px;
	}

	.bubblecontainer
	{
	position:absolute;
	bottom:98px;
	right:-5px;
	width:100px;
	height:65px;
	}

	.bubble
	{
	position:relative;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	font-family:'Laffayette';
	}


	.therobot{
		width:270px; 
		position:absolute;
		bottom:-80px;
		right:-10px;
	}

	.stats-area{
		position:relative; 
		top:50%; 
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		height:100px; 
		margin-bottom:-40px
	}


	.col-vs-special{
		width:47%;
		margin-right:auto;
		margin-left:auto;
		-webkit-transform:none;
		-moz-backface-visibility:hidden;
		-moz-transform:none;
		-o-backface-visibility:hidden;
		-o-transform:none;
		-ms-backface-visibility:hidden;
		-ms-transform:none;
		backface-visibility:hidden;
		transform:none;
	}
	
	.col-vs-special3{
		width:49%;
		margin-right:auto;
		margin-left:auto;
	}
	
	.col-vs-special2{
		width:5%;
		position:relative;
		top:-220px;
		left:11px;
		margin-right:auto;
		margin-left:auto;
	}

	.minireport{
		height:400px;
		width:290px;
		margin-bottom:-84px;
		margin-left:-58px;
		margin-right:-7px;
		margin-top:-56px;
		/*transform*/
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateZ(0) scale(0.6);
		-ms-backface-visibility:hidden;
		-ms-transform:translateZ(0) scale(0.6);
		-moz-backface-visibility:hidden;
		-moz-transform:translateZ(0) scale(0.6);
		-o-backface-visibility:hidden;
		-o-transform:translateZ(0) scale(0.6);
		backface-visibility:hidden;
		transform:translateZ(0) scale(0.6);
	}
	
	.minireport:hover{
		/*transform*/
		-webkit-transform:scale(1.0);
		   -moz-transform:scale(1.0);
			-ms-transform:scale(1.0);
			 -o-transform:scale(1.0);
				transform:scale(1.0);
	}
	
	.votearea{
	position:absolute; 
	height:90px; 
	width:120px; 
	left:200px; 
	bottom:160px; 
	}
	
	.sub-lg-heightfix{
		height:0px;
	}
	
	.sub-lg-heightfix-half{
		height:0px;
	}
	
	.lg-mobile-height-fix{
		height:0px;
	}
	
	.pvttext1{
		display:inline-block; 
		height:28px; 
		background-color:#BA4444; 
		position:absolute; 
		margin-left:20px; 
		top:50%; 
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		border-radius:1px;
	}
	
	.pvttext2{
		font-weight:normal; 
		font-size:16px; 
		color:white; 
		text-indent:0px; 
		position:relative;
		top:-8px;
	}

	.datapopcontainer1{
		position:relative; 
		top:-30px; 
		left:-90px;
	}

	.datapopcontainer2{
		position:relative; 
		top:-30px; 
		left:-90px;
	}
	
	.indentfix{
		text-indent:0px;
		padding-left:7px;
		font-size:26px;
		line-height:36px;
	}

	.datapop{
		visibility:hidden;
		padding-top:10px;
		padding-left:15px;
		padding-right:15px;
		height:38px;
		position:absolute;
		top: 0px;
		left:250px;
		background:white;
		font-size:12px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.datapop2{
		visibility:hidden;
		padding-top:10px;
		padding-left:15px;
		padding-right:15px;
		height:auto;
		position:absolute;
		top: 0px;
		left:225px;
		background:white;
		font-size:12px;
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.2);
	}
	
	.sexywarning{
		font-style: italic; 
		position:relative; 
		top:4px; 
		left:20px; 
		font-size: 11px
	}
	
	.specialvs{
		width:4%;
	}

	.stats-widget .scale{
		width:23px;
		height:89px;
		background:url(/images/stats-widget-scale-bg.png) top right no-repeat;
		background-size:10px 88px;
	}

	.bodydata{
		height:425px;
	}	
	
	.bodydatafemale{
		height:365px;
	}

	/* header */
	header nav a {
		width:170px;
	}
	
}

/* Bodygraph Extra Pictures Gallery */
.edit-btn-extrapic {
    position:relative;
    top:-130%;
    left:4%;
	display:none;
    background:url('/images/edit_btn_extrapics_light.png') no-repeat scroll;
	background-size:100% 100%;
    width:25%;
    height:25%;
    padding:0px;
    cursor:pointer !important;
}

.delete-btn-extrapic {
    position:relative;
    top:-155%;
	left:72%;
	display:none;
    background:url('/images/delete_btn_extrapics_light.png') no-repeat scroll;
	background-size:100% 100%;
    width:25%;
    height:25%;
    padding:0px;
    cursor:pointer !important;
}

.extrapic{
/* 	height:110px;
	width:110px; */
}

.extrapic .report{
	height:auto;
	width:100%;
}

.extrapic:hover .edit-btn-extrapic {
	display:block;
}

.extrapic:hover .delete-btn-extrapic {
	display:block;
}

.delete-btn-extrapic:hover {
	background:url('/images/delete_btn_extrapics.png') no-repeat scroll;
}

.edit-btn-extrapic:hover {
	background:url('/images/edit_btn_extrapics.png') no-repeat scroll;
}

.gallerypic{
	max-width:100%;
	height:auto;
}

.gallerypic:hover .right-arrow-gallery {
	display:block;
}

.gallerypic:hover .left-arrow-gallery {
	display:block;
}

.gallerypic .report {
	max-width:100%;
	height:auto;
}
.fancybox-wrap{
	max-width:98%;
	height:auto;
}
.fancybox-inner{
	max-width:100%;
	height:auto;
}

.fancybox-inner p{
	max-width:100%;
	width:600px; 
	padding-left:15px; 
	padding-right:15px;
}

.gif-button {
    cursor:pointer;
    position:absolute;
    top:5%;
    right:5%;
}

.right-arrow-gallery {
	display:none;
    background:url('/images/arrow_gallery_right_light.png') no-repeat scroll;
    padding:0px;
    cursor:pointer !important;
	width:87px;
    height:86px;
    position:absolute;
    top:40%;
    right:0px;
}

.right-arrow-gallery:hover {
	background:url('/images/arrow_gallery_right.png') no-repeat scroll;
}

.left-arrow-gallery {
	display:none;
    background:url('/images/arrow_gallery_left_light.png') no-repeat scroll;
    padding:0px;
    cursor:pointer !important;
	width:87px;
    height:86px;
    position:absolute;
    top:40%;
    left:0px;
}

.left-arrow-gallery:hover {
	background:url('/images/arrow_gallery_left.png') no-repeat scroll;
}

/* Coverflow Effect */

#coverflowlist ul{
	margin:100px auto;
	width:500px;
	height:160px;
	/*perspective*/
	-webkit-perspective:600px;
	   -moz-perspective:600px;
		-ms-perspective:600px;
		 -o-perspective:600px;
			perspective:600px;
}

#coverflowlist ul li{
	display:inline-block;
	margin-right:-15px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:0px;
	z-index:50;
	background-color:white;
	background-image:-webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:-moz-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	width:204px;
	height:262px;
	padding:4px;
	list-style:none;
	text-align:center;
	/*transform*/
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
	
	-webkit-transform:rotateY(25deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(25deg) scale(0.7) translateZ(0);
		-ms-transform:rotateY(25deg) scale(0.7) translateZ(0);
		 -o-transform:rotateY(25deg) scale(0.7) translateZ(0);
			transform:rotateY(25deg) scale(0.7) translateZ(0);
	/*transition*/
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
		 -o-transition:all .3s;
			transition:all .3s;
	border-radius:0px;
	border:1px solid lightgrey;
}

#coverflowlist ul li img{
	width:100% !important;
	height:auto !important;
}

/* l'element central */
#coverflowlist ul li:nth-child(1){
	/*transform*/
	-webkit-transform:rotateY(0) scale(0.8);
	   -moz-transform:rotateY(0) scale(0.8);
		-ms-transform:rotateY(0) scale(0.8);
		 -o-transform:rotateY(0) scale(0.8);
			transform:rotateY(0) scale(0.8);
	background-color:#white;
	z-index:55;
}

/* les elements qui suivent l'element central */
#coverflowlist ul li:nth-child(1) ~ li{
/*transform*/
	-webkit-transform:rotateY(-25deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(-25deg) scale(0.7);
		-ms-transform:rotateY(-25deg) scale(0.7);
		 -o-transform:rotateY(-25deg) scale(0.7);
			transform:rotateY(-25deg) scale(0.7);
}

#coverflowlist ul li:nth-child(1) ~ li{
	z-index:45;
}
#coverflowlist ul li:nth-child(2) ~ li{
	z-index:44;
}
#coverflowlist ul li:nth-child(3) ~ li{
	z-index:43;
}
#coverflowlist ul li:nth-child(4) ~ li{
	z-index:42;
}
#coverflowlist ul li:nth-child(5) ~ li{
	z-index:41;
}
#coverflowlist ul li:nth-child(6) ~ li{
	z-index:40;
}
#coverflowlist ul li:nth-child(7) ~ li{
	z-index:39;
}
#coverflowlist ul li:nth-child(8) ~ li{
	z-index:38;
}
#coverflowlist ul li:nth-child(9) ~ li{
	z-index:37;
}
#coverflowlist ul li:nth-child(10) ~ li{
	z-index:36;
}


#coverflowlist ul li:last-child,
#coverflowlist ul li:first-child{
    z-index:60;
}

#coverflowlist ul:hover li:not(:hover){
/*transform*/
	-webkit-transform:rotateY(25deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(25deg) scale(0.7);
		-ms-transform:rotateY(25deg) scale(0.7);
		 -o-transform:rotateY(25deg) scale(0.7);
			transform:rotateY(25deg) scale(0.7);
	background-color:white;
}
/* tous les elements survoles 
   ET meme ceux qui suivent l'élement central
   (surclasser)
*/
#coverflowlist ul li:hover,
#coverflowlist ul li:first-child:hover,
#coverflowlist ul li:nth-child(1) ~ li:hover{
	transition-delay:0.05s;
/*transform*/
	-webkit-transform:rotateY(0) scale(1.0);
	   -moz-transform:rotateY(0) scale(1.0);
		-ms-transform:rotateY(0) scale(1.0);
		 -o-transform:rotateY(0) scale(1.0);
			transform:rotateY(0) scale(1.0);
	z-index:65;
	background-color:#white;
}

#coverflowlist ul:hover li:hover ~ li{
	transition-delay:0.025s;
/*transform*/
	-webkit-transform:rotateY(-25deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(-25deg) scale(0.7);
		-ms-transform:rotateY(-25deg) scale(0.7);
		 -o-transform:rotateY(-25deg) scale(0.7);
			transform:rotateY(-25deg) scale(0.7);
}

/*OMBRES*/
#coverflowlist ul li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlist  ul li:nth-child(1){
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.2);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.2);
}

#coverflowlist ul li:nth-child(1) ~ li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlist ul:hover li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlist ul:hover li:hover{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.3);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.3);
}

#coverflowlist ul:hover li:hover ~ li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlist ul:hover li:hover .touch-hover-fix{
	position:relative;
	cursor:pointer !important;
	z-index:-100;
}








#coverflowlistv2 ul{
	margin:100px auto;
	width:500px;
	height:160px;
	/*perspective*/
	-webkit-perspective:600px;
	   -moz-perspective:600px;
		-ms-perspective:600px;
		 -o-perspective:600px;
			perspective:600px;
}

#coverflowlistv2 ul li{
	display:inline-block;
	margin-right:-15px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:0px;
	z-index:50;
	background-color:white;
	background-image:-webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:-moz-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	width:204px;
	height:328px;
	padding:4px;
	list-style:none;
	text-align:center;
	/*transform*/
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
	
	-webkit-transform:rotateY(18deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(18deg) scale(0.7) translateZ(0);
		-ms-transform:rotateY(18deg) scale(0.7) translateZ(0);
		 -o-transform:rotateY(18deg) scale(0.7) translateZ(0);
			transform:rotateY(18deg) scale(0.7) translateZ(0);
	/*transition*/
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
		 -o-transition:all .3s;
			transition:all .3s;
	border-radius:0px;
	border:1px solid lightgrey;
}

#coverflowlistv2 ul li img{
	width:100%;
	height:auto;
}

/* l'element central */
#coverflowlistv2 ul li:nth-child(1){
	/*transform*/
	-webkit-transform:rotateY(0) scale(0.8);
	   -moz-transform:rotateY(0) scale(0.8);
		-ms-transform:rotateY(0) scale(0.8);
		 -o-transform:rotateY(0) scale(0.8);
			transform:rotateY(0) scale(0.8);
	background-color:#white;
	z-index:55;
}

#coverflowlistv2 ul li h5{
	font-size: 15px;
}

/* les elements qui suivent l'element central */
#coverflowlistv2 ul li:nth-child(1) ~ li{
/*transform*/
	-webkit-transform:rotateY(-18deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(-18deg) scale(0.7);
		-ms-transform:rotateY(-18deg) scale(0.7);
		 -o-transform:rotateY(-18deg) scale(0.7);
			transform:rotateY(-18deg) scale(0.7);
}

#coverflowlistv2 ul li:nth-child(1) ~ li{
	z-index:45;
}
#coverflowlistv2 ul li:nth-child(2) ~ li{
	z-index:44;
}
#coverflowlistv2 ul li:nth-child(3) ~ li{
	z-index:43;
}
#coverflowlistv2 ul li:nth-child(4) ~ li{
	z-index:42;
}
#coverflowlistv2 ul li:nth-child(5) ~ li{
	z-index:41;
}
#coverflowlistv2 ul li:nth-child(6) ~ li{
	z-index:40;
}
#coverflowlistv2 ul li:nth-child(7) ~ li{
	z-index:39;
}
#coverflowlistv2 ul li:nth-child(8) ~ li{
	z-index:38;
}
#coverflowlistv2 ul li:nth-child(9) ~ li{
	z-index:37;
}
#coverflowlistv2 ul li:nth-child(10) ~ li{
	z-index:36;
}


#coverflowlistv2 ul li:last-child,
#coverflowlistv2 ul li:first-child{
    z-index:60;
}

#coverflowlistv2 ul:hover li:not(:hover){
/*transform*/
	-webkit-transform:rotateY(18deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(18deg) scale(0.7);
		-ms-transform:rotateY(18deg) scale(0.7);
		 -o-transform:rotateY(18deg) scale(0.7);
			transform:rotateY(18deg) scale(0.7);
	background-color:white;
}
/* tous les elements survoles 
   ET meme ceux qui suivent l'élement central
   (surclasser)
*/
#coverflowlistv2 ul li:hover,
#coverflowlistv2 ul li:first-child:hover,
#coverflowlistv2 ul li:nth-child(1) ~ li:hover{
	transition-delay:0.05s;
/*transform*/
	-webkit-transform:rotateY(0) scale(1.0);
	   -moz-transform:rotateY(0) scale(1.0);
		-ms-transform:rotateY(0) scale(1.0);
		 -o-transform:rotateY(0) scale(1.0);
			transform:rotateY(0) scale(1.0);
	z-index:65;
	background-color:#white;
}

#coverflowlistv2 ul:hover li:hover ~ li{
	transition-delay:0.025s;
/*transform*/
	-webkit-transform:rotateY(-18deg) scale(0.77) translate3d(-5px,0, -55px);
	   -moz-transform:rotateY(-18deg) scale(0.7);
		-ms-transform:rotateY(-18deg) scale(0.7);
		 -o-transform:rotateY(-18deg) scale(0.7);
			transform:rotateY(-18deg) scale(0.7);
}

/*OMBRES*/
#coverflowlistv2 ul li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlistv2  ul li:nth-child(1){
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.2);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.2);
}

#coverflowlistv2 ul li:nth-child(1) ~ li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlistv2 ul:hover li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,-5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlistv2 ul:hover li:hover{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.3);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 2px 10px rgba(0,0,0,.4),0 15px 20px -10px rgba(0,0,0,.3);
}

#coverflowlistv2 ul:hover li:hover ~ li{
/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.2) inset,5px 0px 5px -5px rgba(0,0,0,.4);
}

#coverflowlistv2 ul:hover li:hover .touch-hover-fix{
	position:relative;
	cursor:pointer !important;
	z-index:-100;
}

.touch-hover-fix{
	z-index:1;
	position:relative;
	display:block;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    -moz-backface-visibility:hidden;
    -moz-transform:translateZ(0);
    -o-backface-visibility:hidden;
    -o-transform:translateZ(0);
    -ms-backface-visibility:hidden;
    -ms-transform:translateZ(0);
    backface-visibility:hidden;
    transform:translateZ(0);
	cursor:pointer !important;
    -webkit-transition-delay:.1s;
    -moz-transition-delay:.1s;
    -ms-transition-delay:.1s;
    -o-transition-delay:.1s;
    -transition-delay:.1s;
}

.minireport{
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:50;
	background-color:white;
	background-image:-webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:-moz-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));
	list-style:none;
	text-align:center;
	-webkit-filter:blur(0px);

	/*transition*/
	-webkit-transition:all .2s;
	   -moz-transition:all .2s;
		 -o-transition:all .2s;
			transition:all .2s;
	border-radius:0px;
	border:1px solid lightgrey;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0px 0px 5px 1px rgba(0,0,0,.05);
			box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0px 0px 5px 1px rgba(0,0,0,.05);
    display:block;
	position:relative;
}

.minireport:hover{
	z-index:65;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0px 0px 10px 2px rgba(0,0,0,.3);
			box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0px 0px 10px 2px rgba(0,0,0,.3);
}

.minireport:hover .touch-hover-fix{
	position:relative;
	cursor:pointer !important;
	z-index:-100;
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -ms-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    -transition-delay:0.1s;
}

.extrapic-comp{
	height:72px;
	width:72px;
	display:inline-block;
	margin-right:4px;
	margin-top:30px;
}

.cloud_container{
	height:100%;
	width:100%;
}

input[type=range].vVertical {
    background-color:transparent;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    z-index:0;
}

.verticaltext {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.verticaltext2{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

.upsidedowntext{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}

.specialcell{
}

.specialcell span {
	color:#9E9E9E; 
	font-size:13px; 
	font-style:oblique;	
	display:none;
}

.specialcell:hover span{
	display:block;
}

.well:hover .infopopheight{
	display:block;
}

.specialcell:hover .infopop{
	display:block;
}

.specialcell:hover .infopopheight{
	display:block;
}

.specialcell2 {
}

.specialcell2:hover .infopop{
	display:block;
}

.specialcell2:hover .infopopheight{
	display:block;
}

.infopop {
	display:none;
	height:50px;
	width:150px;
	padding-top:12px;
	padding-left:auto;
	padding-right:auto;
	background-color:rgba(255,255,255,0.8);
	position:relative;
	margin-top:-25px;
	margin-bottom:-25px;
	margin-right:-90px;
	margin-left:-90px;
	left:110px;
	top:-45px;
	z-index:200;
	border:1px solid lightgrey;
	border-radius:2px;
}

.infopopsquare {
	display:none;
	height:60px;
	width:140px;
	padding-top:8px;
	padding-left:auto;
	padding-right:auto;
	background-color:rgba(255,255,255,1.0);
	position:absolute;
	z-index:200;
	border:1px solid lightgrey;
	border-radius:2px;
}

.infopopheight {
	display:none;
	height:70px;
	width:185px;
	padding-top:12px;
	padding-left:auto;
	padding-right:auto;
	background-color:rgba(255,255,255,0.8);
	position:relative;
	margin-top:-35px;
	margin-bottom:-35px;
	margin-right:-90px;
	margin-left:-90px;
	left:130px;
	top:-45px;
	z-index:200;
	border:1px solid lightgrey;
	border-radius:2px;
}

.Intro-picture{
	width:100%;
	height:auto;
	max-width:320px;
	min-width:290px;
	margin-top:35px; 
	margin-bottom:-50px;
	-webkit-transform:rotateY(-10deg) translate3d(0,0, -30px);
	   -moz-transform:rotateY(-10deg) translateZ(0);
		-ms-transform:rotateY(-10deg) translateZ(0);
		 -o-transform:rotateY(-10deg) translateZ(0);
			transform:rotateY(-10deg) translateZ(0);
}

.Intro-picture-div{
	-webkit-perspective:700px;
	   -moz-perspective:700px;
		-ms-perspective:700px;
		 -o-perspective:700px;
			perspective:700px;
}

.Intro-shadow{
	position:relative;
	top:55px;
	left:10px;
	height:30px;
	width:100%;
	max-width:380px;
	min-width:290px;
	background-image:radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.0) 100%);
	-webkit-transform:rotateY(-10deg) translateZ(0);
	   -moz-transform:rotateY(-10deg) translateZ(0);
		-ms-transform:rotateY(-10deg) translateZ(0);
		 -o-transform:rotateY(-10deg) translateZ(0);
			transform:rotateY(-10deg) translateZ(0);
}


.comp_homepage {
	width:100%;
	padding-left:auto; 
	padding-right:auto;
	position:relative;
	cursor:pointer;
}

.intro80container {
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
}

.antialias {
	-webkit-transform:translateZ(0);
	   -moz-transform:translateZ(0);
		-ms-transform:translateZ(0);
		 -o-transform:translateZ(0);
			transform:translateZ(0);
}

.intheworks {
	border:5px solid white;
	width:350px;
	line-height:50px;
	height:60px;
	position:absolute;
	top:50%;
	left:10%;
	border-radius:5px;
	background:#C60000;
	font-size:25px;
	color:white;
	opacity:0.1;
    -webkit-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    transform:rotate(-40deg);
	z-index:-1;
}

.col-md-6:hover .intheworks{
	opacity:0.6;
}

.spin{
    -webkit-animation-name:spinn;
    -webkit-animation-duration:25000ms;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:spinn;
    -moz-animation-duration:25000ms;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -ms-animation-name:spinn;
    -ms-animation-duration:25000ms;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    animation-name:spinn;
    animation-duration:25000ms;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

@-ms-keyframes spinn {
    from { -ms-transform:rotate(0deg); }
    to { -ms-transform:rotate(360deg); }
}
@-moz-keyframes spinn {
    from { -moz-transform:rotate(0deg); }
    to { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinn {
    from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}
@keyframes spinn {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.dsq-combo-box{
	background:white !important;
	border:1px solid lightgrey !important;
}

#dsq-combo-logo{
	display:none !important;
}

.tour-overlay {
  display:none;
  background:#666;
  opacity:0.5;
  z-index:997;
  min-height:100%;
  height:100%;
  position:fixed;
  top:0; right:0; bottom:0; left:0;
}

.tour-highlight {
  background:white;
  position:relative;
  border-radius:4px;
  box-shadow:inset 0 0 2px rgba( 0, 0, 0, 0.2 );
  z-index:998;
}

.hovergrey{
	color:rgba(0,0,0,0.25);
	cursor:pointer;
	text-decoration:none;
}

.hovergrey:hover{
	color:grey;
}

.btnhover:hover .infopopsquare{
	display:block;
}