/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
position: relative;
overflow: hidden;
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
width: 20000em;
position: relative;
/* Optional, required in this case since it's a
element */
list-style: none;
margin: 0;
padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
/* Required only for block elements like - 's */
float: left;
}
.jcarousel-control-prev {padding: 50px 5px; position: absolute; top: 35%; left: 0; border-radius: 4px;}
.jcarousel-control-prev:hover {background: #eee; color: #39f;}
.jcarousel-control-next {padding: 50px 5px; position: absolute; top: 35%; right: 0; border-radius: 4px;}
.jcarousel-control-next:hover {background: #eee; color: #39f;}
#tsbundleModal .modal-footer,
#isbundleModal .modal-footer,
#fpbundleModal .modal-footer,
#sohobundleModal .modal-footer,
#premiumSecuritybundleModal .modal-footer,
#pabundleModal .modal-footer,
#ultimateSecuritybundleModal .modal-footer,
#ultimateSecurityPlusbundleModal .modal-footer,
#identityProtectionbundleModal .modal-footer{text-align: center}
#tsbundleModal .vertical-alignment-helper,
#isbundleModal .vertical-alignment-helper,
#fpbundleModal .vertical-alignment-helper,
#sohobundleModal .vertical-alignment-helper,
#premiumSecuritybundleModal .vertical-alignment-helper,
#pabundleModal .vertical-alignment-helper,
#ultimateSecuritybundleModal .vertical-alignment-helper,
#ultimateSecurityPlusbundleModal .vertical-alignment-helper,
#identityProtectionbundleModal .vertical-alignment-helper{
display:table;
height: 100%;
width: 100%;
pointer-events:none;
}
#tsbundleModal .vertical-align-center,
#isbundleModal .vertical-align-center,
#fpbundleModal .vertical-align-center,
#sohobundleModal .vertical-align-center,
#premiumSecuritybundleModal .vertical-align-center,
#pabundleModal .vertical-align-center,
#ultimateSecuritybundleModal .vertical-align-center,
#ultimateSecurityPlusbundleModal .vertical-align-center,
#identityProtectionbundleModal .vertical-align-center{
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none;
}
#tsbundleModal .modal-content,
#isbundleModal .modal-content,
#fpbundleModal .modal-content,
#sohobundleModal .modal-content,
#premiumSecuritybundleModal .modal-content,
#pabundleModal .modal-content,
#ultimateSecuritybundleModal .modal-content,
#ultimateSecurityPlusbundleModal .modal-content,
#identityProtectionbundleModal .modal-content{
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
height:inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events:all;
}
.ultimateSecurityPlusbundle .img-responsive{
margin: auto;
}
.closeIt {
display: none;
margin-top: 50px;
}
.bottomMar {margin-bottom: 30px;}
.country_col li p span {display: inline-block; vertical-align: middle}
.country_col li p span img {margin-right: 10px;}
.chatSupport {padding-bottom: 10px; margin-bottom: 20px;}
h4.chatTitle,h3.chatTitle {font-size: 22px;}
h4.titleEmail, h3.titleEmail {font-size: 26px;}
h3.chatTitle{
font-weight: normal;
}
h3.reviewTitle {font-size: 26px; font-weight: 300; color: #232323; padding-bottom: .4em;}
#userReviewsCarousel .container {
min-height: 14em;
}
#reviewsWrapper {
position: relative;
}
#reviewsWrapper .review {
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}