html, body, div, span, object, h1, h2, h3, p, blockquote, pre,
em, img, strong, b, i, ol, ul, li, fieldset, article, section, form, label, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

@font-face {
  font-family:'icomoon';
  src:url('https://beautyopinions.com/lib/icomoon4.ttf');
  font-display:swap;
}

a{color:#2277dd;text-decoration:none;}
a:hover{color:#44aaff;text-decoration:none;}

img.mobile{display:none;}
    
h1{font-size:200%;margin-bottom:10px;}
.index h1{padding-top:6px;font-size:120%;letter-spacing:0.3em;text-transform: uppercase;}

h2{margin:0;padding:6px 8px;color:#DDD;font-size:120%;letter-spacing:0.3em;text-transform: uppercase;}

html{overflow-y:scroll;}

html{width:100%;height:100%;}

body{
	font-family:'Segoe UI','Roboto',arial,sans-serif;
	width:100%;
	text-align:center;
	background-color:#eee;
}

header{
	margin:0;
	padding:10px 0;
	background-color:#fff;
	color:#fff;
	font-size:26px;
    height:80px;
    top: 0;
    position: sticky;
    z-index: 20;
    box-shadow: 0 0 1px 1px rgba(30,40,60,.1);
}

#header_inside{
	max-width:1500px;
	margin:auto;
	padding:8px 20px;
}

#header_inside div a{line-height:40px;}
#navlogo{float:left;background:#000;height:60px;width:60px;border-radius:30px;}
#navmenu{float:right;padding:10px 20px 15px 20px;font-size:80%}
#searchingBox{float:left;margin-top:7px;border-bottom:1px solid #AAA;margin-right:60px;}
#navmenu a{margin-left:30px;color:#888;}
#navmenu a:hover{color:#555;}

#logo{
    display:block;
    margin:10px auto 0 auto;
    background:url(https://beautyopinions.com/logo.png) no-repeat top left;
    background-size:contain;
    width:40px;
    max-width:100%;
    height:40px;
    color:transparent !important;
    vertical-align:middle;
}

.notice{background:#15a;text-align:center;display:block;color:white;padding:11px 0 14px 0;text-decoration:underline;}
.notice:hover{background:#27d;color:white;text-decoration:underline;}

#footer_inside{
	max-width:1200px;
	margin:0 auto;
	padding:10px 10px 30px 10px;
	color:#888;
	font-size:80%;
}
#footer_inside a{color:#555;}

#breadcrumb{
	margin:0;
	padding:0;
	text-align:left;
}

#breadcrumb_inside{
	max-width:1440px;
	margin:auto;
	padding:15px 10px;
	color:#777;
	font-size:13px;
}

.slim{
    max-width:1160px !important;
}

#breadcrumb_inside a{
	color:#777;
}

#breadcrumb_inside a:hover{
	color:#222;
}

#page,#page-carousel{
	max-width:1500px;
	/*background-color:#fff;*/
	text-align:left;
	margin:0 auto;
	padding:0; /* AVANT padding:30px; */
}

.home{margin-top:20px !important;}

#page-search{
	max-width:1200px;
	background-color:#000;
	text-align:left;
	margin:auto;
	padding:30px 0;
}

img {
    aspect-ratio: attr(width) / attr(height);
}

#pleft,#pleft-up{
	float:left;
	padding:20px 2%;
	width:50%; /* AVANT width:63%; */
}

#cleft,#cright{
    float:left;width:46%;padding:20px 2%;
}

#pright,#pright-up{
	float:left;
	width:44%; /* AVANT width:35%; */
	margin-right:0%;
	/* AVANT margin-left:2%; */
	/*background:#000;*/
	color:#222;
	padding:0 0% 50px 2%;
}

#pright h2{color:#000;}

.det h4{margin:0;padding:20px 8px 0 8px;}
.det ul{margin-bottom:20px;float:none;}
.det p{padding:6px 8px;line-height:140%;}

.rbox{
    background:#fff;
    padding:20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.top_half{float:left;width:50%}
.top_all{width:100%}

.post-review {
    display:block;
    cursor:pointer;
    color: #f85600;
    padding: 2px 10px 7px 0;
}
.post-review:hover {
	text-decoration:none;
	background-color:#e5e5e5;
}

.post-review i{margin-right:-2px}

#pdesc p{margin:0 0 12px 0;line-height:150%;}

.post-item p{margin:0 0 3px 0;line-height:140%;}

.fa{
    display:inline-block;
    font-family:'icomoon' !important;
	font:normal normal normal 14px/1 'icomoon';
	speak:none;
    font-size:inherit;
    text-transform:none;
    text-rendering:auto;
	vertical-align:-2px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.fa-search:before {content: "\f002";}
.fa-heart:before {content: "\f004";}
.fa-star:before {content: "\f005";}
.fa-star-o:before {content: "\f006";}
.fa-user:before {content: "\f007";}
.fa-check:before {content: "\f00c";}
.fa-close:before {content: "\f00d";}
.fa-chevron-left:before {content: "\f053";}
.fa-chevron-right:before {content: "\f054";}
.fa-calendar:before {content: "\f073";}
.fa-chevron-up:before {content: "\f077";}
.fa-chevron-down:before {content: "\f078";}
.fa-heart-o:before {content: "\f08a";}
.fa-arrow-circle-up:before {content: "\f0aa";}
.fa-arrow-circle-down:before {content: "\f0ab";}
.fa-navicon:before {content: "\f0c9";}
.fa-envelope:before {content: "\f0e0";}

#gformAddText{
    display:block;
    margin:20px 10px;
    padding: 8px 15px 7px 15px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #ff3900;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing:0.1em;
    max-width:300px;
    text-align:center;
}

#gformAddText:hover {
    background:#ee3000;
}

.pr-bg{
	display:inline-block;
	vertical-align:middle;
	margin:0 8px;
	background:#ccc;
	border-radius:11px;
	height:13px;
	width:120px;
}
.pr{
	vertical-align:baseline;
	cursor:pointer;
	-webkit-font-smoothing:subpixel-antialiased!important;
	background:#2277dd;
	border-radius:11px;
	height:13px;
	box-sizing:border-box;
}

#pspec {position:relative;}

#pspec h3 {font-weight:normal;padding:4px 0 12px 8px;margin-top:25px;text-transform:uppercase;color:#777;border-top:1px solid #333;letter-spacing:2px;}

#pspec p {padding:8px 0 6px 8px;color:#bbb;}

#pspec p b {letter-spacing:1px;font-weight:normal;color:#999;}

.btn {
  background: #CCC;
  left: 5%;
  padding: 0.5em;
  text-decoration: none;
  width: 90%;
}


.panel {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  transition: max-height .5s ease;
}

.fade {
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
  height: 100px;
  margin-top: -100px;
  position: relative;
}

#gform {
	color:#000;
	transition: height .5s ease;
    overflow : hidden;
}

#gform:not(.active) {
    display: none;
}

#reviewing {
	font-size:16px;
	font-weight:bold;
}

#reviewing div {
	float:left;
	width:55px;
}

#reviewing div.current {
	color:#FFF;
	background:#2ac7e1;
}

#reviewing div input{
	margin-right:8px;
}

#gformt,#hformt,#gsuperformtext {
	width:98%;
	height:120px;
}

#gformc {
	padding:3px;
	font-weight:bold;
	color:#FFF;
}

#gformpic {
	overflow:hidden;
	color:#000;
}

#gform input, #gformpic input{color:#000;border:1px solid #888;}
#gform input[type="file"], #gformpic input[type="file"]{color:#000;border:1px solid #888;}

#gform .fsubmit, #gformpic .fsubmit{color:#FFF;background-color:agreen;padding:10px 80px;border:1px solid #000;cursor:pointer;font-weight:bold;}

#gform textarea{color:#000;border:1px solid #888;margin-top:5px;}
#gform select{color:#000;border:1px solid #888;}

#gform #code{width:100px;}

.simil a{
    display:block;
    margin:12px 0 0 8px;
    color:#888;
}
.simil a:hover{
    color:#fff;
}
.simil a p{float:left;margin-right:20px;}
.simil a span{color:#555;font-size:80%;}

.carousel{background:#ddd;padding-bottom:20px;margin-top:25px;}
.carousel h2{color:#000;padding:30px 10px;margin:0 40px;}
.carousel_inside{margin:0 40px;}

.citem div{background:#fff;padding:12px 2px;height:186px;text-align:center;border:1px solid #fff;}
.citem div:hover{border:1px solid #000;}
.citem p{font-size:80%;color:#333;padding:2px 6px;}
.citem p a{display:block;float:right;}

.ajax-loader{
	display:none;
	margin-top:10px;
	font-size:18px;
	background:#FFF;
	padding:10px 20px;
}
.ajax-loader div{
	float:left;
}

.f_email{display:none;}

#allpics img{max-width:80%;}

.index_list{margin-top:30px;}
.index_list a{font-size:120%;display:block;color:#aaa;overflow:hidden;white-space:nowrap;}
.index_list a:hover{background:#f0f0f0;color:#222;}
.index_list a p{display:block;padding:8px 10px;text-overflow:ellipsis;float:left;padding-right:0;}
.index_list a span{display:block;padding:8px 10px;text-overflow:ellipsis;padding-left:0;float:right;width:10%;text-align:right;color:#888;}


.brand_list_item{display:block;clear:both;padding:15px 0;/*height:120px;*/min-height:110px;margin-top:0px;color:#000;background:#fff;border:1px solid #fff;border-bottom:1px solid #bbb;}
.brand_list_item h3{color:#2277dd;}
.brand_list_item:hover{/*border:1px solid #222;*/background:#f8f8f8;}
.brand_list_item_pic{float:left;width:120px;padding-left:10px;text-align:center;}
.brand_list_item_title h3{font-size:22px;}
.brand_list_item_desc{margin-left:150px;margin-right:15px;line-height:19px;color:#333;/*height:90px;*/}
.brand_list_item_title{padding:0 20px;overflow:hidden;}
.brand_list_item_desc p{margin-top:5px;}
.brand_list_item_desc span{color:#2277dd;}

.article h1{margin-bottom:30px;}
.article p{margin: 0.6em 0;line-height:150%;}
.article li{margin: 0.6em 0;line-height:150%;}
.article ul{margin-left:30px;}

.explorer{background:#eee !important;}
/*.explorer #pleft{background:#eee;}*/
/*.explorer #pright a{color:#aaa;}
.explorer #pright a:hover{color:#ccc;}*/
.explorer #about-brand p{margin:10px;}

.mt40{margin-top:40px;}

#specs ul li{color:#000;}
.det ul li{color:#000;}

.pagination {
    margin: 20px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom:1;margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span {
    background-color: #f5f5f5
}

.pagination ul>.active>a,.pagination ul>.active>span {
    color: #999;
    cursor: default
}

.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.pagination {
    display: inline-block
}

.pagination>span {
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    font-style: normal;
    text-decoration: none;
    line-height: 38px
}

.pagination>span:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.pagination>span:last-child {
    border-right-width: 1px;
    border-radius: 0 3px 3px 0
}

.pagination a {
    line-height: 38px;
    display: block;
    padding: 0 14px
}

.pagination a:hover {
    background-color: #f5f5f5
}

.pagination .current {
    background-color: #f5f5f5;
    color: #999;
    cursor: default
}

.pagination .current,.pagination .gap {
    padding: 0 14px
}

#article p,#pros-cons p,#review p{
    margin: 0 0 3px 0;
    line-height: 140%;
}

#article h2,#pros-cons h2,#review h2{
    color:#000;
    padding: 40px 0px 10px 0;
}

#article h3,#pros-cons h3,#review h3{
     padding: 10px 0px 5px 0;
}



@media (max-width:1200px){
	.pr-bg{width:120px;}
}

@media (max-width:1000px){
	.pr-bg{width:100px;}
}

@media (max-width:800px){
    .pr-bg{width:80px;}
    #pright,#pright-up{width:94%;padding:10px 3%;margin:0}
	#pleft,#pleft-up{width:94%;padding:10px 3%;margin:0}
	.explorer #pright{width:100%;margin:0;padding:0;}
	#footer_inside{padding-bottom:60px;}
	#breadcrumb_inside div{display:none;}
	.mt40{margin-top:0;}
}

@media (max-width:600px){
    img.mobile{display:block;}
	img.desktop{display:none;}
	.brand_list_item_desc{margin-left:110px;margin-right:10px;font-size:13px;line-height:15px;}
	/*header{height:45px;border-bottom:1px solid #eee;}*/
	#header_inside{font-size:80%;}
	#header_inside div a{line-height:30px;}
	#breadcrumb_inside{padding:10px 12px;}
	/*#page img{width:100%;}*/
	h1{font-size:150%;}
	h2{font-size:115%;}
	
	#logo{width:25px;height:25px;margin-top:8px;}
	#navlogo{height:40px;width:40px;border-radius:20px;}
	#navmenu{padding:3px 0 0 0;}
	#navmenu a{margin-left:16px;}
	header{padding:5px 0 0 0;height:60px;}
	
	.brand_list_item{margin-bottom:0;}
	.brand_list_item_pic{width:60px;max-height:60px;padding-left:5px;padding-top:5px;}
	.brand_list_item_pic img{width:60px;max-height:60px;}
	.brand_list_item_year{float:left;}
	.brand_list_item_title h3{font-size:18px;line-height:26px;}
	.brand_list_item_title{padding:0 0 0 15px;}
	.brand_list_item_desc{margin-left:80px;}
	
	#page-carousel{padding:10px;}
	
	.carousel{padding-bottom:20px;}
    .carousel h2{padding:30px 10px;margin:0 20px;}
    .carousel_inside{margin:0 20px;}
	.citem div{height:160px;}
	
	.top_half,.top_all{width:100%}
	.pr-bg{width:120px;}
	#gformAddText{margin:20px 0;padding: 8px 10px 7px 10px;}
}
@media (max-width:500px){
	.pr-bg{width:40px;margin:0 3px;}
}

@media (max-width:900px){
    #searchingBox{display:none;}
}