/* Copyright Humanmetrics Inc. All Rights Reserved. */
body {

    /*padding-bottom: 20px;*/
    background-color: #D5E2CA;
    font-size:15px;
    /*color: #2C2C2C;*/
    /*font-family:Tahoma,Arial,Helvetica,sans-serif;*/ /*Georgia, Cambria,'Times New Roman',Times, serif;*/ /*Georgia, serif;*/  
}

/* Bootstrap modifiers and extensions */
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* That was in bootstrap 3.0 but removed in later versions */
@media screen and (max-width: 400px) {
  @-ms-viewport { width: 320px; }
}

@media (max-width:400px) 
{
    .hidden-mob {
        display: none !important;
        visibility: hidden !important;
    }
}

    blockquote {
        border-left-color:#8C8D8B; /*#BFD1B1;#D8D5AB;*/
        font-size:inherit;
    }

.navbar {border:none;margin-bottom:5px;}
.navbar-default {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(167,185,151,1)), color-stop(50%,rgba(242,247,237,1)), color-stop(100%,rgba(167,185,151,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(left,  rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(left,  rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* Opera 11.10+ */
    background-image: linear-gradient(to right,  rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b997', endColorstr='#a7b997',GradientType=1 ); /* IE6-8 */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #535353;
    -webkit-box-shadow: 1px 1px 6px #535353;
    border-collapse: separate; /* IE9 bug - required for box-shadow */
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:rgb(211, 219, 204);}

.navbar-default .navbar-nav>li>a {
  color: #505749;
}

.navbar-default .navbar-brand {
  color: #505749;
}
.navbar-brand, .navbar-nav>li>a {
  text-shadow: 0px 1px 3px #77816E;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color:rgb(211, 219, 204);
}

@media (min-width: 768px) and (max-width: 991px)
 {
	.nav > li > a {
		padding-right: 0px;
	}
}

@media (min-width: 1200px){
	.container {
		width: 1080px;
	}
}

/* Bootstrap modifiers END */

.hm_btngroup > .btn, .hm_btngroup > .btn-group {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* hm navigation START */
        .hm_navlisth, .hm_navtabh {
            text-shadow: 1px 1px 1px gray;
            font-size: 1.1em;
        }
        .active>.hm_navtabh{color: #C61F1E !important;font-weight: 600;}
        .hm_navlisth {
            color: #C61F1E !important;
            font-weight: 600;
            line-height: 1;
            display:block;
            padding: 10px 15px;
            margin-bottom: -1px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .hm_content_nav .hm_navlisth {background-color:#A7B997;}
        .hm_content_nav.hm_jtpw .hm_navlisth {background-color:#92AECF;}

        .hm_content_nav, .hm_pager li > a {
            box-shadow: 1px 1px 6px rgba(112, 112, 112, 0.75);
            background-color: #D0DBC6 /*#CAD8BF*/;
        }
        .hm_content_nav.hm_jtpw, .hm_pager.hm_jtpw li > a {background-color:#b9cde5;}

        .hm_content_nav {border-radius: 6px;}

        .hm_content_nav .list-group-item {
            background-color: #D0DBC6;
            border: none;
            color: #505749;
            /*text-shadow: 0px 1px 2px #77816E;*/
            font-size: 1.1em;
            line-height: 1;
        }
        .hm_content_nav.hm_jtpw .list-group-item  {color:#3A4F69;text-shadow: 0px 1px 2px #8FAED3;background-color:#b9cde5}

        .hm_list_item_sm {font-size:0.9em}

        .hm_pager li > a {
            border: none;
            color: #505749;
            text-shadow: 0px 1px 2px #77816E;
        }
        .hm_pager.hm_jtpw li > a {color:#3A4F69;text-shadow: 0px 1px 2px #8FAED3;}

        .hm_content_nav .list-group-item.active, .hm_content_nav .list-group-item:hover, .hm_content_nav .list-group-item:active, .hm_content_nav .list-group-item:focus, .hm_pager li > a:hover, .hm_pager li > a:active, .hm_pager li > a:focus, .hm_content_nav .row:hover {
            background-color: #BBCAAE;color: #505749;
        }

        .hm_content_nav.hm_jtpw .list-group-item.active, .hm_content_nav.hm_jtpw .list-group-item:hover, .hm_content_nav.hm_jtpw .list-group-item:active, .hm_content_nav.hm_jtpw .list-group-item:focus, .hm_pager.hm_jtpw li>a:hover,.hm_pager.hm_jtpw li>a:active,.hm_page.hm_jtpw li>a:focus 
        {background-color:#A3BBD8;color:#223A57;text-shadow: 0px 1px 2px #5E81AB;}


        .hm_content_nav .list-group-item:first-child {border-top-left-radius: 6px;border-top-right-radius: 6px;}

        @media(min-width:992px) {.hm_content_nav {margin-top: 16px;}}

        .hm_content_nav .nav-tabs  {border-top-left-radius: 6px;border-top-right-radius: 6px;}
        .nav-tabs.hm_jtt {background-color: #BBCAAE;border-bottom: 1px solid #D0DBC6/*#AFB9A5*/;}
        .nav-tabs.hm_jtpw {background-color: #A3BBD8;border-bottom: 1px solid #92AECF;}
        #tab_you {margin-left: 2.5%;/*width: 44%;*/padding-top: 6px;}
        #tab_yourb {margin-right: 2.5%;padding-top: 6px;}
        #tab_you>a,#tab_yourb>a{padding: 7px;}
        @media(min-width:1200px) {#tab_you>a,#tab_yourb>a{padding: 4px;}}
        #tab_you.active>a {background-color: #D0DBC6;}
        #tab_yourb.active>a {background-color: #b9cde5;}
        #tab_you.active>a, #tab_yourb.active>a {box-shadow: gray 1px 1px 1px;}
        @media(min-width:992px) and (max-width:1199px) {#tab_you,#tab_yourb {width:45%;}}
/* hm navigation END */

h2.TitleHRP 
{
    text-align:center;
    font-size:21px;
	color: #3775B3;
	font-style:italic;
    font-family: Arial, Helvetica;
    font-weight: bold;
    padding: 6px 0px 6px 0px;
    text-shadow: 1px 1px 2px rgb(156, 155, 155);
    margin-top:7px;
    margin-bottom:0px;
}

h2.TitleHM {
    color:#9C1F89;
}


div.hm_ad
{
    text-align: center;
}
span.hm_AdNotice
{
    display: block;
    font-size: 10px;
    color: #e87913;
    width: 100%;
}

    .hm_head, .hm_cont1, .hm_cont2, .hm_cont3, .hm_cont4, .hm_cont5, .hm_cont, .hm_cont6
    {
        border-radius: 6px;
        box-shadow: 1px 1px 6px #535353;
        border-collapse: separate; /* IE9 bug - required for box-shadow */
    }
    .hm_cont1 {background-color:rgb(238, 238, 238);}
    .hm_cont2
    {
        background-color:#eeebb6;
        background: linear-gradient(to right, rgba(238,235,182,1) 0%,rgba(252,250,250,0.8) 50%,rgba(238,235,182,1) 100%); /* W3C */
    }
    .hm_cont3 {
        background-color:#EDF2F8;
        /*background-color:#b9cde5;*/ 
        /*background: linear-gradient(to right, #b9cde5 0%, #ffffff 52%, #b9cde5 100%) fixed;*/
        background: linear-gradient(to right, #EDF3F9 0%, #FFFFFF 50%, #EDF3F9 100%) fixed;
    }
    .hm_head, .hm_cont4
    {
        background: rgb(167,185,151); /* Old browsers */
        background: linear-gradient(to right,  rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* W3C */
    }
    .hm_cont5 { background-color:#FFFCD7; }
    
    .hm_cont6 { /* yellow-gold-brown div that contains HM links */
        background-color: #EEEBB6;
        background: linear-gradient(to left,  rgba(238,235,182,1) 0%,rgba(255,255,255,1) 50%,rgba(238,235,182,1) 100%); /* W3C */
    }    
    /*.hm_cont6, .hm_cont6 a { color:#835020;}*//*brown font color */

    .hm_heading
    {
        color: #C61F1E;
        text-shadow: 1px 1px 2px gray;
    }
    
    .hm_author {font-size:90%;color:Gray; text-align:center; margin-top:-15px !important; margin-bottom:0px !important;}

    
    .hm_head { padding: 8px 0px 8px 0px; margin-top:15px; margin-bottom:15px;}
    .hm_head { text-align:center;}

     #share 
     {
        background-color:#D5E2CA;
        right: 0;
        left: 0;
        z-index: 1030; border-radius: 0;
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
     }
    @media (min-width: 768px) 
    {
     #share 
     {
         position: fixed;
     }
    }     

/* special styling of elements */
ul.checklist {
	list-style-image: url('../images/checkmark1.png');
}
ul.nobullets { list-style:none;}

.hm_condensed {line-height:1.3;}
.hm_condensed p, .hm_condensed ul {
    margin-top: 4px;
    margin-bottom: 4px;
}

.hm_rounded { border-radius: 6px; }
.hm_shadowed { border-collapse:collapse; box-shadow: 2px 2px 8px #535353; }
.hm_valign-top {vertical-align:top;}
.hm_new:before, .hm_new_es:before, .hm_new2:after, .hm_new2_es:after, .hm_es_prompt:before {color:#C61F1E;font-style:italic;text-shadow: 1px 1px 2px gray;}
.hm_new:before {content:"New! ";}
.hm_new2:after {content:" New!";}
.hm_new2_es:after {content:" ¡Nuevo!";}
.hm_new_es:before, .hm_es_prompt:before {content:"¡Nuevo! ";}
.hm_es_prompt{
	color:#ca3131;
}

#close-link{
	font-size:0.75em; 
	color:#909e82;
	cursor: pointer;
    margin-left:6px;
}

a.external {
    background: url(/images/externalsite.gif) top right no-repeat;
    padding-right: 14px;     /* a[target="_blank"] */
}
.hm_illu{float:left;margin-top:6px;margin-right:10px;}
@media (max-width:500px){.hm_illu {display:none;}}
@media (min-width:501px) {.hm_illu {width: 173px;}}
@media (min-width:569px) {.hm_illu {width: 200px;}}
@media (min-width:640px) {.hm_illu {width: 229px;}}
@media (min-width:768px) {.hm_illu {width: 282px;}}
@media (min-width:992px) {.hm_illu {width: 300px;}}
/* special styling of elements END */

/* footnotes and in-page disclaimers START */
.dsclmr {
    font-size: 11px;
    color: #3C3C3C;
    padding: 20px 0px 20px 0px;
}
.dsclmr img { vertical-align:text-bottom; }
a[rel="footnote"] {
    text-decoration: none;
    border-bottom: none; 
    /* vertical-align:super; */
    /* line-height: 0; */
    /* font-size:0.8em; */
    font-weight:bold;
}
.mbref {
    margin-left:-3px;
}
.ftnline {
    border-top: solid 1px gray;
}
/* footnotes and in-page disclaimers END */

/* switchboard styles BEGIN */
.heading1, .heading2, .heading3, .heading4, .heading5,
.heading1alt, .heading2alt, .heading3alt, .heading4alt, .heading5alt,
.heading1alt2, .heading2alt2, .heading3alt2, .heading4alt2, .heading5alt2,
.TestTitle, .TypeTitle, .YourTypeLabel, .LeverageQuestion, .hm_title
 {
    font-family: Arial, Helvetica;
    font-weight: bold;
    padding: 6px 0px 6px 0px;
    text-shadow: 1px 1px 2px gray;
}
.heading1, .heading2, .heading3, .heading4, .heading5,
.heading1alt, .heading2alt, .heading3alt, .heading4alt, .heading5alt,
.TestTitle, .TypeTitle, .YourTypeLabel, .LeverageQuestion
 {
     text-align: center; 
 }
.hm_clr_h,.heading1, .heading2, .heading3, .heading4, .heading5, .TestTitle, .TypeTitle, .hm_title, .StaticMenuItemStyle a { color: #C61F1E; }
.hm_clr_ha,.heading1alt, .heading2alt, .heading3alt, .heading4alt, .heading5alt, .YourTypeLabel, .LeverageQuestion {color: #E87913;}
.hm_clr_ha2,.heading1alt2, .heading2alt2, .heading3alt2, .heading4alt2, .heading5alt2, .hm_subtitle {color: #4E8AC6;}
.heading1, .heading1alt, .heading1alt2, .TestTitle, .TypeTitle { font-size: 26px;} /* 20pt */
.heading2, .heading2alt, .heading2alt2 { font-size: 21px;  font-style:italic; } /*16pt*/
.heading3, .heading3alt, .heading3alt2, .YourTypeLabel{ font-size: 15pt; }
.heading4, .heading4alt, .heading4alt2, .LeverageQuestion{ font-size: 14pt; font-weight: normal; }
.heading5, .heading5alt, .heading5alt2{ font-size: 12pt; font-weight: normal; }
.hm_title {font-size:42px; margin-top: -12px;margin-top:auto;text-align:center;}
.hm_subtitle 
{
    font-family: Arial, Helvetica;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #4E8AC6;
    text-shadow: 1px 1px 1px #96A687;    
    margin-top: -12px;
    padding-bottom: 2px;
}

.heading1alt2 { font-size: 20pt;text-align:left;font-style:normal;}
.heading2alt2 { font-size: 16pt;text-align:left;font-style:normal;}
.heading3alt2 { font-size: 15pt;text-align:left;font-style:normal;}
.heading4alt2 { font-size: 14pt;text-align:left;font-style:normal;}
.heading5alt2 { font-size: 12pt;text-align:left;font-style:normal;}

.TestTitle {font-style: normal; font-weight: normal; line-height:1.25;}
.TypeTitle { padding: 10px 0px 6px 0px; }
.LeverageQuestion { padding: 12px 0px 8px 0px; font-style: italic;}
.YourTypeLabel { padding: 6px 0px 10px 0px; }

.jtype {
    text-align: center; text-shadow: 1px 1px 1px gray; color: #C61F1E; font-family: Arial, Helvetica;
                            font-weight: bold; font-size: 18pt;
}

.jtype2 {
    text-align: center; text-shadow: 1px 1px 1px gray; color: #C61F1E; font-family: Arial, Helvetica;
                            font-weight: bold; font-size: 16pt; font-style:italic;
}


.jtypeExplain  {
    text-align: center; text-shadow: 1px 1px 1px gray; color: #E87913; font-family: Arial, Helvetica;
                            font-weight: normal; font-size: 14pt; font-style:normal;
}

.jtypeExplainAlt {
    text-align: center; text-shadow: 1px 1px 1px gray; color: #C61F1E; font-family: Arial, Helvetica;
                            font-weight: normal; font-size: 14pt; font-style:normal; text-decoration: none;
}



.reportLabel {
    text-align: center; text-shadow: 1px 1px 1px gray; color: #E87913; font-family: Arial, Helvetica;
                            font-weight: normal; font-size: 12pt; font-style:normal;
}
.reportLabelAlt {
    text-align: center; text-shadow: 1px 1px 1px gray; color: #C61F1E; font-family: Arial, Helvetica;
                            font-weight: normal; font-size: 12pt; font-style:normal;
}

.yourtype {
    border-collapse:separate;
    margin:auto 12px;
    text-align: center;
    vertical-align: middle;
    background-color: #E9EFE4; /*E6EFDE D9F0C7 D0E6BD rgb(208,230,189) */
    border: solid 1px #B0C69F; /* dark green */
    -moz-box-shadow: 3px 3px 5px #535353; -webkit-box-shadow: 3px 3px 5px #535353; box-shadow: 3px 3px 5px #535353;
    -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px; border-radius: 6px 6px 6px 6px;
}
@media (min-width:992px) /* md and greater */
{
    .yourtype {margin:auto;width:73%;}
}

.yourtype ul, .profilesection ul {display:inline-block;margin: 12px auto;padding-left: 24px;}
.yourtype li, .profilesection li { text-align:left; color:#835020; /* 690800 */}

/* switchboard styles END */

.font-handler{
	font-family:Arial;
	font-size:16px;
}

.test-desc{
	border: 1px solid #999;
    border-radius: 5px;
    padding: 20px 25px;
    box-shadow: 1px 2px 4px #bbbaa3;
	margin-top: 10px;
}


/*SBEP*/
.div-type {
	background-color: #D0DBC6; 
	border-radius: 6px; 
	box-shadow: 1px 1px 6px rgba(112, 112, 112, 0.75); 
	padding: 4px 6px 6px 6px;
	margin-top:10px;
}

.div-type .heading4alt{
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom:0px;
}

.div-type-content {
    max-width: 300px;
    margin: 0 auto;
}

.margin0{
	margin-top: 0px !important; 
	margin-bottom: 0px !important;
}

.btn-test{
	min-width: 240px;
    padding: 12px;
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 15px;
}

header {
	margin-top: 8px;
}

footer {
	margin-top: 10px;
	margin-bottom: 40px;
}

.redText {
	color: #C61F1E;
}

.addPadding {
	padding: 0px 5px;
}

.hm_subtitle2 {
	font-family: Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #4E8AC6;
	text-shadow: 1px 1px 1px #96A687;
	padding: 1px 0px 2px 0px;
}

/* regular table */ 
.hm_table th {
	border-bottom-color: #e1ae7e !important;
}

.hm_table td {
	border-top-color: #e1ae7e !important;
}

@media print{
	.no-print{
		display:none!important;
	}
}

article#main{
	margin-bottom:40px;
}

.forget-result{
	margin-top: 5px;
}

@media (max-width:495px) 
{
	.type-block{
		text-align:center;
	}
	.type-block span{
		display:block;
	}
}

@media (max-width:768px) 
{
	.jumbotron p.lead{
		font-weight: 400;
	}
}

@media (min-width:700px) 
{
	#chart-container{
		width:70%;
		margin:0 auto;
	}
}

.instruction{
    font-size: 13px;
    border: 1px solid #ccc;
    margin-top: 7px;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
}

.list-grad{
	background: linear-gradient(#A9D18E, #F7FAFD, #B5D2EC);
	background-repeat: no-repeat;   
	list-style: none;
	border-radius:5px
}
.list-grad li{ 
	padding:6px;
	text-shadow: #a8bed2 1px 1px 2px;
}

.list-grad li:first-child{
	padding-top: 12px;
}

.list-grad li:last-child{
	padding-bottom: 12px;
}

@media(max-width:500px) {
	#c_qsts2 div{
			margin: 0 auto;
	}
}

.box-shadow-rounded{
	box-shadow: 1px 1px 6px rgba(112, 112, 112, 0.75);
	border-radius: 8px;
}


@media(max-width: 500px) {
	#logo-right, #intro {
		display: none;
	}
}

#logo-left {
	width: 100%;
}

@media(min-width: 501px) {
	#logo-left {
		display: none;
	}
}


.grad-rap {
	background: linear-gradient(to right, #467AA9, #95BFB5 25%, #99C48E 50%, #BCB871 65%, #D7AD65 75%, #E4875E 90%, #d6403f 100%);
	background-repeat: no-repeat;
	padding: 0;
	height: 40px;
}

	.grad-rap .here-label {
		height: 100%;
		font-size: 15px;
		display: block;
		color: white;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		padding-top: 10px;
		text-shadow: 1px 1px 1px black;
	}

	.grad-rap div {
		height: 100%;
		width: 20%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
	}
#prem-result {
	border: 1px solid #ddd;
	border-radius: 5px;
	display: flex;
	background: white;
}

	#prem-result.your-risk div {
		margin: 0px;
		padding-bottom: 15px;
	}

@media (max-width: 600px) {

	.grad-rap {
		height: 30px;
	}

		.grad-rap .here-label {
			padding-top: 6px;
		}

	.scale-rap {
		margin-bottom: 25px;
	}

	#prem-result {
		display: block;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.primary {
		border-right: 0px;
		border-bottom: 1px solid #ddd;
	}

	.primary, .secondary {
		padding-left: 0;
		padding-right: 0;
	}
}

.scale-rap {
	height: 20px;
	padding: 0;
	position: relative;
	color: #C61F1E;
	margin-bottom: 21px;
	font-size: 15px;
}

.down-rap {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 20px solid;
	left: 0;
}


.primary {
	border-right: 1px solid #ddd;
}

.primary, .secondary {
	padding-top: 20px;
}

.moralist, .moralist a {
	color: #467AA9;
}

.toiler, .toiler a {
	color: #5B9BD5;
}

.rational, .rational a {
	color: #90BD6C;
}

.energetic, .energetic a {
	color: #DFC04E;
}

.authoritarian, .authoritarian a {
	color: #EA8428;
}

.inspired, .inspired a {
	color: #D96661;
}

.adventurer, .adventurer a {
	color: #d6403f;
}

.mor {
	border-color: #467AA9;
	background-color: #467AA9;
}

.toi {
	border-color: #5B9BD5;
	background-color: #5B9BD5;
}

.rat {
	border-color: #90BD6C;
	background-color: #90BD6C;
}

.ene {
	border-color: #DFC04E;
	background-color: #DFC04E;
}

.aut {
	border-color: #EA8428;
	background-color: #EA8428;
}

.ins {
	border-color: #D96661;
	background-color: #D96661;
}

.adv {
	border-color: #d6403f;
	background-color: #d6403f;
}

.your-risk div {
	display: inline-block;
	margin: 0px 1.5%;
}

.your-risk a {
	display: block;
	text-decoration: underline;
}

.sidebar {
	max-width:300px; 
	margin: 0 auto;
}

.instruction-quiz {
	border-bottom: #e08b23 solid 2px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.authoritarian .broken-author {
	display: none;
}

.authoritarian .common{
	display: inline-block;
}

@media (max-width:768px) {
	.authoritarian .broken-author {
		display: inline-block;
	}

	.authoritarian .type-block.common {
		display: none;
	}
}

.share-label {
	color: #C61F1E;
	text-shadow: 1px 1px 2px grey;
	font-weight: bold;
}

.heading2alt.type-scores-label{
	margin-bottom: 0px;
}
.list-group.hm_content_nav.type-scores {
	margin-top: 0px;
}

.fb-share-button {
	vertical-align: top;
	margin-left: 6px;
	margin-right: 6px;
}

.prem-score {
	color: white;
	text-align: center;
	border-radius: 6px;
	text-shadow: 1px 1px 1px #77816E;
}

.expres-score {
	display: inline-block;
	width: 100%;
	max-width: 20%;
	border-radius: 6px;
	border: 1px solid #ddd;
}

@media (max-width:600px) {
	.expres-score {
		max-width: 40%;
	}
}

.small-score {
	min-height: 22px;
	font-size: 14px;
}

a span.glyphicon:hover {
	cursor: pointer;
}

.jtt_types_img {
	float: right;
}

@media(max-width: 400px) {
	.jtt_types_img {
		max-height: 240px;
		max-width: 240px;
		display: block;
		margin: 0 auto 15px auto;
		float: none
	}
}

@media(min-width: 401px) and (max-width: 767px) {
	.jtt_types_img {
		height: 172px;
		width: 172px;
	}
}

@media(min-width:768px) {
	.jtt_types_img {
		height: 240px;
		width: 240px;
	}
}

.clear-btn {
	clear: both;
}


.celebrity-line {
	border-bottom: 1px #ccc solid;
	padding: 5px 0;
}

.progress {
	margin-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
	height: 22px;
}

@media (max-width: 600px) {
	.progress {
		height: 25px;
	}
}

.narrow-padding {
	padding: 0 5px;
}


.centrify {
	display: none;
	position: absolute;
	left: 50%;
	top: 25%;
	transform: translate(-50%, -50%);
}

.spinner {
	position: relative;
	width: 100px;
	height: 100px;
	animation: anim-spin 1s infinite ease;
}

	.spinner:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		border-top: solid 10px #5cb85c;
		border-right: solid 10px transparent;
		border-bottom: solid 10px #5cb85c;
		border-left: solid 10px transparent;
		border-radius: 100%;
	}

@keyframes anim-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.bg_layer {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.3;
}

.filter {
	left: 64px;
}

@media (max-width: 768px){
	.filter {
		left: 72px;
	}
}

.paypal-button{
	background: transparent;
    border: none;
}

.filter-div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filter-div .a-icon {
    z-index: 1000;
    position: relative;
    padding: 5px;
}