#flix-comp {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 15px 0 0;
margin-bottom: 35px !important;
}
#flix-comp *,#flix-comp *:before,#flix-comp *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#flix-comp .flix-comp-wrapper {
position: relative;
}
#flix-comp img {
max-width: 100%;
}
#flix-comp .flix-comp-container {
display: block;
}
#flix-comp .flix-comp-container:after {
content: '';
display: table;
clear: both;
}
#flix-comp .flix-comp-container .flix-comp-features,#flix-comp .flix-comp-container .flix-comp-products {
display: block;
float: left;
width: 35%;
vertical-align: top !important;
position: relative;
}
#flix-comp .flix-comp-container .flix-comp-products {
width: 65%;
}
#flix-comp .flix-comp-container .flix-comp-features .flix-comp-group {
padding: 10px;
margin: 0 0 2px 0;
float: none;
}
#flix-comp .flix-comp-container .flix-comp-features .flix-comp-group .flix-comp-title {
font-size: 15px;
}
#flix-comp .flix-comp-container .flix-comp-products .flix-comp-group {
padding: 10px;
float: none;
}
#flix-comp .flix-comp-container ul,#flix-comp .flix-comp-container ul li {
list-style: none;
}
#flix-comp .flix-comp-container ul li:before,#flix-comp .flix-comp-container ul li:after {
display: none;
content: "";
}
#flix-comp .flix-comp-container ul.flix-comp-list {
margin: 0;
padding: 0;
list-style: none;
}
#flix-comp .flix-comp-container .flix-comp-features ul.flix-comp-list li.flix-comp-item .flix-comp-itemTb {
padding: 10px;
}
#flix-comp .flix-comp-container .flix-comp-products ul.flix-comp-list li.flix-comp-item .flix-comp-textHolder {
padding: 10px;
}
#flix-comp .flix-comp-container ul.flix-comp-list li.flix-comp-item:after {
content: '';
display: table;
clear: both;
}
#flix-comp .flix-comp-container ul.flix-comp-list li.flix-comp-item:nth-child(2n) {
background-color: #f9f9f9;
}
#flix-comp .flix-comp-features .flix-comp-ftHolder .flix-comp-prod-image {
padding: 20px 20px 10px;
display: table;
height: 100%;
width: 100%;
line-height: 0;
}
#flix-comp .flix-comp-features .flix-comp-ftHolder .flix-comp-prod-image div {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
#flix-comp .flix-comp-features .flix-comp-ftHolder .flix-comp-prod-image img {
max-width: 100%;
}
#flix-comp .flix-comp-features ul.flix-comp-list li.flix-comp-item {
position: relative;
margin: 0 0 2px 0;
list-style: none;
}
#flix-comp .flix-comp-features ul.flix-comp-list li.flix-comp-item .flix-comp-itemTb {
display: table;
min-height: 40px;
height: 100%;
}
#flix-comp .flix-comp-features ul.flix-comp-list li.flix-comp-item .flix-comp-itemImage {
display: table-cell;
vertical-align: middle !important;
width: 80px;
padding-right: 10px !important;
text-align: center;
font-size: 11px;
text-transform: uppercase;
color: #333333;
font-weight: 500;
}
#flix-comp .flix-comp-features ul.flix-comp-list li.flix-comp-item .flix-comp-itemImage img {
max-width: 40px;
height: auto;
}
#flix-comp .flix-comp-features ul.flix-comp-list li.flix-comp-item .flix-comp-itemDesc {
display: table-cell;
vertical-align: middle !important;
font-weight: 500;
}
#flix-comp .flix-comp-products .flix-comp-prHolder {
text-align: center;
position: relative;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-title {
position: relative;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-title .flix-comp-holder {
padding: 5px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform:translateY(-50%);
transform: translateY(-50%);
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-title .flix-comp-clickable {
font-size: 16px;
color: #333333;
text-decoration: none;
font-weight: 500;
cursor: pointer;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-image .flix-comp-clickable {
cursor: pointer;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-image .flix-comp-holder {
position: relative;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-image .flix-comp-holder {
padding: 5px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform:translateY(-50%);
transform: translateY(-50%);
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-image img {
max-width: 100%;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-price {
font-size: 16px;
text-decoration: none;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-price .flix-comp-holder {
padding: 5px;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-link .flix-comp-holder {
padding: 5px;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-button {
background-color: #333333;
display: inline-block;
padding: 7px 15px;
text-align: center;
min-width: 50px;
color: #ffffff;
text-decoration: none;
font-size: 14px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#flix-comp .flix-comp-products .flix-comp-prHolder .flix-comp-prod-arrow {
display: none;
position: absolute;
bottom: -16px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 100px 0 100px;
border-color: #999999 transparent transparent transparent;
z-index: 2;
}
#flix-comp .flix-comp-features .flix-comp-ftHolder,#flix-comp .flix-comp-products .flix-comp-prHolder {
border: 2px solid transparent;
}
#flix-comp .flix-comp-products .flix-comp-prItems ul.flix-comp-list {
list-style: none;
width: 100%;
}
#flix-comp .flix-comp-products .flix-comp-prItems ul.flix-comp-list li.flix-comp-item {
display: block;
margin: 0 0 2px 0;
list-style: none;
float: none;
}
#flix-comp .flix-comp-products .flix-comp-prItems .flix-comp-textHolder {
display: table;
text-align: center;
height: 100%;
width: 100%;
}
#flix-comp .flix-comp-products .flix-comp-prItems .flix-comp-desc {
display: table-cell;
vertical-align: middle;
word-wrap: break-word;
-ms-word-wrap: break-word;
word-break: break-all;
}
#flix-comp .flix-comp-products .flix-comp-prItems .flix-comp-textHolder img {
vertical-align: middle;
display: inline;
}
#flix-comp .flix-comp-container .flix-comp-product.flix-comp-highlight ul.flix-comp-list li.flix-comp-item {
background-color: #f7f7f7;
}
#flix-comp .flix-comp-container .flix-comp-product.flix-comp-highlight ul.flix-comp-list li.flix-comp-item:nth-child(2n) {
background-color: #ececec;
}
#flix-comp .flix-comp-products .flix-comp-product.flix-comp-highlight .flix-comp-prHolder {
border-color: #999999;
}
#flix-comp .flix-comp-products .flix-comp-product.flix-comp-highlight .flix-comp-prod-arrow {
border-color: #999999 transparent transparent transparent;
display: block;
}
#flix-comp .flix-comp-container .flix-comp-product:hover ul.flix-comp-list li.flix-comp-item,#flix-comp .flix-comp-container .flix-comp-product.flix-comp-highlight:hover ul.flix-comp-list li.flix-comp-item {
background-color: #ececec;
}
#flix-comp .flix-comp-container .flix-comp-product:hover ul.flix-comp-list li.flix-comp-item:nth-child(2n),#flix-comp .flix-comp-container .flix-comp-product.flix-comp-highlight:hover ul.flix-comp-list li.flix-comp-item:nth-child(2n) {
background-color: #dedede;
}
#flix-comp .flix-comp-products .flix-comp-product:hover .flix-comp-prHolder {
border-color: #dedede;
}
#flix-comp .flix-comp-products .flix-comp-product.flix-comp-highlight:hover .flix-comp-prHolder {
border-color: #777777;
}
#flix-comp .flix-comp-products .flix-comp-product.flix-comp-highlight:hover .flix-comp-prod-arrow {
border-color: #777777 transparent transparent transparent;
display: block;
}
#flix-comp .flix-comp-table {
position: relative;
overflow: hidden;
width: 100%;
}
#flix-comp .flix-comp-table ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#flix-comp .flix-comp-table li {
width: 100%;
float: left;
padding: 0 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 2px 0;
list-style: none;
}
#flix-comp .flix-comp-control-prev,#flix-comp .flix-comp-control-next {
height: 30px;
position: absolute;
top: 115px;
width: 30px;
cursor: pointer;
overflow: hidden;
text-indent: 100px;
}
#flix-comp .flix-comp-control-prev.inactive,#flix-comp .flix-comp-control-next.inactive {
display: none;
}
#flix-comp .flix-comp-control-prev {
left: -30px;
right: auto;
background: url("//media.flixfacts.com/inpage/comparison/img/arrows.png") no-repeat scroll top left transparent;
margin: 0;
}
#flix-comp .flix-comp-control-prev:hover {
background-position: bottom left;
}
#flix-comp .flix-comp-control-next {
right: -30px;
background: url("//media.flixfacts.com/inpage/comparison/img/arrows.png") no-repeat scroll top right transparent;
margin: 0;
}
#flix-comp .flix-comp-control-next:hover {
background-position: bottom right;
}
#flix-comp .flix-comp-pagination {
position: absolute;
bottom: -25px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform:translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
#flix-comp .flix-comp-pagination span {
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #fff;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #4E443C;
-moz-box-shadow: 0 0 2px #4E443C;
box-shadow: 0 0 2px #4E443C;
}
#flix-comp .flix-comp-pagination span.active {
background: #4E443C;
color: #fff;
opacity: 1;
-webkit-box-shadow: 0 0 2px #ffffff;
-moz-box-shadow: 0 0 2px #ffffff;
box-shadow: 0 0 2px #ffffff;
}