.color-value{
    color:#777;
    font-weight:bold;
}

.soldout{
    color:#900;
}

body{
    color: black ;
    overflow-x: hidden;
    margin-left: 1%;
}
.mycatlist{
    display:flex;
    justify-content: center;
}

.newitem{
    height:auto !important;
}
#cart-btn:hover{
    background-color: #de1212 !important;
    color:ivory !important;
}

.myimage{
    max-height:400px !important;
}
.thumb-item-link img{
    height:100px !important;
    object-fit: cover;
}
.loadingvue2{
    margin-top: 10%;
}

@media(max-width: 600px){
    .mobpadding {
        padding:2px;
    }

    .item{
        height:auto !important;
    }
    .thumb-item-link img{
        height:auto !important;
        object-fit: cover;
    }
    .loadingvue2{
        margin-top: 65% !important;
    }
}

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Source+Sans+Pro&display=swap');

body{margin:0;padding:0;color:#444444;position:relative;}
.bgDark{background:url(/static/images/resp/pagebg.png);padding-bottom:20px;padding-top:20px;color:#fff;}
.bgLight{
color:#666666;
padding-bottom:20px;
/*margin-top:111px;*/
background: -webkit-radial-gradient(#ffffff 20%, #ffe5f1 70%); /* Safari 5.1 to 6.0 */
background: -o-radial-gradient(#ffffff 20%, #ffe5f1 70%); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(#ffffff 20%, #ffe5f1 70%); /* For Firefox 3.6 to 15 */
background: radial-gradient(#ffffff 20%, #ffe5f1 60%);
}
/* HEADINGS */

/* FORM ELEMENTS */
input[type='text'], input[type='password'], textarea, select{padding:2px 5px;border:1px solid #c7c5c5;color:#3e3d3d;text-align:left;}

.contact-details ul{padding-left:0;}
.contact-details ul li{list-style:none;padding:5px 0;}
.field-name{font-size:17px;font-weight:700;text-align:right;padding-right:5px;}
.input-field{padding-left:5px;}
.input-field input[type='text']{width:100%;}

/* GLOBAL */
.mAuto{margin:auto;float:none;}
.mT0{margin-top:0;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT50{margin-top:50px;}
.mB0{margin-bottom:0;}
.mB5{margin-bottom:5px;}
.mB30{margin-bottom:30px;}


/* NAVBAR STYLES */
.navbar-default {border-radius:0;background:#fff;margin-bottom:0;}
.navbar-default .navbar-brand{display:block;float:none;text-align:center;padding:1px 15px;height:auto;}
.navbar-toggle{margin-right:20px;}
.navbar-default .navbar-toggle{background-color:#fff;border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background:#f7006c;height:3px;}

/* MAIN CAROUSEL */
.main-carousel .carousel-inner .item{text-align:center;}
.main-carousel .carousel-inner .item img{display:inline-block}
.main-carousel .carousel-indicators{bottom:-40px;}

/* COMMON STYLES */
.breadcrumb{border-radius:0; background:#000;text-align:center;color:#fff;margin-bottom:0;}
.breadcrumb a{text-decoration:none;color:#fff;}
.breadcrumb span{padding-left:10px;padding-right:10px;}

.txtPink{color:#f7006c;margin-top:10px;padding-bottom: 5px}
.step-content .step-bullets{margin-top:10px;margin-bottom:10px;}
.bgDark .step-content .step-bullets li{list-style:none;display:inline-block;width:10px; height:10px; border-radius:50%;border:1px solid #ffffff;}
.bgDark .step-content .step-bullets li.active{background:#ffffff;}
.bgLight .step-content .step-bullets li{list-style:none;display:inline-block;width:10px; height:10px; border-radius:50%;border:1px solid #f7006c;}
.bgLight .step-content .step-bullets li.active{background:#f7006c;}
.step-content h4{font-weight:700;font-size:19px;margin:0;padding-bottom:0}
.step-content .step-notification{background:#ffe0ee;border:3px solid #dad8d8;border-radius:5px;margin-top:10px;padding:10px 15px;font-size:16px;color:#f7006c;}


.step-content .issue-points ul li{list-style:none;display:block;text-align:left;padding:5px 0;}
.step-content .issue-points ul li > div.points{margin-left:40px;}
.step-content .issue-points ul li > input{float:left;}
.step-content .issue-points ul li p{padding:0;margin:0;}
.step-content .issue-points ul li p:last-child{color:#817f7f;}

/* BUTTONS */
.btn-next-step{border:1px solid #fff;border-radius:0;background:#f7006c;font-family: 'Roboto Condensed', sans-serif;font-size:24px;font-weight:700;color:#fff;text-align:center;min-width:150px;text-transform:uppercase;padding:3px 10px;}
.btn-next-step:hover, .btn-next-step:focus{color:#fff;}
.btn-next-step span{font-size:12px;top:-2px;}


/*detail style*/
.product-bg img{margin:auto;}
.carousel-indicators{left:63%; bottom:0;}

.product-price{border-right:1px solid #000; padding:0 15px 0 0; margin:15px 0 0 0;}
.product-price h2{color:#000; font-size:30px; margin:0; padding:0;}
.product-price h3{color:#676767; font-size:18px; margin:0; padding:0; font-weight:normal; text-decoration:line-through;}
.product-description{padding:20px 0 0 15px; display:table-cell;}
.product-description p{text-align:left; color:#000; font-size:14px;}

.select-size{margin:16px 0 0 0;}
.select-size button{border-radius:0; border-color:#000; width:140px;}
.icn-btn{background:url(/static/images/icn-dd.png) center no-repeat; float:right;width:14px;height:20px;display:inline;}

.quantityWrap{/*width:168px;*/float:right;}
.quantityWrap p{font-size:11px; color:#000; margin:0; padding:0; text-align:center; }
.product-quantity{border:1px solid #000; position:relative;}
.product-quantity button:nth-child(1){border-radius:0; border:none; border-right:1px solid #000;}
.product-quantity button:nth-child(3){border-radius:0; border:none; border-left:1px solid #000;}
.product-quantity input{}
.product-quantity input[name="inputQuantity"]{border:none; text-align:center; width:60px;}
.icn-btn2{background:url(/static/images/resp/icn-dd2.png) 0 center no-repeat; padding-left:14px;}
.icn-btn3{background:url(/static/images/resp/icn-dd.png) 0 center no-repeat; padding-left:14px;}

.product-chart{padding:20px 0 0 0;}
.product-chart p{font-size:12px; text-align:left;}
.c-pink{color:#fd3d66;}

.offerHead{border-bottom:3px solid #000000;}
.offerHead h2{font-size:11px; background:#000; color:#fff; padding:3px 0 0 0; margin:0; width:15%; text-align:center;}

.offers{}
.offers ul{margin:0; padding:10px 0; border-bottom:1px solid #000;}
.offers ul li{margin:0; text-align:left; list-style:none; display:table-cell;padding:5px;}
.offers ul li:first-child{padding-left:0;}
.offers ul li:last-child{padding-right:0;}
.offers ul li .selectcount{background:#d6d8cb;width:100%;margin-top:3px;}
.offers ul li .selectcount span{background:#e58bd5; color:#fff; padding:0 6px 0 5px;white-space:nowrap;}
.offers ul li a{text-decoration:underline; color:#323232;}
.pad-LR24{padding:0 24px;}
.f-13{font-size:13px;}
.f-10{font-size:10px;}
.f-12{font-size:12px;}
.c-gray{background:#d6d8cb !important; padding-right:30px !important; display:block;}

.productsDetail .panel-group{text-align:left; border:none;}
.productsDetail .panel-group .panel{border-radius:0; background:#fff; border:none; box-shadow:none;}
.productsDetail .panel-group .panel-default .panel-heading{background:none; border-bottom:1px solid #dbdbdb;}
.productsDetail .panel-group .panel .panel-heading h4{font-size:14px; color:#656565; font-weight:normal;}
.productsDetail .panel-group .panel .panel-heading h4 a{text-decoration:none; display:table; width:100%;}
.arrowDown{background:url(/static/images/resp/down-arrow.png) right center no-repeat; padding:6px;}
.productsDetail .panel-body h3{font-size:14px; margin:0; padding:5px 0;}
.productsDetail .panel-body p{padding:5px 0;}

.btn-buyNow{background:#d9d9d9; width:50%; border:none; border-right:2px solid #fff;padding-top:5px;padding-bottom:5px;}
.btn-buyNow input{background:none; border:none; padding:5px 0; width:100%;}
.icnbuy{background:url(/static/images/resp/icn-cart.jpg) 10px center no-repeat;}

.btn-addBag{background:#ff3d67; width:50%; border:none; color:#fff; border-left:2px solid #fff;padding-top:5px;padding-bottom:5px;}
.btn-addBag input{background:none; border:none; padding:5px 0; width:100%;}
.addBag{background:url(/static/images/resp/icnaddBag.jpg) 10px center no-repeat;}
.buttons{border-bottom:2px solid #000;position:fixed;bottom:0;left:0;}

/*filter page style*/
.navbar.navbar-default.bdr-none{border:none !important;}
.filter-list {display:none;background:#fff;height:100%;position:absolute;z-index:999;left:0;width:100%}
.filterClear{border-bottom:1px solid #000; border-top:1px solid #000;}
.filterSection{font-size:12px; padding:5px 0 5px 3px;}
.filterSection a{color:#000;}
.filterSection a span{font-size:10px; letter-spacing:-1px; padding:0 0 0 3px;}

.clearSection{font-size:12px; padding:5px 3px 5px 0;}
.clearSection a{color:#000; border-bottom:1px solid #949494;}

.productDetails{width:100%;}
.tabHeading{}
.scrollBar{max-height:257px; overflow-y:scroll; margin:15px 0 0 0;}
.tabHeading ul{margin:0; padding:0; border-right:1px solid #7f7f7f;}
.tabHeading ul li{list-style:none; margin:0; padding:0 0; text-align:left; border-bottom:1px solid #7f7f7f; display:block; font-size:16px;}
.tabHeading ul li:hover, .tabHeading ul li.active{background:#ffdaef;}
.tabHeading ul li span.glyphicon{display:none;}
.tabHeading ul li.active{position:relative;}
.tabHeading ul li.active span.glyphicon{display:block;position:absolute;top:26px;right:-10px;color:#282828;font-size:12px;}
.tabHeading ul li a{color:#808080; padding:20px 0 22px 52px; display:block;}
.icn-size{background:url(/static/images/resp/icn-size.jpg) left center no-repeat;}
.icn-color{background:url(/static/images/resp/icn-color.jpg) left center no-repeat;}
.icn-style{background:url(/static/images/resp/icn-style.jpg) left center no-repeat;}
.icn-sort{background:url(/static/images/resp/icn-sort.jpg) left center no-repeat;}

.tab-content{}
.tab-content ul{margin:0; padding:0;}
.tab-content ul li{margin:0; padding:0 0 11px 5px; list-style:none; text-align:left;}
.tab-content ul li input{vertical-align:top;}
.tab-content ul li div{display:inline; padding:0 0 0 5px;}
.tab-content ul li span{padding:0 0 0 10px; color:#bfbfbf; font-size:12px;}

.filtersButton{margin:10px 0 0 0;}
.btn-clearFilter{background:#d9d9d9; width:49.5%; border:1px solid #c5c3c4; border-radius:2px; }
.btn-clearFilter input{background:none; padding:5px 0; width:100%; border:none;}
.btn-apply{background:#ff3d67; width:49.5%; color:#fff; border:1px solid #ba0e34; border-radius:2px;}
.btn-apply input{background:none; border:none; padding:5px 0; width:100%;}
/**********************************/
.resp-mainNav { float: left; }
/**********************************/



/* CART STYLES */
.pageHeading{background:#ff3d67;}
.pageHeading h2{color:#fff;text-transform:uppercase;font-size:18px;margin:0;padding:5px 0;}
.cart-wrap{text-align:left;}
.cart-wrap .cart-prodList{width:100%;}
.cart-wrap .cart-prodList ul{padding:0;}
.cart-wrap .cart-prodList ul li{padding:10px 10px 15px;list-style:none;display:block;border-bottom:1px dashed #cbcbcb;position:relative;}
.cart-wrap .cart-prodList ul li:last-child{border-bottom:none;}
.cart-wrap .cart-prodList ul li .prod-name{color:#333333;font-size:15px;margin-right:100px;}
.cart-wrap .cart-prodList ul li .prod-name span{color:#ff3d67;}
.cart-wrap .cart-prodList ul li .prod-price{color:#333333;font-size:22px;}
.cart-wrap .cart-prodList ul li .prod-img{width:86px;height:86px;float:left;}
.cart-wrap .cart-prodList ul li .prod-offers{background:url(/static/images/resp/offer-band-img.png) no-repeat left top;padding-left:70px;min-height:37px;float:left;width:61%;margin-top:25px;}
.cart-wrap .cart-prodList ul li .quantityWrap{float:left;margin-left:10px;margin-top:15px;}
.cart-wrap .cart-prodList ul li .quantityWrap .product-quantity button{padding:3px 5px;}
.cart-wrap .cart-prodList ul li .quantityWrap .product-quantity input[name="inputQuantity"]{width:50px;}
.cart-wrap .cart-prodList ul li .cart-btnWrap{position:absolute;bottom:10px;right:10px;}
.cart-wrap .cart-prodList ul li .cart-btnWrap button{background:#fff;border:1px solid #a5a5a5;padding:5px 10px;min-width:90px;text-transform:uppercase;}
.cart-wrap .promotional{
background: -webkit-radial-gradient(farthest-side at 45% 0%,#fff,#e5e5e5);
background: -o-radial-gradient(farthest-side at 45% 0%,#fff,#e5e5e5);
background: -moz-radial-gradient(farthest-side at 45% 0%,#fff,#e5e5e5);
background: radial-gradient(farthest-side at 45% 10%,#fff,#e5e5e5);
box-shadow:0 0 5px #888;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px #888;
padding:18px 10px;}
.cart-wrap .promotional .congrats{background:url(/static/images/resp/promotional-band-img.png) no-repeat left top;min-height:47px;float:left;font-size:22px;}
.cart-wrap .promotional .congrats span{float:right;}
.cart-wrap .promotional ul{padding:0;margin:0;display:block;clear:both;}
.cart-wrap .promotional ul li{padding:5px 0;list-style:none;display:block;font-size:13px;color:#666}
.cart-wrap .promotional ul li .point-num{width:20px;float:left;}
.cart-wrap .promotional ul li .point-txt{margin-left:20px;}
.cart-wrap .promotional ul li .point-txt p{padding:0;margin:0;}
.cart-wrap .promotional ul li .point-txt p span{color:#333;}
.cart-wrap .promotional ul li .point-txt p button{background:#fff;border:1px solid #a5a5a5;padding:2px 10px;width:50px;text-transform:uppercase;margin-right:20px;}
.cart-wrap .promotional ul li .point-txt p button:hover{border-color:#f250b0;}
.btn .outline:active{border-color: #f250b0;}
.cart-wrap .coupon{padding:15px 10px;color:#333;border-bottom:1px dashed #cbcbcb;}
.cart-wrap .coupon span{text-transform:uppercase;}
.cart-wrap .coupon input{border:1px solid #a5a5a5;padding:5px 10px;min-width:90px;margin:0 10px;width:30%;}
.cart-wrap .coupon button{background:#fff;border:1px solid #a5a5a5;padding:5px 10px;width:80px;text-transform:uppercase;}
.cart-wrap .coupon .shipping{color:#fd3e67;text-transform:uppercase;float:right;padding:7px 0 0;}

.cart-wrap .total{text-transform:uppercase;text-align:right;font-size:22px;padding:20px 10px;width:100%;float:left}
.cart-wrap .total span{background:#333;color:#fff;padding:5px 15px;}

.cart-wrap .proceedBtnRow .btn-proceed{background:#fd3e67;width:100%;padding:5px 10px 4px;border:none;color:#fff;text-transform:uppercase;font-size:21px;}
.cart-wrap .upgrade{background:url(/static/images/resp/upgrade-sign.png) no-repeat left center;padding:15px 10px;padding-left:170px}
.dropdown.open { position: static; }
.dropdown-menu>li { display:inline-table;}

@media (max-width: 340px){
.cart-wrap .promotional .congrats span{display:block;margin-top:45px;text-align:left;width:100%;}
}
@media (max-width: 460px){
.cart-wrap .cart-prodList ul li .prod-offers, .cart-wrap .cart-prodList ul li .quantityWrap{margin-top:0;}
.cart-wrap .coupon .shipping{width:100%;}
.cart-wrap .promotional .congrats{background:url(/static/images/resp/promotional-band-img-small.png) no-repeat left top;width:100%;}
.cart-wrap .promotional .congrats span{display:block;margin-top:5px;}
}

@media (max-width: 767px){
/* FORM ELEMENTS */
.size select{width:56px}
.bgLight{
color:#666666;
padding-bottom:100px;
background: -webkit-radial-gradient(#ffffff 10%, #ffe5f1 100%); /* Safari 5.1 to 6.0 */
background: -o-radial-gradient(#ffffff 10%, #ffe5f1 100%); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(#ffffff 10%, #ffe5f1 100%); /* For Firefox 3.6 to 15 */
background: radial-gradient(#ffffff 30%, #ffe5f1 100%);
}
.btn-next-step {
min-width: 50% !important;
}
.step-content .image{max-width:100%;height:100%;}
.navbar-right{position:absolute;right:19px;;top:0;}
.size{width:42% !important; margin:0 auto;}
.btn-next-step{}
.bgDark{padding-top:66px !important;}
.bgLight{margin-top:0 !important;}
/*** top navigation ***/
.resp-mainNav{float:none}
.resp-mainNav .navbar-nav{margin-top:0; margin-bottom:0;}
.nav > li{text-align:left;}
.age{width:42%!important; margin:0 auto}
#resp-primeNav{position:absolute; z-index:9999; right:0; top:-3px; width:auto}
#resp-primeNav .navbar-nav{margin-right:13px;}
#resp-primeNav >ul{}
#resp-primeNav >ul >li{float:left; text-align:center; border-right:0}
#resp-primeNav .navbar-nav{float:right;}
#resp-primeNav >ul >li .dropdown-menu{ position:absolute;}
#resp-primeNav >ul >li .dropdown-menu li{ text-align:left}

.navbar-header a.navbar-brand{margin:auto;}

/*detail style*/
.carousel-indicators{left:50%;}

}
@media (min-width: 768px){
/* FORM ELEMENTS */
.size select{width:66px}
.step-content .image{max-width:194px;height:177px;}
.filterSection{display:inline-block;padding:12px 10px;}
}

@media (min-width: 992px) {
.navbar-right li a{padding-top:13px;padding-bottom:13px;}
}




.cart-wrap .buy {
float: left;
font-size: 12px;
padding: 2px 10px;
text-align: right;
text-transform: uppercase;
width: 100%;
}

.cart-wrap .buy span {
padding: 9px 1px;
}

.buttonText {
font: 18px/1.5 Helvetica, Arial, sans-serif;
color: #fff;
}



.point-txt p.button{background-color:#F00 !important}
.cart-wrap .buy.Rs{padding:5px;}

.btn .btn-default:active
{
background-color:#FFFFFF;
border: 0 solid red;
color:#132b14;
}

.age{width:18%; margin:0 auto}
.size{width:18%; margin:0 auto;}
.button-freze{bottom: 0;
left: -4%;
position: fixed;
width: 108%;
z-index: 9999;}



.btn-next-step {
background: #f7006c none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 0;
color: #fff;
font-family: "Roboto Condensed",sans-serif;
font-size: 24px;
font-weight: 700;
min-width: 150px;
padding: 3px 10px;
text-align: center;
margin: 0 -2px!important;
}
.menuchange{margin-bottom:0 !important}
body{text-align:center;}

/******************** new css ********************/

.megaMenu a, .Rgstr li{/*font-family:'source sans pro', sans-serif;*/font-size:11px}
.tplftText li, .tprftText li, .tplftText li a, .tprftText li a, .tprftText li{font-size:9px;}
.no-border p, .megaMenu .subMenu a{font-size:12px;}
.bgfitcolor{background-color:#f0f0f0;position:relative;font-weight:normal;font-size:18px;font-family:'Poppins', sans-serif !important;line-height:21px;text-align:left}
.mainContainer{background-color:#fff;padding-left:30px;padding-right:30px;padding-top:30px;line-height:35px;margin:0 30px 30px 30px}
.BannerText{position:relative;margin-top:-70px;}

.bgfitcolor h1{font-weight:normal;background-color:#fff;color:#e51153;margin:0;padding:0 0 10px;font-size:28px;text-align: center;font-family:'Poppins', sans-serif !important;}
.bgfitcolor h2, .bgfitcolor h3.bra_calc{color:#e51153;margin:0 0 10px 0;padding:0;font-size:20px;font-family:'Poppins', sans-serif !important;font-weight:normal;border-bottom:1px solid #ee5786;}
/*.bgfitcolor h3.bra_calc{text-align: center}*/
.listIcon{margin-left:8px;margin-top:13px}
.listIcon li{list-style:none;position: relative;line-height:25px;margin-bottom:13px}
.listIcon li:before {
position: absolute;
content: '♥';
width: 17px;
height: 11px;
left: -26px;
color:red;
top: 0px;
background-repeat: no-repeat;
}
.boldCalc.m0{display:block}
.hpyshpng {
background-color: #e63f53;
border-radius: 6px;
padding: 10px 40px;
color: #fff;
font-size: 15px;
margin: 0 auto;
display: table;
font-weight: 600;
}
.NoteLine{border:1px solid #ccc;padding:5px;margin-top:5px}
.note2{margin-left:-27px;margin-top:13px;margin-bottom:20px;line-height:35px}
.hpyshpng:hover, .hpyshpng:focus{color:#fff}
.fit-selected {
        background-color: #f7dbf9;
        cursor: pointer;
    }

    #toggle-view {
        text-align: left;
    }

    #toggle-view h3 {
        font-weight: 300;
    }

    #recommendbutton {
        bottom: 0 !important;
        z-index: 9999 !important;
    }

    .bannerlogonew1 {
        margin-top: 35px !important;
    }

    @media (max-width: 320px) {
        .bannerlogonew1 {
            margin-top: 17% !important;
        }
    }

    @media (max-width: 330px) {
        .bannerlogonew1 {
            margin-top: 16% !important;
        }
    }

    #recommendbutton button {
        margin-left: -5%;
    }

    .size select {
        width: 68px;
    }

    .hedingBox h1 {
        font-size: 24px;
        color: rgb(246, 69, 93);
        border-bottom: 1px solid rgb(246, 69, 93);
        padding: 0;
        margin-bottom: 9px;
    }

    .hedingBox h2 {
        color: rgb(246, 69, 93);
        padding: 0;
        margin-bottom: 0;
        font-size: 19px;
    }

    .hedingBox ul {
        list-style: disc;
        margin-left: 20px;
        color: #000;
        margin-bottom: 10px
    }
    .MyAccountDp:before {top: -13px;right: 25%;}
    .braTbl1 {
        border-collapse: collapse;
        width: 100%;
        text-align: center;
        margin: 16px auto 0
    }

    .braTbl1 td, .braTbl1 th {
        border: 1px solid #e3e3e3;
        padding: 5px;font-size:16px;    width: 12.5%;
    }
    .mainContainer .imgResponsive{width:100%}
    .fitpos{display:inline-block;padding:0 0 20px}
    .lftpos{float:left;width:70%}
    .rgtpos{float:right;width:20%}
    .rgtpos img{border-radius:50%}
    .fltBtn {
background-color: #ee5786;
border-radius: 6px;
padding: 13px 15px;
position: fixed;
bottom: 80px;
right: 30px;
color: #fff;
z-index: 1;
text-align: center;
font-size: 18px;
/*animation: shadow-pulse 3s infinite;*/
}
@keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } } @keyframes shadow-pulse-big { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0 0 0 70px rgba(0, 0, 0, 0); } }
    .fltBtn:hover, .fltBtn:focus{color:#fff}
    .headtop {
margin-bottom: 0;
position: relative;
z-index: 1;
}
    .footer{z-index:2!important;}

.ddBlack{margin-top:0 !important;}
.MyAccountDp li a{padding:0}
.breadcrumbs{border-radius:0; background:transparent;text-align:left;color:#78838e;margin:0 0 0 15px;}
.breadcrumbs a{text-decoration:none;color:#78838e;}
.breadcrumbs span{padding-left:10px;padding-right:10px;}
.breadcrumbs li{display:inline-block}
.breadcrumbs > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
/**size chart popup css */
.txtHeading {
display: block;
line-height:27px;
}
.bgPnk {background-color:transparent;border-bottom:1px solid #ee5786;color: #fff;padding:8px 15px;font-size:22px;overflow: hidden;width:100%;}
.bgPnk h2{border:0;float:left;margin:0;}
.bgPnk p.switchBtn {
margin: 0;
border: 2px solid #a3a3a3;
font-size: 17px;
border-radius: 4px;
}
.bgPnk p.switchBtn span {
padding:0;line-height:26px;font-size:16px;
float: left;
width:42px;
text-align: center;
font-weight:normal;color:#a3a3a3;
cursor: pointer;
}
.bgPnk p.switchBtn span.selected{background-color:#a3a3a3;color:#fff;width:43px;}
.bgPnk p.switchBtn span:first-child{border-right:1px solid #a3a3a3}


/*******************************new calculator ***************************/
.lftCalculator{float:left}
.rftCalculator{float:right}
.sliderPosition, .sliderPosition1 {bottom:30px;width:210px;left:67px;}
.sliderPosition1 {
bottom: 35px;
left: 60px;
width: 226px;
}
.braPosition {left:69px;top:77px;width:210px}

@media (max-width:800px){
    .lftCalculator{float:left}
    .sliderPosition, .sliderPosition1 {bottom:30px;width:210px;left:67px;}
    .sliderPosition1 {
        bottom: 35px;
        left: 60px;
        width: 226px;
    }
    .braPosition {left:69px;top:77px;width:210px}
}
.slider {
-webkit-appearance: none;
width: 100%;
height:72px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
background:url(/webstatic/images/resp/measurement.png);background-repeat: no-repeat;

}
.sliderPosition1 .slider{background-size:100%}
.sliderPosition1 .valueSliderBtn{margin-top: 32px;}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width:39px;
height:38px;
border: 0;
background: url(/webstatic/images/resp/contrasticon.png);background-position:0 0;background-repeat: no-repeat;margin-top:-10px;
cursor: pointer;
}

.slider::-moz-range-thumb {
width:39px;
height:38px;
border: 0;
background: url(/static/images/resp/contrasticon.png);background-position:0px 0px;background-repeat: no-repeat;margin-top:0px;
cursor: pointer;
}
.valueSliderBtn {
font-size:17px;
text-align: center;
color: #333;
font-weight: bold;
}

.formControl{border:1px solid #ccc;color:#555;display:block;font-size:14px;height:34px;line-height:1.42857;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%;-wekbit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,.075) inset;-o-box-shadow:0 1px 1px rgba(0,0,0,.075) inset;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;}

#valueSlider, #valueSlider1 {
width: 54px;
height: 30px;
text-align: center; color: #f861a7 !important;
display: inline-block;
font-size:20px;
font-weight: bold;    margin-left: 6px;
vertical-align: middle;
border-radius: 4px;
}


.switchBtn {
margin: 0 auto;
border: 2px solid #f861a7;
font-size: 17px; text-align: center;
border-radius: 4px;
width: 88px;
overflow: hidden;
}
.switchBtn span {
padding: 2px 0px;
/* display: inline-block; */
color: #f861a7;
width: 42.5px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.switchBtn span.selected{background-color:#f861a7;color:#fff}
.switchBtn span:first-child {
margin-left: -1px;
border-right: 1px solid #f861a7;
float: left;
}
.switchBtn span:last-child {
margin-left: 0;
float: left;
}
.braCalMain{overflow:hidden;padding:35px 0;margin: auto}
.centerText{text-align: center;margin:auto;width:200px;position: absolute;left:0;right:0}
.sizeMain {
color: #f861a7;margin-top:50px;
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 40px;margin-bottom:10px;
}
@media (max-width:800px){
    .braCalMain{
        width: auto;
    }
}
.sizeMain span {
color: #999;
display: block;
font-size: 30px;
line-height: 30px;
}
input[type='text'].Brsize {width: 140px;margin: auto !important;color: #f861a7;font-weight: bold;text-align: center;font-size: 40px;font-weight: bold;height: 50px;}

.imgwidth{width:350px;}
@media(max-width:992px){
.braCalMain {min-height: 372px;overflow: visible;}
.imgwidth{width:300px;}
.braPosition{left:60px;top:64px;width:180px;}
.sliderPosition, .sliderPosition1 {bottom:32px;width:192px;left:60px;}
.sliderPosition1{bottom: 32px;left:60px;width:189px}
.slider{background-size:182px;height:32px}

}
@media(max-width:690px){
    
    .rftCalculator{float:left}
    .braCalMain {min-height: 402px;overflow: visible;}
    .imgwidth{width:180px;}
    .braPosition{left:35px;top:42px;width:110px;}
    .sliderPosition, .sliderPosition1 {bottom:-32px;width:102px;left:38px;}
    .sliderPosition1{bottom: -32px;left:34px;width:109px}
    .slider{background-size:122px;height:32px}
    .centerText{
        top:50%
    }
    #calculated_result{
        top: 95%;
        height: 45px;
        margin: auto;
    }
}
@media(max-width:390px){
    
    .rftCalculator{float:left}
    .braCalMain {min-height: 402px;overflow: visible;}
    .imgwidth{width:160px;}
    .braPosition{left:30px;top:37px;width:100px;}
    .sliderPosition, .sliderPosition1 {bottom:-39px;width:92px;left:33px;}
    .sliderPosition1{bottom: -39px;left:34px;width:99px}
    .slider{background-size:112px;height:32px}
    .centerText{
        top:50%
    }
}

.absolute {
position: absolute;
}
.imgResponsive {
max-width: 100%;
height: auto;
}

.imgTpSection{position: relative}
.imgTpSection .txtHed {position: absolute;top: 40%;right: 7%;transform: translate(-7%, -38%);width:36%; text-align: left;}

.BtContChange.container {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;width:80%;}
.BtContChange {margin-top: 40px;margin-bottom: 50px;}
.BtcontLeft{border-right:1px solid #000}
.BtcontLeft, .BtContRight {padding-top:40px;padding-bottom:40px;display: inline-block;width: 49%;vertical-align: middle;}
.BtcontLeft h2 {text-align:left;color:#ee5786;border:0;margin:0;margin-bottom:18px;padding:0;font-size:33px;font-family:'Roboto', sans-serif;}
.TextChange {color: #5d5d5d;font-size: 20px;font-family: 'Roboto', sans-serif;line-height:29px;}
.btnPnk1 {cursor:pointer;background-color: #ee5786;color: #fff;font-size:27px;padding:20px;display:block;width:65%;margin: auto;text-align: center;font-weight: normal;font-family: 'Roboto', sans-serif;
-webkit-box-shadow:0px 13px 8px 2px #ccc;
-moz-box-shadow:0px 13px 8px 2px #ccc;
-ms-box-shadow:0px 13px 8px 2px #ccc;
-o-box-shadow:0px 13px 8px 2px #ccc;
box-shadow:0px 13px 8px 2px #ccc}



@media(max-width:1200px){
.txtHed h1 {font-size:35px;line-height: 36px;}
.TextChange {font-size: 18px;padding-right: 50px;}
.btnPnk1{font-size:20px;padding:15px}
.txtHed p {margin: 35px 0 0 0;font-size: 18px;line-height:25px}
}
.TextChange {text-align:left;color: #5d5d5d;font-size: 20px;font-family: 'Roboto', sans-serif;line-height:29px;position: relative;padding-right: 40px;}

.TextChange:before{
content: "";
/*--adjust as necessary--*/
background-image:url("/static/images/tpAr.jpg");
background-repeat: no-repeat;
width:17px;
height:14px;
position: absolute;
top:-2px;left:-25px;opacity:.3;
}
.TextChange:after{
content: "";
/*--adjust as necessary--*/
background-image:url("/static/images/btAr.jpg");
background-repeat: no-repeat;
width:17px;
height:14px;
position: absolute;
bottom:4px;right:25px;opacity:.3;
}


.ScreensContainer{
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
}
.Source{font-family:'Source Sans Pro', sans-serif;}
.Roboto{font-family:'Roboto', sans-serif;}
/**************************************fit test Screens**************************************/
.MainSection {margin-top:34px;}
.ScreensContainer{list-style: none}

.FitestQuestion {font-size: 17px;font-family: 'Source Sans Pro',sans-serif;padding: 0px 0 11px 0;display: block;color: #333;font-weight: bold;}
.fitestSizes{width:60%;text-align:center;margin:auto;}
.fitestSizes li { cursor:pointer; list-style: none;color: #494849;border: 1px solid #d2d2d2;border-radius: 30px;display: inline-block;padding: 11px 9px;font-size: 17px;margin-bottom: 6px;font-weight: bold;line-height: 19px;margin-right: 6px;width: 42px;text-align: center;}
.fitestSizes li.selected {background: #ee5786;color: #fff;border: 1px solid #ee5786;}



.modalForm{clear:both;margin-top: 10px;}
.formRow{margin-bottom:20px;display:flex;font-family:'Roboto', 'Arial', 'Sans-serif';}
.formRow label{font-size: 15px;width:46%;color:#333}

.formRow span {margin-top: 9px;color: #333;font-size: 12px;}

#CalulatorPopup .modal-dialog{transform: translate(0, -43%);top:43%;width:32%}
.shapeSection{display:inline-block;padding:25px 10px;width:20%;text-align:center;margin-bottom:0px;vertical-align: top;cursor: pointer}
.shapeSection.selected{background-color:#f7e3e9;margin:auto;border-radius:5px;margin-bottom:0px;}
.screensprdImg{width:218px;display: block;margin: auto}
.imgResponsive.fnImg {display:inline-block;max-width:100%;width:auto;margin-right:40px;vertical-align:middle}
.fitTestScreen7 .shapeSection{width:50%}
/*.fitTestScreen3 .shapeSection, .fitTestScreen4 .shapeSection{width:20%}*/

.screensRftSection{font-family:'Roboto', 'Arial', 'Sans-serif';display:block;color:#333}
.screensTitleRft {display: block;font-size: 16px;font-weight: bold;color: #333;margin-bottom:4px;}
.screensDesc {font-family: 'Roboto', 'Arial', 'Sans-serif';font-size:15px;font-weight: 400;}

.nxtPnkBtn{left:auto;right:30px;}


.calcltrPopMain{display:table;margin:10px auto 50px auto}

.suggestLovebird{margin:30px auto;width:30%;text-align:center;padding:6px 5px;font-family: 'Roboto', 'Arial', 'Sans-serif';position: relative}



.suggestTitle {display: block;font-weight: bold;color: #333;font-size:17px;font-family:'Roboto', 'Arial', 'Sans-serif';}
.suggestDesc{display:block;color: #333;font-size:15px;font-family:'Roboto', 'Arial', 'Sans-serif';}
.fitTestScreen6 .screensRftSection {width: 50%;text-align: left;display: inline-block;vertical-align: top}
.fitTestScreen6  .screensTitleRft .tdBtn{margin-right:5px;}
.fitTestScreen6 .screensTitleRft label {
font-size: 14px;
font-family: 'Roboto', 'Arial', 'Sans-serif';
font-weight: 500;
}

.fitTestScreen6 .shapeSection{width:70%}

.screensTitleRft input[type="radio"] {display:none}

.screensTitleRft input[type="radio"] + label {color:#434343;display:inline-block;font-weight:500;font-size:13.5px;font-family:'Roboto', 'Arial', 'Sans-serif';margin-right:10px;}

.screensTitleRft input[type="radio"] + label span {
display:inline-block;
width:17px;
height:17px;
margin:-1px 4px 0 0;
vertical-align:middle;
/*    background-image:url(../images/spriteNew.png);
background-repeat:no-repeat;
background-position:-82px -1017px;*/
cursor:pointer;
border:2px solid #b2b2b2;border-radius:50px;
transition: all ease-in-out .3s;
}

.screensTitleRft input[type="radio"] + label:focus span{outline:none;}
.screensTitleRft input[type="radio"]:checked + label span{
border:2px solid #e51153;border-radius:50px;position:relative;
transition: all ease-in-out .3s;
}
.screensTitleRft input[type="radio"]:checked + label span:before {
position: absolute;
content: '';
top: 3px;
background-color: #e51153;
width: 7px;
height: 7px;
border-radius: 50%;
left: 3px;
cursor:pointer;
transition: all ease-in-out .3s;
}
.fitTestScreen6 .screensTitleRft {margin-bottom:20px;}
.fitTestScreen7 {
font-family: 'Roboto', 'Arial', 'Sans-serif';
padding-left: 10px;
padding-right: 10px;
}
.fitTestScreen7 .fitTestHeading {
font-size: 32px;
line-height: 38px;
}
.fitTestScreen7 .form-group{text-align:left}
.ageSelect, .formControl{border:1px solid #ccc;background: transparent;
color: #555;
display:inline-block;
font-size: 14px;margin-bottom: 20px;
height: 34px;
line-height: 1.42857;
text-indent: 10px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width:50%;
-wekbit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.ageSelect{height:40px;}
.fitTestScreen7 .screenCalculator{width:35%;margin: auto}
.fitTestScreen7 .form-group label{display:inline-block;width:47%;font-size:14px;font-family:'Roboto', 'Arial', 'Sans-serif';color: #333;font-weight:bold}




/*******************************************/
.btnRow {position: relative;margin:10px auto;width: 62%;background-color: #eee;overflow: hidden}
.bckPnkBtn span, .nxtPnkBtn span {color:#333;font-size:16px;vertical-align: middle;}
.bckPnkBtn i, .nxtPnkBtn i {font-size:26px;vertical-align: middle;margin:0 8px}
.bckPnkBtn, .nxtPnkBtn{font-family: 'Roboto', 'Arial', 'Sans-serif';font-size: 17px;font-weight: bold; margin:0px auto;padding:8px;text-align: center;cursor: pointer}

.step-bullets {margin:10px 0 0 0;text-align: center;}
.step-bullets li.active {background:#a2a2a2;display: inline-block;}
.step-bullets li {list-style:none;display:inline-block;width:9px;height:9px;border-radius:50%;font-size:12px;border:1px solid #a2a2a2;vertical-align: middle;margin: 0;font-family: 'Roboto', 'Arial', 'Sans-serif';font-weight: bold}
.TextBt {
color: #000;
display: table;
margin: 8px auto 0px 0;
font-size: 16px;
}
.calcltrPop {color:#ee5786;display:table;margin:auto;font-size:14px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:5px 0;margin-top:5px;cursor: pointer}
.fitTestHeading{margin: 0;padding: 0;color: #434343;font-size:30px;padding-top: 20px;padding-bottom: 20px;font-weight:normal;line-height: 24px;font-family:'Roboto', 'Arial', 'Sans-serif';}
.suggestLovebird:before{content: "";background-image: url(/static/images/tpAr.jpg);background-repeat: no-repeat;width: 17px;height: 14px;position: absolute;top: 18px;left: -17px;opacity: .3}
.suggestLovebird:after {
content: "";
background-image: url(/static/images/btAr.jpg);
background-repeat: no-repeat;
width: 17px;
height: 14px;
position: absolute;
bottom: 4px;
right: -17px;opacity: .3
}
.pinbtnNew {background-color:#000;color: #fff;font-family: 'Roboto', 'Arial', 'Sans-serif';border: 0;text-transform: uppercase;padding: 10px;width: 40%;border-radius: 4px;font-size: 17px;margin: auto;display: table;}
.switchBtn {overflow: hidden;border: 2px solid #000;font-size: 14px;border-radius: 4px;width: auto;float: right;text-align: center;margin-bottom: 10px;font-family:'Roboto', 'Arial', 'Sans-serif';margin-top:0}
.switchBtn span.selected {background-color: #000;color: #fff;border-bottom: 1px solid #000;border-top: 1px solid #000}
.switchBtn span:first-child {margin-left: -1px;border-right: 1px solid #000;float: left;}
.switchBtn span {padding: 0;float: left;color: #000;width: 42px;line-height:19px;font-weight: 400;cursor: pointer;}
.formRow .formControl{width:16%;margin-right:5px;margin-bottom: 0}

.resulttext strong{display: block;
color: #168202;
font-size: 33px;
font-weight: normal;
}
.resulttext{
display: block;
text-align: center;
font-size: 16px;
font-family: Roboto, Arial, sans-serif;
margin: 10px 0;
line-height: 30px;
}

.btnPnk1 {background-color: #ee5786;color: #fff;font-size:28px;padding:20px;display:block;width:65%;margin: auto;text-align: center;font-weight: normal;font-family: 'Roboto', sans-serif;
-webkit-box-shadow:0px 13px 8px 2px #ccc;
-moz-box-shadow:0px 13px 8px 2px #ccc;
-ms-box-shadow:0px 13px 8px 2px #ccc;
-o-box-shadow:0px 13px 8px 2px #ccc;
box-shadow:0px 13px 8px 2px #ccc}
@media(max-width:1200px){
.txtHed h1 {font-size:35px;line-height: 36px;}
.TextChange {font-size: 18px;padding-right: 50px;}
.btnPnk1{font-size:20px;padding:15px}
.txtHed p {margin: 35px 0 0 0;font-size: 18px;line-height:25px}
}

.optionerrormsg {
display: block;
color: red;
font-size: 13px;
background: #ffeded;
width: 60%;
margin: 10px auto;
border: 1px solid #ffd0d0;
padding: 8px;
border-radius: 4px;
text-align: center;
}

.txtHed h1 {
border: 0;
color: #000;
font-size: 38px;
line-height: 40px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.txtHed p {
margin:15px 0 0 0;
padding: 0;
font-size: 23px;
font-family: 'Roboto', sans-serif;
color: #000;
line-height: 32px;
}
@media (min-width: 700px) {
    .img-responsive.primaryImage {
        height:347px;
    }

    .secondaryImage {
        height:347px;
    }

    .carimg{
        height:347px !important;
        max-height: 347px !important;
    }

}

.logo-unit{-webkit-box-shadow: 0px 5px 12px -1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 12px -1px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 12px -1px rgba(0,0,0,0.15); background-color:#fff; position: relative; z-index: 999; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:7px 15px; float: left;
    margin-top: -15px;
}

.logo-unit img{width:65px;}


.myscroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

.myscroll::-webkit-scrollbar:vertical {
    width: 10px;
}

.myscroll::-webkit-scrollbar:horizontal {
    height: 11px;
}

.myscroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.primaryImage{
    width:100%;
    object-fit: cover;
}

.secondaryImage{
    width:100%;
    object-fit: cover;
}

.myscroll{
    max-height:240px;
    overflow: auto;
}
/*! roundSlider v1.0 | (c) 2015, Soundar | MIT license | http://roundsliderui.com/licence.html */
.rs-control
{
position:relative;outline:0 none
}
.rs-container
{
position:relative
}
.rs-control *,.rs-control *:before,.rs-control *:after
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;box-sizing:border-box
}
.rs-animation .rs-transition
{
-webkit-transition:all .5s linear 0s;
-moz-transition:all .5s linear 0s;
-o-transition:all .5s linear 0s;
transition:all .5s linear 0s
}
.rs-bar
{
-webkit-transform-origin:100% 50%;
-moz-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
-o-transform-origin:100% 50%;
transform-origin:100% 50%
}
.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2
{
-webkit-transform-origin:50% 100%;
-moz-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%
}
.rs-control .rs-overlay
{
-webkit-transform-origin:100% 100%;
-moz-transform-origin:100% 100%;
-ms-transform-origin:100% 100%;
-o-transform-origin:100% 100%;
transform-origin:100% 100%
}
.rs-control.rs-error
{
border:1px dotted;
text-align:center
}
.rs-readonly
{
height:100%;
width:100%;
top:0;
position:absolute;
z-index:100
}
.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:relative;overflow:hidden}.quarter div.rs-block{height:200%;width:200%}.half.top div.rs-block,.half.bottom div.rs-block{height:200%;width:100%}.half.left div.rs-block,.half.right div.rs-block{height:100%;width:200%}.bottom>.rs-inner-container>.rs-block{top:auto;bottom:0}.right .rs-inner-container>.rs-block{right:0}div.rs-block{-webkit-border-radius:100%;border-radius:100%}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{-webkit-border-radius:1000px;border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{position:absolute;height:0;z-index:10}.rs-bar .rs-seperator{height:0;border-bottom:medium none;display:block;float:left}.full .rs-bar,.half .rs-bar{width:50%}.half.left .rs-bar,.half.right .rs-bar,.quarter .rs-bar{width:100%}.full .rs-bar,.half.left .rs-bar,.half.right .rs-bar{top:50%}.bottom .rs-bar{top:0}.half.right .rs-bar,.quarter.right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{-webkit-border-radius:1000px 1000px 0 0;border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-tooltip{text-align:center;position:absolute;cursor:default;border:1px solid transparent;z-index:10}.full .rs-tooltip{top:50%;left:50%}.bottom .rs-tooltip{top:0}.top .rs-tooltip{bottom:0}.right .rs-tooltip{left:0}.left .rs-tooltip{right:0}.half.top .rs-tooltip,.half.bottom .rs-tooltip{left:50%}.half.left .rs-tooltip,.half.right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px}.rs-tooltip.edit,.rs-tooltip .rs-input{padding:5px 8px}.rs-tooltip.hover,.rs-tooltip.edit:hover{border:1px solid #aaa;cursor:pointer}.rs-readonly .rs-tooltip.edit:hover{border-color:transparent;cursor:default}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #aaa;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #aaa;height:100%;width:100%;border-radius:100%}.rs-seperator{border:1px solid #aaa}.rs-border{border:1px solid #aaa}.rs-path-color{background-color:#fff}.rs-range-color{background-color:#aaa}.rs-bg-color{background-color:#fff}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#fff}.rs-handle-dot:after{background-color:#838383}

body.cms-page-view .main{
  @media screen and (max-width: $bp-s) {
    img {
      float: none !important;
      text-align: center;
      min-width: 65%;
    }
    table, thead, tbody, th, td, tr {
      display: block;
      width: 100% !important;
    }
  }
}
.rslider {
 
  margin:auto;
}
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 100px;
    height: 100px;
    padding-top: 31px;
	margin:auto;
    background: #aaa;
    border: 5px solid #545d67;
    color: white;
    text-align: center;
	    font: 27px Arial, sans-serif;
		margin-top:-50px;
}
#pagewrap {
	padding: 5px;
	margin: 20px auto;
}
#firstdiv {
	float: none;
	/* text-align: center; */
	padding: 15px 0px;
	margin: 0% 0% 0% 12%;
}

#middle {
	width: 100%; /* Account for margins + border values */
	float: none;
	/*text-align:center;*/
	padding: 0px 0px;
	margin: 5% 0% 14% 15% !important;
}

#sidebar {
	width: 160px;
	float: left;
}

@media screen and (max-width: 1024px){
#middle {
	width: 100%; /* Account for margins + border values */
	float: left;
	/*text-align:center;*/
	padding: 6px 0px;
	margin: 5% 5% 10% 0% !important;
}
}

@media screen and (max-width: 981px) {
	
	#pagewrap {
		width: 94%;
	}
	#middle {
	width: 100%;
	padding: 0% 0%;
	margin: 4% -27% 10% 10% !important;
	float: right;
}
.col-md-6.x-space {
	margin-top: 20px !important;
}

#firstdiv {
	width: 100%;
	padding: 1% 4%;
	float: center;
	margin: 3% 12% 10% 11% !important;
}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

}
@media screen and (max-width: 768px) {
#middle {
	margin: 4% 0% 10% 18% !important;
	
}
#firstdiv {
margin:3% 12% 11% 17% !important;}
}

/* for 700px or less */
@media screen and (max-width: 640px) {
#ves-mainnav .navbar-toggle {
	/*margin-left: -108px;*/
	}
.button.button2.calcz {
	width: 48% !important;
}
.col-md-6.x-space {
	margin-top: 307px !important;
}


	#firstdiv {
		width: auto;
		float: none;
		margin: 3% 13% 10% 3% !important;

	}
	
	#middle {
		width: auto;
		float: none;
		margin: 4% 0% 10% 6% !important;
	}
	
	#sidebar {
    width: auto;
    float: none;
    margin-top: 405px;
}
	
	
#firstdiv h2 {
	text-align: center;
}

#middle h2 {
	text-align: center !important;
        margin-top: 10px !important;
}

h1 {
	font-size: 21px;
	margin: 0px;
	font-weight: bold;
	line-height: 26px!important;
}


.testh2 {
	font-family: GothamCond !important;
	color: #ec0180;
	margin: -6px 0px 10px 0px !important;
	font-size: 22px !important;
	line-height: 28px;
	font-weight: 100 !important;
}
.rs-container.full.pie {
	margin-left: auto;
	margin-top:15px;
}
table td {
	
	display: table-cell!important;
	
}
#sizemsg {
	margin-left: auto;
	margin-top: -38px;
	z-index: 99999999999;
}

}

.button.button2 {
	padding: 0px 12px !important;
}
.brasize {
	display: table-cell;
	padding: 10px;
	color: #727272;
}
.shopsize {
	text-align: center !important;
}
.button.buttonsize {
	margin-top: 16px !important;
	margin-bottom: 18px !important;
	background-color: #dc0070;
}
.sizeme {
	margin-top: -50px;
}
.shopsize input {
	
	margin: auto;
}
.col-md-6.x-space {
	margin-top: 0px;
	width: 100%;
}
@media (max-width: 1024px){
.col-md-6.x-space {
	margin-top: 20px!important;
}
 }
@media (max-width: 360px){
.rs-container.full.pie {
	    width: 70% !important;
    height: 70% !important;
    margin-left: 14%;

}
#middle {

	margin: 0% 0% 10% 3% !important;
}

table td {
	display: table-cell;
}
#firstdiv {
	width: 100% !important;
	padding: 0% 0% !important;
	margin: 0% 0% 10% 3% !important;
    float: none;
}
.sizeme {
	margin-top: -96px !important;
}
#sizemsg {
	position: relative;
text-align: center !important;
width: 100 !important;
padding-right: 10px !important;
margin-top: -56px;
margin-left: auto;
z-index: 999;
}
.numberCircle {
		margin-top: 14px;
}

.button.buttonsize {
	
	width:auto;
	text-align: center !important;
}
#sidebar {
	width: 100%;
	float: none;
	margin-top: 305px;
}
.col-md-6.x-space {
	margin-top: 290px !important;
}
}

h1 {
    font-size: 35px
	
}
.std p {
	display:block!important; 
}
.rs-container.full.pie {
	width: 175px !important;
	height: 175px !important;
	margin:auto;
}
.testh2 {font-family: 'GothamCond';
color: #ec0180;
margin: 0px 0px 12px 0px;
font-size: 30px;
line-height: 30px;
}
.rs-tooltip-text {
	font-family: verdana;
	font-size: 20px;
	border-radius: 7px;
	border: 1px solid #e3006d;
}
#firstdiv h2 {
	text-align: center;
}

#middle h2 {
	text-align: center !important;
        margin-top: 10px !important;
}

h5 {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}