/* fonts */ @font-face { font-family: 'Conv_Gotham-Book'; src: url('../fonts/Gotham-Book.eot'); src: local('☺'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Gotham-Medium'; src: url('../fonts/Gotham-Medium.eot'); src: local('☺'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg'); font-weight: normal; font-style: normal; } /* reset */ html, body, div, span ,applet, object, iframe, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6 { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0;} :focus, a:focus {outline:0;} ol, ul {list-style:none;} table {border-collapse:separate; border-spacing:0; color:inherit; font:inherit;} a, a:hover {text-decoration:none;} /* Common Styles */ body {background:#fff; font-family: 'Conv_Gotham-Book'; color:#4A5566; font-weight:400; font-size:100%; background: url(../img/top-bg.png) no-repeat top center/100% auto;} a {color:#0860f9; cursor:pointer;} .clear {clear:both;} input, select { font-family:'Conv_Gotham-Book',Arial,sans-serif; border: #000; padding: 10px; border-radius: 5px; font-size: 14px; width: 100%; margin-bottom: 10px;} /*input, select .cityname{ font-family:'Conv_Gotham-Book',Arial,sans-serif; border: #000; padding: 10px; border-radius: 5px; font-size: 14px; width: 99%; margin-bottom: 10px;} */ .payment { background: url(../img/top-bg1.png) no-repeat top center/100% auto;} /* Top Container */ .top-container .leftCol{ float:left; width:66%;} .top-container .leftCol .logo-cont{ overflow:hidden; float: left; padding: 30px 0 22px 30px ;} .top-container .leftCol .leunesse-logo{ float:left; margin-top: 16px; margin-right: 30px;} .top-container .leftCol .leunesse-logo img{width: 120px;} .top-container .leftCol .leunesse-insranty{float:left;} .top-container .leftCol .leunesse-insranty img{width:200px;} .top-container .leftCol nav{ clear: both; float:left;} .top-container .leftCol nav ul{} .top-container .leftCol nav p{margin-top: 10px; color:#482d94; font-size:21px; font-weight:500;} .top-container .leftCol nav ul li{float:left; margin-top: 10px; text-transform: uppercase;} .top-container .leftCol nav ul li a{color:#000; font-size:21px; font-weight:500;} .top-container .leftCol nav ul li a:after{content: "|";padding: 0 8px 0 13px;} .top-container .leftCol nav ul li a:last-child:after{content: "";} .ladyImg{ position:absolute; z-index:-1; right: 3%; width: 53%;} .ladyImg img{ width:75%;} .circlePart{position: relative; border-bottom: 1px solid #c0c0c0; width: 50%; margin-left: 24%; margin-top: 7px;} .circlePart:before{content: "\25CF"; position: absolute; left: 50%; top:-11px; color: #fff;} .top-container .leftCol .imgAdd .video{position: relative; margin-bottom: 9px;} .top-container .leftCol .imgAdd .video img{width: 88%; margin-top: 60px;} .top-container .leftCol .imgAdd img.icon{position: absolute; width: 35px !important; left: 44%;top: 59%; cursor:pointer;} .top-container .leftCol .imgAdd img.pro{margin-top:19px; width: auto; z-index: 9; position: absolute;} .top-container .leftCol .imgAdd img.arrow{ position:absolute; left: 91px; margin-top: 186px; margin-left: 50px; width: 53%;} .top-container .leftCol .imgAdd .hurry{ position:absolute; z-index:99; padding:216px 0 0 427px;text-align: center; color:#FEDB59; font-size:33px; font-weight:400; line-height: 37px;} .top-container .leftCol .imgAdd .hurry span{ display:block; color:#fff; font-size:28px; font-weight:400;} .claimToday{font-family: 'Damion', cursive;} .top-container .leftCol .imgAdd .hurry .fast{ font-size:14px; color:#000;padding-top: 16px;margin-left: -14px;} .top-container .leftCol .imgAdd .hurry .fast span{ font-size:14px; color:#FF0000; display: inline-block;} .top-container .leftCol .imgAdd .hurryMoble{ display:none;} .restltesText{margin-top: 10px; color:#482d94; font-size:21px; font-weight:500;} .top-container .leftCol .imgAdd{} .top-container .leftCol .imgAdd figure{ padding:0; margin:0;} .top-container .leftCol .imgAdd img{width: 560px;} .top-container .rightCol{ float:left; width:30%; margin:10% 2% 3%;} .top-container .rightCol .formListing{ border-radius:5px; background: -moz-linear-gradient(270deg, rgba(86,54,184,1) 0%, rgba(186,102,211,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(86,54,184,1)), color-stop(100%, rgba(186,102,211,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(86,54,184,1) 0%, rgba(186,102,211,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(86,54,184,1) 0%, rgba(186,102,211,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(86,54,184,1) 0%, rgba(186,102,211,1) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(86,54,184,1) 0%, rgba(186,102,211,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5636B8', endColorstr='#BA66D3',GradientType=0 ); /* ie6-9 */ color:#fff; border-radius:15px;} .top-container .rightCol .formListing .text{ background: rgba(0,0,0,0.2); -webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px; padding: 15px 0; } .top-container .rightCol .formListing .text span{font-size:24px; color:#fff; display:block; text-align:center; text-transform:capitalize; line-height: 38px;} .top-container .rightCol .formListing .text span.t1{font-size:42px; color:#FEDB59;} .top-container .rightCol .formListing .text span.t2{font-size:26px; text-transform:capitalize;letter-spacing: 1px; margin-top: -4px;} .top-container .rightCol .formListing .text span.t3{font-size:18px; padding:7px 0 0 0;} .top-container .rightCol .formListing .text span.t4{font-size:22px; color:#FEDB59;line-height: 25px;} .top-container .rightCol .formListing .form{margin:3% 5%; } .top-container .rightCol .formListing .form input[type="text"], .top-container .rightCol .formListing .form input[type="select"], .top-container .rightCol .formListing .form input[type="number"] {border: #000;padding:0 12px;font-size: 14px;width:92%; border-radius:5px; margin-bottom:10px; height: 42px;} .top-container .rightCol .formListing .form input::placeholder {color: #3b3b3b; font-weight:300;} .formListing .form select{height: 42px;} .btn { background: #f89c3b; background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 12px; letter-spacing: 1px; color: #fff; font-size: 24px; padding: 4%; width:100%; border:4px solid #fff; cursor:pointer; margin:10px 0 18px 0;} .btn:hover { background: #f89c3b;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b); background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b); background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b); background-image: -o-linear-gradient(top,#f76e1e, #f89c3b); background-image: linear-gradient(to bottom, #f76e1e, #f89c3b);} .top-container .timeCont{ overflow: hidden; width: 100%; text-align:center; } .top-container .timeCont .time{ width:100%; margin: 18px 0 12px 0; text-align:center; padding-top:20px;} .time{ width:100%; margin: 18px 0 40px 0; text-align:center;} .time ul li{ /*background:#333;*/ font-size:50px; padding:0 .5%; display: inline-block; color:#ccc; margin-right:4px; font-weight:600;} .time ul li.dot { background:none; padding: 0px;} .time ul li.dot span{background: #a0a0a0; border-radius:50px; height: 10px; width: 10px; display: block; margin: 8px 0;} .top-container .logoImg{ overflow:hidden; text-align:center; width: 100%;} .top-container .logoImg img{ width:70%;} .top-container .faceCont{text-align: center;margin-top: 20px; position: relative;} .top-container .faceCont img{ width:100%;} .top-container .faceCont img.iPad{ width:100%; display:none} .top-container .faceCont img.mobile{ width:100%; display:none} /*.top-container .faceCont .overText{ width: 30%;text-align: center; display: inline-block;position: absolute;right:32%; top: 15px;} */ .top-container .faceCont .overText{ width: 100%;text-align: center; float: left; margin-bottom: 15px; } .top-container .faceCont .overText span.over{ font-size:24px; color:#282828; display:block; font-weight:300; position: absolute; left: 35%; top: -30px; padding: 0 20px;background: #fff;} .top-container .faceCont .overText span.line{ border-bottom:1px solid #979797; display: block; margin-top: -14px;} .top-container .faceCont .overText span.million, .faceCont .overText span.million{ font-size:32px; color:#4F32A7; display:block; font-weight:300;margin-top: 15px;} .top-container .faceCont .overText span.sold, .faceCont .overText span.sold{ font-size:24px; color:#282828; display:block; font-weight:300; margin-top: -10px;} .logoImg h3{font-size: 30px; color: #4f32a7; margin-bottom: 20px;text-align: center;} .logoImg li{width: 23.5%; float: left; padding: 0 1%; list-style: none;} .logoImg li:first-child{padding-left: 0;} .logoImg li:last-child{padding-right: 0;} .top-container .logoImg img{width: 100%;} /* Middel Container */ .mid-container { width:100%; position:relative; margin-top: -501px; float:left;} .mid-container .textCont{ background:#EAE8F6; width: 100%; z-index: -1; padding-top: 402px; padding-bottom: 25px;float: left;} .mid-container .textCont .expriBox .box1{ border:1px solid #C3BCEB; width:26.5%; float:left; border-radius:5px; color:#414141; font-size:24px; background:#fff; line-height:1.6; text-align:center; padding:30px; font-weight:300;margin-top: 20px; margin-left: 2%;position: relative; } .mid-container .textCont .expriBox .box1.first{margin-left: 0;} .mid-container .textCont .expriBox .box1.last{margin-right: 0;} .mid-container .textCont .expriBox .box1 img{position:absolute; left:50px; width: 40%; margin-top: 40px;} .mid-container .textCont .expriBox .box2{ border:1px solid #C3BCEB; width:23%; float:right; border-radius:5px; color:#414141; font-size:24px; background:#fff; line-height:1.6; text-align:center;padding:80px 30px 50px 30px; font-weight:300; margin:210px 2% 5% 0;position: relative;} .mid-container .textCont .expriBox .box2 img{ position:absolute; right:50px; width: 40%; margin-top: 40px;} .mid-container .textCont .expriBox .box1 span, .mid-container .textCont .expriBox .box2 span{ display:block; color:#4F32A7; font-size:24px; padding-top:20px;} .mid-container .textCont .expriBox .box3{ float:left; width: 32%; padding: 375px 0 50px 2%;font-size: 48px; color:#4F32A7; font-weight: 800;} .mid-container .textCont .expriBox .box3 span{ display:block; color:#2A2A2A;} .pro.pro-new{left:389px;margin-top: 70px!important; position: absolute; color: #4f32a7; font-size: 40px; width: 25%!important;} .pro-new i{color: #2a2a2a;display: block; font-style: normal; font-size: 32px;} .mid-container .textCont .expriBox .col1, .mid-container .textCont .expriBox .col2, .beYou, .boxMobile, .btnMobile{ display:none;} .beYouDestop{ font-size: 50px; width: 100%; color: #4F32A7; text-align:center;} .beYouDestop span{display: block; color: #2A2A2A;} .beYouDestop .btn { font-family:'Conv_Gotham-Book',Arial,sans-serif; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); padding: 15px;width: 40%;font-size: 28px;} .magtop{margin-top:86px;} .magtop120{margin-top:120px;} .apporv-container{max-width:1140px; margin:0 auto; overflow: hidden; position: relative; background: url(..//img/hand.jpg) no-repeat left bottom/450px auto;} .apporv-container .girl img{ width: 80%; float:right;} .apporv-container .sell {overflow: hidden; float: left;width: 20%; margin: 75px 0 0 0;} .apporv-container .sell img{ width: 100%; float:left;} .apporv-container .textlisting{position: absolute;text-align: right; color:#373737; font-size:15px; font-weight:300; right: 30%; width:425px;} .apporv-container .textlisting ul{margin-top: 24%;} .apporv-container .textlisting ul li{ margin-bottom: 4%; font-size: 16px;} .apporv-container .textlisting ul li h5{ font-size:15px;margin-right: 50px; font-weight:600; } .apporv-container .textlisting ul li span{ float: right; border: 1px solid #373737;padding: 5px 10px; border-radius: 50px; display: block;} .apporv-container .textlisting ul li p { margin-right: 50px; font-size:14px; line-height: 1;} .approvedTest{width: 100%; float: left;} .handImg{float: left;} .handImg img{width: 650px; height: 100%; float: left;} .blueCont{ width:100%; overflow: hidden; background:#008EDE; color:#fff; font-size:36px; } .blueCont .blueContInside{ max-width:1140px;margin:0 auto; padding: 30px 0;overflow: hidden;} .blueCont .blueContInside .leftBar{ float:left; width:73%; margin: 21px 0 12px 0;} .blueCont .blueContInside .leftBar span{ display:block; color:#FEFEFE; font-size:18px;} .blueCont .blueContInside .RigtBar{ float:right; width:27%; text-align:right;} .blueCont .blueContInside .RigtBar .btn {letter-spacing: 1px; color: #fff; font-size: 25px; border:3px solid #fff; padding:15px 30px; display:inline-block; cursor:pointer;margin-top:15px;} .beforeAfter storng{font-weight: bold!important;} .headerpart{float: left; width: 100%; text-align: left; margin-top: 26px;} .headerpart .logo{float: left; margin-left: 30px; } .headerpart .bigText {width: 100%; float: left; text-align: center; margin-top: -30px; } .carticon{float: right; margin: 22px 20px 0 0; position: relative;} .headerpart h4{text-align: center; margin-top: 40px;} .headerpart h2{text-align: center;} .benefit{max-width:1140px; margin:0 auto; overflow: hidden;} .benefit .beImg{ float:left;width:50%;} .benefit .beImg img{ width:100%;} .benefit ul{ float:left; width:47%; margin-top:30px;padding-left: 3%;} .benefit ul li{ float:left; font-size:17px; font-weight:300; width:100%;padding-bottom: 20px;} .benefit ul li span{ color:#4D2CA4; font-weight: bold; font-size:18px;} .benefit ul li:first-child{ color:#4F32A7; font-size:64px; font-weight:600; text-transform:uppercase;} .benefit .beImg img.destop{ display:block;} .benefit .beImg img.mobile, .careProMobile{ display:none;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .beforeAfter{max-width:1140px; margin:0 auto; overflow: hidden; text-align:center;} .beforeAfter h2{ color:#008EDE; font-size:48px; padding:40px 0 40px 0; text-align:center;} .beforeAfter .textAfter{ float:left; width:50%; color:#404040; font-size:17px; font-weight:300; text-align:left;} .beforeAfter .imgBar{ float:left; width:40%; color:#404040; font-size:17px; font-weight:300; margin:0 0% 0 5%; text-align:left;} .beforeAfter p{ margin-top:20px; line-height:35px; padding: 0!important;} .beforeAfter img{ width:85%; float:left;} .expriBox h4{margin-top: 120px; font-size: 30px; color: #4f32a7;} .carePro{ width:100%; background:#EAE8F6; display:inline-block;} .carePro .careProInner{max-width:1140px; margin:0 auto;position: relative;} .carePro .careProInner .careLady{ width:44%; float:left;} .carePro .careProInner .careLady .imgAdd {position: absolute; top: 370px;} .carePro .careProInner .careLady .imgAdd img.pro{ width: 365px; z-index: 9; position: absolute;} .carePro .careProInner .careLady .imgAdd img.arrow{ z-index: 1;margin:138px 0 0 199px; width: 45%;} .carePro .careProInner .careLady .imgAdd .hurry{ z-index:11;text-align: center; color:#FEDB59; font-size:35px; font-weight:400; margin: -86px 0 0 -84px; line-height: 29px;} .carePro .careProInner .careLady .imgAdd .hurry span{ display:block; color:#fff; font-size:31px; font-weight:400;} .carePro .careProInner .careText{ width:55%; float:right;} .carePro .careProInner .careText p{ color:#474747; font-size:51px; font-weight:600; text-align:center; text-transform:uppercase; margin: 70px 0 30px 0;} .carePro .careProInner .time{ width:100%; margin-bottom:40px; text-align:center;} .homeBg{width: 100%; float: left; background: #eae8f6; padding: 25px 0; margin-top: 25px; margin-bottom: 25px;} /*.carePro .careProInner .time ul li{ background:#333; font-size:50px; padding:0 1%; display: inline-block; color:#ccc; margin-right:4px; font-weight:600;} .carePro .careProInner .time ul li.dot { background:none; padding: 0px;} .carePro .careProInner .time ul li.dot span{background: #a0a0a0; border-radius:50px; height: 10px; width: 10px; display: block; margin: 8px 0;}*/ .carePro .careProInner .careText .careBut{text-align: center;margin-top: 79px;} .carePro .careProInner .careText .btnMobile { font-size: 25px; display:inline-block; cursor:pointer; width: 50%; position: relative;} .carePro .careProInner .careText .fast{ font-size:14px; color:#000;padding-bottom: 20px;} .carePro .careProInner .careText .fast span{ font-size:14px; color:#FF0000; display: inline-block;} .carePro .careProInner .careLady .imgAdd .hurryiPad, .carePro .careProInner .careText .hurryiPad{ display:none;} .termCond{width: 100%; float: left;position: relative;z-index: 9;} .footer{max-width:1140px; margin:0 auto; text-align:center; color:#B3B3B3; font-size:14px; font-weight:300; margin-top: 8px;} .termCond h2{ color:#4F32A7; font-size:48px; margin:0px 0 50px 0;} .termCond p{ width:90%; margin:0 0 20px 5%; line-height:1.7; } .termCond ul li{padding-bottom:20px; display:inline-block;} .termCond ul li a{ color:#B3B3B3; font-size:15px;} .termCond ul li a:after{content: "|";padding: 0 1px 0 5px;} .termCond ul li a:last-child:after{content: "";} .termCond h3{font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px; text-align: left!important; margin-left: 3%;} .text-center {text-align: center;} .bigText{font-size: 24px; font-weight: normal!important;} .qAndA p{text-align: left!important; color: #000!important;} .timeOffer{max-width:1140px; margin:0 auto; overflow: hidden; text-align:center; margin-top:20px; color:#404040;} .timeOffer .timeHead .logo{ width:130px} .timeOffer .timeHead h5 {font-size:30px; padding-top: 30px;} .timeOffer .timeHead h4 {font-size:26px; padding-top: 22px;} .timeOffer .timeHead h2 {font-size:34px; color: #4f32a7; padding:6px 0 6px; text-transform: uppercase; } @keyframes mymove { 0% {opacity: 1;} 40% {opacity: 0;} 80% {opacity: 1;} } .timeOffer .timeHead h3 {font-size:50px; padding:20px 0;} .timeOffer .timeHead p{font-size:30px; font-weight:300; padding-top:20px; line-height: 1.5; font-weight: bold; } .timeOffer .timeHead p a{color: #383838; text-decoration: none;} .timeOffer .timeHead p.trail{font-size:15px;} .timeOffer .timeHead p span{ color:#383838;} .redColor{color: #f00!important; font-weight: bold;} .listDetail .redColor{font-size: 17px;} .textCenter{text-align: center;} .timeOffer img{max-width: 100%;} .timeOffer .timeHead .timeBtn, .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn, .timeOffer .timeMidd .proListing ul li .textPro .timeBtn, .review .middCon .timeBtn { text-transform: uppercase; margin:20px 0 0 0; background: #f89c3b; background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); ;box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 12px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff; font-size: 24px; padding:20px 100px; width:auto; border:3px solid #fff; cursor:pointer; } .timeOffer .timeHead .timeBtn:hover, .timeOffer .timeMidd .timeBtn:hover, .timeOffer .faceOTO .timeBtn:hover, .timeOffer .timeMidd .proListing ul li .textPro .timeBtn:hover, .review .middCon .timeBtn:hover { background: #f89c3b;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b); background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b); background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b); background-image: -o-linear-gradient(top,#f76e1e, #f89c3b); background-image: linear-gradient(to bottom, #f76e1e, #f89c3b);} .timeOffer .timeHead .timeBtn, .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn, .timeOffer .timeMidd .proListing ul li .textPro .timeBtn, .review .middCon .timeBtn{text-transform: uppercase!important;} /*.timeOffer .timeHead img{ width:80%;}*/ .timeOffer .timeMidd p{ font-size:15px; padding: 50px 0;line-height: 2;} .timeOffer .timeMidd .cut{ color:#383838; font-size:30px; display:block; } .timeOffer .timeMidd .cut i{ text-decoration:line-through; font-style: normal;} .timeOffer .timeMidd .price{ color:#f00; font-size:40px; display:block; padding:20px 0 18px 0 } .timeOffer .timeMidd .warning{ border:3px solid #FF0000; border-radius:3px; padding:30px; width:80%; display:inline-block; margin:15px 0 50px 0;} .timeOffer .timeMidd .warning h5{ font-size:30px; color:#FF0000; padding:0 0 20px 0;} .timeOffer .timeMidd .price i{font-weight: bold; font-style: normal; font-weight: 40px;} .timeMidd h3{font-size: 32px; color: #4f32a7; margin-top: 33px;} .timeOffer .timeMidd .productContent p{padding: 15px 0; text-align: left; font-weight: 300;} .timeOffer .timeMidd .productContent p strong{font-size: 18px; color: #000;} .timeOffer .timeMidd .productContent {width: 100%; float: left; margin-bottom: 30px;} .timeOffer .timeMidd .proListing{ margin-top:25px;} .timeOffer .timeMidd .proListing h1{ font-size:44px;} .timeOffer .timeMidd .proListing h1 span{ font-size:30px; display:block; padding-top: 20px; font-weight:300;} .timeOffer .timeMidd .proListing h1 span span{ color:#4F32A7; display:inline;} .nothanks{font-size: 12px;} .clearfix{width: 100%; float: left; margin: 0; padding: 0;} .timeOffer .timeMidd .proListing ul{ margin-top:150px; font-size:15px;} .timeOffer .timeMidd .proListing ul li{ line-height:1.8; margin-bottom: 50px; overflow: hidden;} .timeOffer .timeMidd .proListing ul li .imgPro{ float:left; width:30%;} .timeOffer .timeMidd .proListing ul li .imgPro img{ width:80%;} .timeOffer .timeMidd .proListing ul li .textPro{float:left; width:70%; text-align:left;} .timeOffer .timeMidd .proListing ul li .textPro h3{ font-size:30px; text-transform:uppercase; color: #4f32a7;} .timeOffer .timeMidd .proListing ul li .textPro .disOri{ display:block; text-decoration:line-through;} .timeOffer .timeMidd .proListing ul li .textPro .disPri{ color:#4F32A7;display:block;} .timeOffer .timeMidd .proListing ul li .textPro .disText{ display:block;} .timeOffer .timeMidd .proListing ul li .textPro .sell1{width: 15%;margin-top: 35px;} .timeOffer .timeMidd .proListing ul li .textPro .sell2{width: 17%;} .timeOffer .timeMidd .proListing ul li .textPro .timeBtn{ font-size: 18px; padding:15px 30px 15px 30px; display:inline-block; cursor:pointer;float:left; } .timeOffer .timeMidd .textPro p{padding: 10px 0!important;} .payInfo{max-width:1140px; margin:0 auto; overflow: hidden; text-align:center; margin-top:40px; color:#383838;} .payInfo .paymentHead .logo{ width:160px!important;} .payInfo .paymentHead h5 {font-size:26px; padding-top: 16px; } .payInfo .paymentHead h2 {font-size:32px; padding:0px 0; margin: 25px 0; color: #4F32A7;} .payInfo .paymentHead .cardBox{ background:#fff; border-radius:5px;-webkit-box-shadow:-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.1); margin-bottom: 50px; width: 75%; display: inline-block; padding:3.5%;} .payInfo .paymentHead .cardBox .head h6{ font-size:15px; width:100%; line-height: 50px;} .payInfo .paymentHead .cardBox .head img{ margin-left: 20px; max-width:100%; vertical-align: top;} .payInfo .paymentHead .cardBox .head p{ font-size:20px; margin-top: 20px;} .payInfo .paymentHead .cardBox .head p span{ font-size:15px; text-transform:uppercase; display:block; padding-top:10px;} .payInfo .paymentHead .cardBox .head .form{} .payInfo .paymentHead .cardBox .head .form input{ background:#fff; border:1px solid #ddd!important; border-radius:5px; border:0; width:100%; font-size:15px; color:#262626; padding:20px 12px; margin-top:20px; float:left;} .payInfo .paymentHead .cardBox .head .form input::placeholder {color: #262626; font-weight:300;} .payInfo .paymentHead .cardBox .head .form .third{ width: 30%; margin-right: 2%; background: #fff; border:1px solid #ddd; border-radius: 5px; font-size: 15px; margin-top: 20px; padding: 20px 2%; color: #808080;} .payInfo .paymentHead .cardBox .head .form .third1{ margin-right: 0;} .payInfo .paymentHead .cardBox .head .form .half{ width: 100%; background: #fff; font-weight: normal; border:1px solid #ddd; border-radius: 5px; font-size: 15px; margin-top: 20px; padding: 20px 12px; color: #808080;} .halfSelect select{background: #fff; border-radius: 5px; font-size: 15px; margin-top: 20px; padding: 20px 2%; color: #808080;} .payInfo .paymentHead .cardBox .head .form select.third{width: 30%;} .payInfo .paymentHead .cardBox .head .form select.half{width: 100%;} .payInfo .paymentHead .cardBox .head .form select.full{width: 100%;} .payInfo .paymentHead .cardBox .head .form p{ text-align:center; font-size:12px; padding:20px 0;overflow: hidden;float: left; line-height: 1.8;} .payInfo .paymentHead .cardBox .head .form .timeBtn {margin:25px 0 20px 0; background: #f89c3b; background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); ;box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); text-transform: uppercase; background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 12px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff; font-size: 24px; padding: 3%; width:100%; border:3px solid #fff; cursor:pointer; } .payInfo .paymentHead .cardBox .head .form .timeBtn:hover { background: #f89c3b;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b); background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b); background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b); background-image: -o-linear-gradient(top,#f76e1e, #f89c3b); background-image: linear-gradient(to bottom, #f76e1e, #f89c3b);} .cardBox .paymentBot{width: 100%; float: left; margin-top: 15px;} .payInfo .paymentHead .cardBox .head .form .payBtn{ background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 10px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff; font-size: 20px; border:3px solid #fff; padding:15px 30px; display:inline-block; cursor:pointer;margin:50px 0 0 0; width: inherit; float: inherit;} .payInfo .paymentHead .cardBox .head .form .signBtn{ background: #f89c3b; background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); ;box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 12px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff; border-radius: 5px; color: #fff; font-size: 14px; border:3px solid #fff; padding:10px 15px; display:inline-block; cursor:pointer;margin:20px 0 0 0; float: right; margin-top: 35px; width:20%;} .payInfo .paymentHead .cardBox .head .form .signBtn:hover{ background: #f89c3b;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b); background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b); background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b); background-image: -o-linear-gradient(top,#f76e1e, #f89c3b); background-image: linear-gradient(to bottom, #f76e1e, #f89c3b);} .payInfo .paymentHead .cardBox .payHead{background: #4F32A7;width: 110.5%; padding: 2%; color: #fff;text-align: left; padding-right: 13.6%; margin: -40px -41px 3% -41px;-webkit-border-top-left-radius: 5px-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size:24px; overflow:hidden; position:relative;} .payInfo .paymentHead .cardBox .payHead .text{ float:left; } .payInfo .paymentHead .cardBox .payHead img{ float:right; width: 40%; position: absolute; right: 18px;top: 18px;} .payInfo .paymentHead .cardBox .payHead span{ font-size:12px; display:block;} .signBox{ overflow:hidden; background:#4F32A7; color:#fff; float:left; /*margin-top:100px;*/ width:100%; text-align:left; padding:50px; color:#fff; text-align:center;} .signBox ul{} .signBox ul li{ float:left; width:50%; padding-bottom:20px; text-align:left; word-wrap: break-word;} .signBox .applyBtn{ background: #f89c3b!important; background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e)!important; background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e)!important; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e)!important; background-image: -o-linear-gradient(top, #f89c3b, #f76e1e)!important; background-image: linear-gradient(to bottom, #f89c3b, #f76e1e)!important;border-radius: 12px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff!important; border-radius: 5px!important; color: #fff; font-size: 16px!important; border:3px solid #fff!important; padding:16px 15px!important; cursor:pointer; float: left margin-top: 35px!important; width:100%!important;text-transform:uppercase;} .signBox .applyBtn:hover{ background: #f89c3b!important;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b)!important; background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b)!important; background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b)!important; background-image: -o-linear-gradient(top,#f76e1e, #f89c3b)!important; background-image: linear-gradient(to bottom, #f76e1e, #f89c3b)!important;} .payInfo .paymentHead .paymentBot img{ width:30%; } .payInfo .paymentHead .paymentBot .botImg{margin:20px 0 60px 0; overflow:hidden;} .payInfo .paymentHead .paymentBot .botImg img{ width:20%; text-align:center; display:inline-block; } .red{margin-bottom: 30px; width: 760px; line-height: 2!important; display: inline-block; z-index: 0; padding: 40px 0 0 0 !important;font-size: 15px !important; font-weight: bold; color: #383838;text-decoration: underline;} .mb0{margin-bottom: 0 !important;} .mt0{margin-top: 0 !important;} .mb100{ margin-bottom:100px;} .mb20{ margin-bottom:20px;} .mb30{ margin-bottom:30px;} .mb55{ margin-bottom:55px;} .mb50{ margin-bottom:50px;} .mt20{ margin-top:20px;} .mt10{ margin-top:10px;} .mt30{ margin-top:30px;} .mt40{ margin-top:40px;} .mt50{ margin-top:50px;} .grey{ color:#383838 !important;} .dNone{ display:none;} .timeMidd p a{color: #383838;} .faceOTO p a{color: #383838;} .timeOffer .faceOTO{text-align: center;margin-top: 70px; position: relative; margin-bottom:0px;} .timeOffer .faceOTO img{ width:100%;} .timeOffer .faceOTO img.iPad{ width:100%; display:none} .timeOffer .faceOTO img.mobile{ width:100%; display:none} .timeOffer .faceOTO .overText{text-align: center; margin-top:60px; display: inline-block; color:#4F32A7; font-size:40px; width:80%;} .timeOffer .faceOTO .overText span{ display:block; display:inline-block;} .timeOffer .faceOTO .overText .img{ width:20%; float:left; margin-top: -180px;} .timeOffer .faceOTO .overText .img1{ width:25%; float:right; margin-top: -119px;} /*.timeOffer .faceOTO .timeBtn{ background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 10px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff; font-size: 30px; border:3px solid #fff; padding:15px 30px 15px 60px; display:inline-block; cursor:pointer;margin:50px 0 0 0;-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5);box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5);background: url(../img/que.png) no-repeat 17px 18px, -webkit-linear-gradient(top, #f89c3b, #f76e1e); width: inherit; float: inherit; } */ .timeOffer .faceOTO .overText .img{width: 28%; float: left; margin-top: -160px; margin-left: -61px; -webkit-transform: rotate(18deg);-ms-transform: rotate(35deg); -o-transform: rotate(18deg);} .timeOffer .faceOTO .overText .img1{width: 25%;float: right; margin-top: -161px;-webkit-transform: rotate(-25deg);-ms-transform: rotate(35deg); -o-transform: rotate(18deg); margin-right: -50px;} .timeOffer .faceOTO .overText span{ margin-top: 30px;} .timeOffer .faceOTO .fl{ float:left; margin-bottom: 18px;} .timeOffer .faceOTO .fr{ float:right; margin-bottom: 18px;} .timeOffer .faceOTO .starText{margin-top: 3px; display:inline-block; font-size:34px; text-transform:uppercase; color:#4F32A7; font-weight: 600;} #star-five {margin:0 10px 0 0;position: relative;display: block;color: #4F32A7;width: 0px; height: 0px; border-right: 20px solid transparent;border-bottom: 15px solid #4F32A7;border-left: 20px solid transparent; -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg);-o-transform: rotate(35deg); float:left;} #star-five:before { border-bottom:25px solid #4F32A7; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; height: 0;width: 0;top: -13px;left: -13px;display: block;content: '';-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);-ms-transform: rotate(-35deg); -o-transform: rotate(-35deg);} #star-five:after {position: absolute; display: block;color: #4F32A7; top: 2px; left: -21px; width: 0px; height: 0px;border-right: 20px solid transparent; border-bottom: 15px solid #4F32A7; border-left: 20px solid transparent; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg);-ms-transform: rotate(-70deg);-o-transform: rotate(-70deg);content: ''; } .timeOffer .faceOTO .cusStar{width: 90%; display: inline-block;} .mt70{margin-top: 70px;} .rating span {display: inline-block; position: relative;width: 35px; font-size: 30px;} .rating span:before {content: "\2605"; position: absolute; color:#4F32A7;} .timeOffer .timeHead .trailVideo{ position: relative; width: 80%; display: inline-block; margin-top: 40px;} .timeOffer .timeHead .trailVideo img.icon{ position: absolute; width: 8%;left: 47%;top: 43%;} .timeOffer .timeHead .tp20{ padding-top:20px !important;} .timeOffer .timeHead .proTrial{width: 80%;display: inline-block; font-size:15px; margin:150px 0 100px 0;} .timeOffer .timeHead .proTrial img{ width:21% !important;} .timeOffer .timeHead .proTrial span{ display:block; line-height:2; padding-top:100px; } .f40{ font-size:40px !important;} .proBA{max-width:1140px; overflow: hidden; text-align:center; margin:80px 0 40px 0; } .proBA .proAfter{ float:left; width:50%; color:#404040; font-size:17px; font-weight:300; margin:0 5%; text-align:left;} .proBA p{ margin-bottom:20px; line-height:1.8;} .proBA img{ width:40% !important; float:right;} .trialBA{max-width:1140px; margin:0 auto; overflow: hidden; text-align:center;} .trialBA h2{ color:#4F32A7; font-size:40px; padding:60px 0; text-align:center;} .trialBA .textAfter{ float:right; width:50%; color:#404040; font-size:17px; font-weight:300; margin:0 5%; text-align:left;} .trialBA p{ margin-bottom:20px; line-height:1.8;} .trialBA img{ width:40% !important; float:left;} .greyCont{ width:100%; overflow: hidden; background:#373737 !important; color:#fff; font-size:30px; margin-top: -100px; margin-bottom: 100px; } .greyCont .blueContInside{ max-width:1140px;margin:0 auto; padding: 30px 0;overflow: hidden;} .review{max-width:1140px; margin:0 auto; overflow: hidden; text-align:center;} .review .logo{ margin-top: 25px;} .review .logo img{ width:15%;} .review .heading{ color:#000; font-size:44px;margin-top: 15px; font-weight: bold; display: inline-block; width:80%; position:relative; margin-bottom:30px} .review .heading img{ display: inline-block; margin-right: 10px; margin-top: 7px; vertical-align: top;} /*.review .heading::before{content: "";position: absolute; bottom: 0; left: 40%; right:40%; width:140px; height: 3px; border-radius: 3px;top: 111px;} */ .reviewPage{width: 96%; float: left; padding: 0px 2%; background: #fff; border-radius: 5px; /*box-shadow: 0 0 30px 5px rgba(0, 0, 0,0.1);*/ margin-top: 40px;} .review .middCon{ margin-bottom:0px; border: 1px solid #ddd; width: 100%; float: left;} .review .middCon .topListing{ width:100%; background:#f0f0f0; overflow:hidden;} .review .middCon .topListing li{ width:14%; float:left; color:#222; font-size:16px; text-align: right; font-weight:bold; padding: 10px 1%;} .review .middCon .topListing li:first-child, .review .middCon .listDetail ul li:first-child{border-left:none; width: 26%; text-align: center;} .review .middCon .topListing li:nth-child(2) { text-align: left; width: 50%;} .review .middCon .listDetail{} .review .middCon .listDetail ul{width:100%; background:#fff; border-top:1px solid #DDDDDD; overflow:hidden;} .review .middCon .listDetail ul li{ width:14%; float:left; color:#000; font-size:14px; text-align:right; font-weight:300; padding: 20px 1%; } .review .middCon .listDetail ul li img{width: 40%; display:inline-block; margin-top: 10px;} .review .middCon .listDetail ul li .value{ background:#CFCFCF; border:0; padding:4px 8px; font-size:14px; border-radius:5px;width: 40px; display: inline-block;} .review .middCon .listDetail ul li:first-child{padding-top: 0; width: 26%;} .productPrice{display: inline-block;margin-top: 10px; width: 50%;} .qty { ext-align: right; background: #f4f4f4; padding: 6px 25px;float: right;} .review .middCon .listDetail ul li:last-child{ color:#5a5a5a; font-size: 17px;} .review .middCon .listDetail ul li .remove{ display:none;} .review .middCon .listDetail ul li:nth-child(2){ text-align:left; width: 50%;} .review .middCon .listDetail ul:last-child{border-bottom:1px solid #ddd;} .bottomPrice{width: 100%; float: left; border-bottom: 1px solid #ddd; color: #000; padding: 15px 0; border-top: 1px solid #ddd;} .bottomPrice .leftPrice{width: 84%; float: left; text-align: right;} .bottomPrice .rightPrice{float: left; text-align: right;margin-left: 2%;} .review .cross{border: 1px solid #f00; border-radius: 50%; color: #f00; display: inline-block; height: 20px; line-height: 20px; width: 20px; text-align: center;} .review .middCon .listotel{text-align: center; display: inline-block; width:100%; margin-top: 20px;} .review .paymentBot {float: left; margin-top: 15px; width: 100%; padding: 50px 0;} .reviewPage .timeBtn{width: 50%!important;} .review .paymentBot .botImg img { vertical-align: middle; width: 20%;} .review .paymentBot img .review .middCon .listotel ul{background:#fff; padding:10px 2%; margin-bottom:10px; display: inline-block; width: 96%;} .review .middCon .listotel ul li:first-child{ width:83%; float:left; text-transform:capitalize; text-align: right; margin-left: 0; } .review .middCon .listotel ul li{ float:left; width: 12%; text-transform:capitalize; text-align: right; color: #5a5a5a; font-size: 17px; line-height: 34px; font-weight: bold;} .review .middCon .listotel ul.sec li{ color: #000; font-size: 19px;} .listotel ul{width: 100%; float: left;} .review .middCon .listDetail ul li.qty{ display:none} .tooltip-new{float: left; margin-top: 27px;font-size: 17px; color: #4f32a7;} .toolTip-area{display: none; position: absolute; bottom:59%; right:-6px; width: 260px; padding:4px 10px; font-size: 10px; background: #4f32a7; color: #fff; border-radius:4px;} .toolTip-area:before{position: absolute; bottom:-10px; content: '\25BC';right:17%; color: #4f32a7; margin-left: -6px;} .form .tooltip-new:hover .toolTip-area{display: block;} .toolTip-area img{max-width: 100%;width: auto!important;} .tooltip-new img{width: auto!important;} .review .middCon .listotel ul.sec{border-top:1px solid #ddd; border-bottom:1px solid #ddd;} @media (max-width: 780px) { .pro.pro-new{display: none;} } @media (min-width: 481px) and (max-width: 768px) { .timeOffer{ margin:0 5%;} .main-container{width: 100%; margin: 0 auto; } .top-container .leftCol .leunesse-logo img{width: 70px;} .top-container .leftCol .leunesse-insranty img{width:140px;} .top-container .leftCol nav ul li a{ font-size:13px; font-weight:600;text-transform: uppercase;} .top-container .leftCol{ width:56%;} .top-container .rightCol { width:35%; float:right;} .top-container .leftCol .imgAdd .video img{width:100%; } .top-container .leftCol .imgAdd img.pro{width: 48%; margin-top: -1px;} .top-container .leftCol .imgAdd .hurry{ padding: 123px 0 0 155px; font-size: 34px;} .top-container .leftCol .imgAdd .hurry span{font-size: 25px;} .top-container .leftCol .imgAdd img.arrow{margin-left: -80px; width: 55%;} .top-container .rightCol .formListing .text span{font-size: 15px; } .top-container .rightCol .formListing .text span.t1{ font-size:40px;} .top-container .rightCol .formListing .text span.t2{font-size: 18px;} .top-container .rightCol .formListing .text span.t3{ font-size:12px;} .top-container .rightCol .formListing .text span.t4{font-size: 14px;} .top-container .rightCol .formListing .form .btn{ font-size:14px;} .top-container .rightCol .formListing .form input{ font-size:12px;} .ladyImg{ right: 0; width: 63%;} .top-container .faceCont img.desktop, .careProMobile{ display:none;} .top-container .faceCont img.iPad{display:block} .top-container .faceCont img.mobile{display:none} .top-container .faceCont .overText{ width: 100%; right: 26px; top: 55px;} .mid-container .textCont .expriBox .box3, .carePro .careProInner .careLady .imgAdd img.arrow { display:none;} .mid-container .textCont .expriBox .col1{ float:left; width:50%; display:block;} .mid-container .textCont .expriBox .col1 .box4{float: left;padding: 160px 30px 50px 30px;font-size: 44px;color: #4F32A7;} .mid-container .textCont .expriBox .col1 .box4 span{ display:block; color:#2A2A2A;} .mid-container .textCont .expriBox .col1 .box5{ border:1px solid #C3BCEB; float:left; border-radius:5px; color:#414141; font-size:22px; background:#fff; line-height:1.6; text-align:center; padding:20px; font-weight:300;margin-top: 33px; margin-left: 2%;position: relative;} .mid-container .textCont .expriBox .col1 .box5 img{position:absolute; left:10%; width: 40%; margin-top: -35px; -webkit-transform: rotate(-28deg); -moz-transform: rotate(28deg);-o-transform: rotate(28deg);} .mid-container .textCont .expriBox .col2{ float:right; width:50%; display:block;} .mid-container .textCont .expriBox .col2 .box6{ border:1px solid #C3BCEB; float:left; border-radius:5px; color:#414141; font-size:22px; background:#fff; line-height:1.6; text-align:center; padding:80px 30px 50px 30px; font-weight:300;margin-top: 224px; margin-left: 2%;position: relative; margin-bottom: 70px;} .mid-container .textCont .expriBox .col2 .box6 img{position:absolute; right:10%; width: 40%; margin-top: 40px;} .mid-container .textCont .expriBox .col1 .box5 span, .mid-container .textCont .expriBox .col2 .box6 span{ display:block; color:#4F32A7; font-size:24px; padding-top:20px;} .magtop{margin-top: 30px;} .apporv-container .sell{ position: absolute; bottom: 0;} .apporv-container .textlisting ul{ margin-top:13%;} .apporv-container .textlisting ul li{ margin-bottom: 2%;} .apporv-container .textlisting ul li p{ font-size:12px;} .blueCont .blueContInside .leftBar{ width:100%; text-align:center;} .blueCont .blueContInside .RigtBar{ width:100%; text-align:center;} .blueCont .blueContInside .RigtBar .btn { font-size:16px;} .benefit .beImg{width: 80%;} .benefit ul{ position: absolute;right: 2%;} .benefit .beImg img.destop{ display:block;} .benefit .beImg img.mobile, .carePro .careProInner .careLady .imgAdd .hurry, .carePro .careProInner .careText .careBut{ display:none;} .beforeAfter .textAfter{width: 50%; text-align:center;} .beforeAfter img{float:inherit; width: 80%;} .carePro .careProInner .careLady .lady{margin-left: -130px;opacity: .4;} .carePro .careProInner .careText p{ font-size:40px} .carePro .careProInner .careText .hurryiPad{margin-top: 257px; display:block;} .carePro .careProInner .careText .hurryiPad .triPad{background:#4F32A7; z-index: 11; text-align: center;color: #FEDB59;font-size: 35px;font-weight: 600; margin: -104px 0 0 -84px;} .carePro .careProInner .careText .hurryiPad .triPad span { display: block; color: #fff; font-size: 28px; font-weight: 400;} .carePro .careProInner .careText .hurryiPad .fast{ padding-bottom: 22px; margin-left: -40px; margin-top: 10;} .carePro .careProInner .careText .hurryiPad .btnMobile{ margin-bottom:40px;} .payInfo .paymentHead .paymentBot .botImg img{ width: 35%;} .timeOffer .timeHead h2{ font-size:52px;} .dNone{ display:block;} .timeOffer .timeMidd .proListing ul li .textPro{width: 55%; margin-left: 5%;} .timeOffer .timeMidd .proListing ul li .textPro h3{ font-size: 24px; padding-bottom:10px; line-height: 1.5;} .timeOffer .timeMidd .proListing ul li .textPro .disText{ font-size:12px;} .timeOffer .timeMidd .proListing ul li .textPro .sell2{ width: 23%;} .timeOffer .timeMidd .proListing ul li .textPro .sell1{width: 20%;} .timeOffer .faceOTO img.desktop, .mobleDis{ display:none} .timeOffer .faceOTO img.iPad{width: 95%; display: inline-block;} .mb100{margin-bottom: 20px;} .rating span{width: 25px;font-size: 20px;} .timeOffer .faceOTO .starText{margin-top: -4px;} .timeOffer .faceOTO .cusStar{ width:97%; margin-bottom: 60px;} .timeOffer .timeHead h3{ font-size:45px;} .timeOffer .timeHead .trail, .timeOffer .timeHead .proTrial{ width:95%;} .f40{ font-size:32px !important;} .timeOffer .faceOTO .overText{ width:70%;} .timeOffer .faceOTO .overText .img{ width: 25%;margin-top: -116px;margin-left: -96px; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg);} .timeOffer .faceOTO .overText .img1 {width: 25%;margin-top: -242px; -webkit-transform: rotate(-32deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg); margin-right: -100px;} .proBA .proAfter, .trialBA .textAfter{ font-size:12px;} .timeOffer .timeMidd .proListing h1{ font-size:40px;} .timeOffer .timeMidd .proListing h1 span{ font-size:20px;} .review .logo{margin-top: 20px;} .review .logo img{width: 25%;} .review .heading{ font-size:30px;} .review .middCon .listDetail ul li.qty{ display:none} .review .heading::before{ top: 64px;} } /* Mobile Styles */ @media (min-width: 320px) and (max-width: 766px){ .mid-container{ height:inherit;} .main-container{width: 100%; margin: 0 auto; } .top-container .leftCol{ width:100%;} .top-container .leftCol .logo-cont {width: 90%; padding:0% ;} .top-container .leftCol .leunesse-logo img{width: 80px; float:left; margin-top: -8px;} .top-container .leftCol .leunesse-insranty { float:right;} .top-container .leftCol .leunesse-insranty img{width:130px; float:right;} .top-container .leftCol nav ul li a{ font-size:13px; font-weight:400;text-transform: uppercase;} .top-container .leftCol nav ul li a:after{padding: 0 0 0 5px;} .top-container .rightCol { width: 85%; margin: 3% 7%;} .top-container{ background:url(../img/top-bg.png) no-repeat top center; background-size: 100%; height: 100vh; width: 100%;} .top-container .leftCol nav{ padding-top:20px;} .top-container .leftCol .imgAdd .video img{width:100%; margin-top: 0;} .top-container .leftCol .imgAdd img.arrow{ margin-left: -71px; width: 53%;} .top-container .leftCol .imgAdd .hurry{ padding:0;} .top-container .leftCol .imgAdd img.pro{ width:60%;margin-top: -43px;} .top-container .leftCol .imgAdd img.arrow{ display:none;} .top-container .leftCol .imgAdd .hurry{ display:none;} .top-container .leftCol .imgAdd .hurryMoble{ background:#4F32A7; display:block; text-align:center; width: 90%; margin: 108px 5% 50px 5%; color:#FEDB59; padding:10px 0; font-size:25px; font-weight:600; border-bottom:1px solid #fff;} .top-container .leftCol .imgAdd .hurryMoble span{ display:block; color:#fff; font-size:18px; font-weight:300;} .top-container .leftCol .imgAdd .hurryMoble img{position: absolute;left: 5%; right: 10%;width: 90%;margin-top: 11px;} .top-container .leftCol .imgAdd img.icon{left: 45%; top: 65%;} .mid-container{ margin:0 5%; width:90%;} .mid-container .logoImg img{ width:100%;} .top-container .rightCol .formListing .text span{font-size: 15px; } .top-container .rightCol .formListing .text span.t1{ font-size:40px;} .top-container .rightCol .formListing .text span.t2{font-size: 18px;} .top-container .rightCol .formListing .text span.t3{ font-size:12px;} .top-container .rightCol .formListing .text span.t4{font-size: 14px;} .top-container .rightCol .formListing .form .btn{ font-size:14px;} .top-container .rightCol .formListing .form input{ font-size:12px;} .top-container .faceCont img.destop{ display:none;} .top-container .faceCont, .top-container .faceCont img.mobile, .beYou{ display:block;} .top-container .faceCont .overText{ width:100%; position:inherit;right: inherit; top:inherit} .top-container .faceCont .overText span.million{ font-size: 50px;} .top-container .faceCont{margin-top: 50px;} .top-container .faceCont .overText img.desktop, .mobleDis{ display:none} .beYou{float: left;font-size: 40px; width: 100%;color: #4F32A7; } .beYou span{ display:block; color:#2A2A2A;} .beYou1{ font-size:25px !important; margin: 30px 0;} .mid-container .textCont .expriBox .box3, .beYouDestop{ display:none} .boxMobile{ display:block;} .boxMobile{ border:1px solid #C3BCEB; float:left; border-radius:5px; color:#414141; font-size:22px; background:#fff; line-height:1.6; text-align:center; padding:5%; font-weight:300; margin: 5%;} .boxMobile span{ display:block; color:#4F32A7; font-size:24px; padding-top:20px;} .btnMobile { color: #fff; font-size: 25px; padding:10px 50px; border:0; display:inline-block; cursor:pointer;margin-top:20px;} .apporv-container .sell{ display:none;} .apporv-container{ margin-top: 110px;} .apporv-container .textlisting{ margin: 0 5%; right: inherit; width: 90%; z-index:2;} .apporv-container .textlisting ul{ margin-top: inherit;} .apporv-container .girl{ opacity: .2;} .apporv-container .girl img{ width:125%;} .blueCont .blueContInside .leftBar{ width:90%; text-align:center; font-size:24px; margin:0 2%;} .blueCont .blueContInside .leftBar span{ font-size:16px;} .blueCont .blueContInside .RigtBar{ width:100%; text-align:center;} .benefit .beImg{ width: 100%;} .benefit ul{ position: absolute; width: 90%;margin: 0 5%; padding-left: inherit;} .benefit ul li{ padding-bottom: 35px;} .benefit ul li:first-child{margin-top: 30px;} .benefit .beImg img.destop, .carePro{ display:none;} .benefit .beImg img.mobile{ display:block;} .beforeAfter .textAfter{width: 90%; text-align:center;} .beforeAfter img{float:inherit; width: 100%;} .beforeAfter h2{font-size:35px; width: 95%; margin:0 2%;} .termCond h2{ font-size:30px;} .careProMobile{ background:#EAE8F6; display:block; position:relative;} .careProMobile .mobileLady{width: 100%;opacity: .3;} .careProMobile .carePorCont{ position: absolute;top: 0;} .careProMobile p{ font-size:27px; text-align:center; font-weight:600; text-transform:uppercase;width: 80%; margin: 0 auto; padding-top: 10px;} .careProMobile .carePorCont .timeMobile{ width:100%; margin-bottom:40px; text-align:center; margin-top:20px;} .careProMobile .carePorCont .timeMobile ul li{ background:#333; font-size:38px; padding:0 1%; display: inline-block; color:#ccc; margin-right:4px; font-weight:600;} .careProMobile .carePorCont .timeMobile ul li.dot { background:none; padding: 0px;} .careProMobile .carePorCont .timeMobile ul li.dot span{background: #a0a0a0; border-radius:50px; height: 8px; width: 8px; display: block; margin: 8px 0;} .careProMobile .carePorCont .hurryMobile{ width:100%;} .careProMobile .carePorCont .hurryMobile .triPad{background:#4F32A7; text-align: center; color: #FEDB59;font-size: 35px;font-weight: 600; padding:10px 0} .careProMobile .carePorCont .hurryMobile .triPad span{ display: block; color: #fff;font-size: 28px;font-weight: 400;} .careProMobile .carePorCont .hurryMobile .careArrow, .careProMobile .carePorCont .hurryMobile .fast{ text-align:center;} .careProMobile .carePorCont .hurryMobile .fast span{ color:#FF0000;} .timeOffer{ margin: 6px 5% 0 5%; width:90%;} .timeOffer .timeHead h5{ font-size:15px; padding-top: 40px;} .timeOffer .timeHead h2 { font-size:32px;} .timeOffer .timeHead p{ font-size:17px;} .timeOffer .timeHead .timeBtn{ font-size:14px;} .timeOffer .timeMidd p{ font-size:12px; padding:30px 0 60px 0;} .timeOffer .timeMidd .cut{ font-size:23px; color:#6B6B6B;} .timeOffer .timeMidd .price{ font-size:23px; padding-bottom:30px;} .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn{margin: 30px 0 0 0; font-size: 14px; } .timeOffer .timeMidd .proListing h1{ font-size:24px;} .timeOffer .timeMidd .proListing h1 span{ font-size:20px;} .timeOffer .timeMidd .proListing ul li{ border-bottom:1px solid #DEDEDE;} .timeOffer .timeMidd .proListing ul li:last-child{ border-bottom:none;} .timeOffer .timeMidd .proListing ul li .imgPro{ width:100%;} .timeOffer .timeMidd .proListing ul li .textPro{ width:100%; text-align:center;} .timeOffer .timeMidd .proListing ul li .textPro h3{ font-size:24px; line-height:1.3; padding-bottom:10px;} .timeOffer .timeMidd .proListing ul li .textPro .timeBtn{float: initial;} .payInfo .paymentHead h5 {font-size:18px;} .payInfo .paymentHead h2 {font-size:29px;} .payInfo .paymentHead .cardBox .head img{ width:90%;} .payInfo .paymentHead .cardBox .head h6{ padding-top: 20px;} .payInfo .paymentHead .cardBox{ width:80%;} .payInfo .paymentHead .cardBox .head .form input{ width: 96%;} .payInfo .paymentHead .cardBox .head .form .half{ width: 96%; margin-right:0;} .payInfo .paymentHead .cardBox .head .form .timeBtn{ font-size:16px;} .payInfo .paymentHead .paymentBot .botImg img, .payInfo .paymentHead .paymentBot img{ width: 70%;} .timeOffer .timeHead h4 {font-size:28px; padding-top: 60px;} .timeOffer .timeHead h4 span{ display:block; font-weight: 300; font-size:24px;} .time ul li{ font-size:40px; padding: 0 2%;} .time ul li.dot span{margin: 3px 0;} .timeOffer .timeHead p.oto{ font-size:26px;} .timeOffer .timeMidd .proListing ul li .textPro .sell2{ width: 35%;} .timeOffer .timeMidd .proListing ul li .textPro .sell1{width: 30%;} .mb100{margin-bottom: 30px;} .grey{ font-size:30px !important;} .f30{ font-size:30px !important;} .timeOffer .faceOTO img.mobile{width: 100%; display: inline-block;} .timeOffer .faceOTO .overText .img1, .timeOffer .faceOTO .overText .img, .dNone{ display:none;} .timeOffer .faceOTO .overText span{ font-size:30px;} .timeOffer .faceOTO .overText{ width:100%;margin-top: 0;} .red{ width:95%;} .timeOffer .faceOTO .fl, .timeOffer .faceOTO .fr{ float: inherit;} .timeOffer .faceOTO .cusStar{ width:95%;} .timeOffer .faceOTO .starText{font-size: 25px;} .timeOffer .faceOTO{ margin-top:0;} .timeOffer .timeHead h3{ font-size:30px;} .f18{ font-size:18px !important;} .timeOffer .timeHead .trail{ width:95%; font-size:13px;} .timeOffer .timeHead .trailVideo, .timeOffer .timeHead img{ width:100%;} .f26{ font-size:26px !important;} .timeOffer .timeHead .proTrial, .proBA img, .timeOffer .faceOTO img{ width:100% !important; font-size:12px;} .timeOffer .timeHead .proTrial img{ width:60% !important;} .timeOffer .faceOTO .starText{ margin-top: -10px;} .mt100{ margin-top:80px !important;} .proBA .proAfter, .trialBA .textAfter{ width:100%; font-size:12px; padding-top:30px;} .trialBA h2 { font-size:30px;padding: 0;} .ptb{ padding:50px 0 !important;} .review .logo{margin-top: 20px;} .review .logo img{width: 35%;} .review .heading{ font-size:25px; margin-top: 40px;margin-bottom: 20px;} .review .heading::before{ left: 30%; top: 59px;} .review .middCon .topListing{ display:none;} .review .middCon .listDetail ul, .review .middCon .topListing{width: 90%; margin:20px 3% 30px 3%;} .review .middCon .listotel{width: 93%;} .review .middCon .listDetail ul li{padding-top: inherit;} .review .middCon .listDetail ul li img{ width:100%;} .review .middCon .listDetail ul li:nth-child(2){ width:70%;} .review .middCon .listDetail ul li:first-child{ width:30%;} .review .middCon .listDetail ul li:last-child{ width:50%; border:1px solid #E3E3E3; font-size:15px; margin:15px 0 8px 0;} .listDetail .redColor{font-size: 15px;} .review .middCon .listDetail ul li .cross{ display:none;} .review .middCon .listDetail ul li .remove{ display:block;padding:2px 0 8px 0; color:#FF0000;} .review .middCon .listDetail ul li.qty{width: 65%; margin:15px 0 5px 0; display:block;} .review .middCon .listDetail ul li.qty .fl{ float:left; width: 50%; text-align: left;} .review .middCon .listDetail ul li.qty .fr{ float:right; width: 50%; text-align: left;} .review .middCon .listDetail ul li.hide{ display:none;} .payInfo .paymentHead .cardBox .head .form .signBtn{ width:100%;} .signBox{ padding:15px; width: 90%;} .signBox ul li select{ width:100%; padding:10px; height: auto;background: #fff;} .signBox .applyBtn{ width:100%;} .payInfo .paymentHead .cardBox .payHead{padding: 5%;margin: -6% 0 3% -6.2%; padding-right: 7.6%;} .payInfo .paymentHead .cardBox .payHead img{width: 100%; position: initial; right: 0; top: 0;margin-top: 20px;} .payInfo .paymentHead .cardBox .payHead .text{float: inherit;text-align: center; border-bottom: 1px solid #fff; padding-bottom: 15px;} } @media (min-width: 768px) and (max-width: 1024px) { .main-container{width: 100%; margin: 0 auto; } .top-container nav ul li a{ font-size:14px; font-weight:400; text-transform: uppercase;} .top-container .leftCol .leunesse-logo img{width:80px; } .top-container .leftCol .leunesse-insranty img{width:130px;} .apporv-container{ width:100%;} .magtop { margin-top: 9%;} .blueCont .blueContInside .leftBar{ width:100%; text-align:center; font-size: 40px;} .blueCont .blueContInside .RigtBar{ width:100%; text-align:center;} .blueCont .blueContInside .RigtBar .btn { font-size:16px;} .carePro .careProInner .careText p{ font-size:34px; font-weight: 600;} .approvedTest{background: none;} .timeOffer{ margin:0 5%;} .review{ width:95%;} .review .middCon .listDetail ul li.qty{ display:none} .review .middCon .listDetail ul, .review .middCon .topListing{width: 100%;} } @media (min-width:1200px) { .main-container{width:1140px; margin: 0 auto; position: relative;z-index: 9;} .mid-container .textCont .expriBox{width: 1140px; margin: 0 auto;} } .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px} .alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6} .alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1} .innerHeading { font-size: 30px; text-transform: uppercase; color: #4f32a7 !important; } #billing_addr{}#billing_addr .half, #billing_addr .half1{width: 100%; margin-left: 0!important; margin-right: 0!important} #billing_addr .half1{float: right;} #billing_addr .halfSelect{width: 100%;} #billing_addr .halfSelect .half, #billing_addr .halfSelect .half1{width: 100%;} #billing_addr .half + .halfSelect{float: right;} @media (max-width:1030px) { .payInfo .paymentHead .cardBox .payHead{margin: -36px -37px 3%;} .top-container .leftCol .imgAdd img.arrow{margin-top: 197px;} .top-container .leftCol .imgAdd .hurry{padding-left: 400px;} .top-container .leftCol .imgAdd .hurry .fast{margin-left: -39px;} .mid-container{margin-top: -458px;} .top-container .faceCont{z-index: 99;} .mid-container .textCont .expriBox .box1{width: 25.9%;} } @media (max-width:780px) { .carePro .careProInner .careText{width: 59%;} .carePro .careProInner .careLady{width: 40%;} .carePro .careProInner .careText p{font-size: 24px;} .careProInner .flip-clock-wrapper ul{width: 35px!important; height: 60px!important;} .careProInner .flip-clock-wrapper ul li a div div.inn, .careProInner .flip-clock-wrapper ul li a div{font-size: 50px!important;} .careProInner .flip-clock-wrapper ul li{line-height: 66px!important;} .careProInner .flip-clock-divider .flip-clock-label{right:-59px!important} .careProInner .flip-clock-divider.minutes .flip-clock-label{right:-65px!important} .careProInner .flip-clock-divider.seconds .flip-clock-label{right:-69px!important} .careProInner .flip-clock-divider{height: 89px!important;} .carePro .careProInner .time{overflow: hidden;} .carePro .careProInner .careText .btnMobile{width:64%;} .beYouDestop .btn{width: auto;} .payInfo .paymentHead .cardBox{width: 90%;} .payInfo .paymentHead .cardBox .payHead{margin: -27px -28px 3%;width: 108.6%;} .top-container .leftCol .imgAdd img.arrow{margin-top: 330px;} .top-container .leftCol .imgAdd .hurry{padding-top: 348px; padding-left: 98px;} .mid-container{margin-top: -361px;} .mid-container .textCont .expriBox .box1{width: 23.9%;} .expriBox h4{margin-top: 0;} .timeOffer .timeHead h2{font-size: 30px;} .headerpart .bigText{margin-top: 10px;margin-bottom: 10px;} .review .middCon .listotel ul li:first-child{width: 83%;} } @media (max-width:766px) { .top-container .leftCol .imgAdd{width: 100%; float: left: text-align: center;} .flip-clock-wrapper ul{width: 16px!important; height: 30px!important;} .flip-clock-wrapper ul li a div div.inn, .careProInner .flip-clock-wrapper ul li a div{font-size: 16px!important;} .flip-clock-wrapper ul li{line-height: 30px!important;} .flip-clock-divider .flip-clock-label{right:-40px!important} .flip-clock-divider.minutes .flip-clock-label{right:-49px!important} .flip-clock-divider.seconds .flip-clock-label{right:-48px!important} .flip-clock-divider{height: 48px!important;} .careProMobile .carePorCont .timeMobile ul li{background: none;} .carePro .careProInner .time{overflow: hidden;} .flip-clock-dot.top{top:10px!important;} .flip-clock-dot.bottom{bottom: 15px!important;} .benefit ul li:first-child{font-size: 30px!important;} .top-container .faceCont .overText span.million{font-size: 39px;} .careArrow > img{max-width: 100%;} .careProMobile .carePorCont{position: relative;} .termCond{margin-top: 0;} .careProMobile .carePorCont .timeMobile ul li{overflow: hidden;} .flip-clock-dot{height: 8px!important; width: 8px!important;} .top-container .timeCont .time{margin: 10px 0;} .approvedTest{margin: 0; padding-top: 40px;} .apporv-container .textlisting{position: relative;} .apporv-container{background: #f9f9f9; padding: 40px 0;} .apporv-container .girl{display: none;} .apporv-container{margin-top:0px;} .apporv-container .textlisting ul li p{line-height: normal;} .blueCont .blueContInside .leftBar{font-size: 19px; width: 96%;} .beforeAfter h2{font-size: 24px;} .careProMobile .mobileLady{display: none;} .careProMobile{padding-top: 30px;} .top-container .rightCol .formListing .form input[type="text"], .top-container .rightCol .formListing .form input[type="select"], .top-container .rightCol .formListing .form input[type="number"]{width: 90%;} .meter > span{width: 100%!important;} .payInfo .paymentHead .cardBox .head .form .timeBtn{margin-top: 15px;} .timeOffer .timeHead .timeBtn, .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn{padding: 20px 50px;} .timeOffer .faceOTO .starText{font-size: 20px;} .timeOffer .timeHead p.oto{font-size: 18px;} .grey{font-size: 16px!important;} .f30{font-size: 18px!important;} .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn{margin-top: 10px;} .timeOffer .timeMidd .proListing ul{margin-top: 20px;} .timeOffer .timeMidd .warning{margin-top: 0;} .timeOffer .timeHead .timeBtn, .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn, .timeOffer .timeMidd .proListing ul li .textPro .timeBtn, .review .middCon .timeBtn{padding: 10px 40px;} .payInfo .paymentHead .cardBox .head .form select.half, .payInfo .paymentHead .cardBox .head .form .half, .payInfo .paymentHead .cardBox .head .form input{width: 100%;} .payInfo .paymentHead .cardBox, .signBox{width: 100%; padding:30px 2%;} .payInfo .paymentHead .cardBox .head .form select.full, .payInfo .paymentHead .cardBox .head .form select.half, .signBox .applyBtn{width: 100%!important; float: left;} .payInfo .paymentHead .cardBox .payHead { margin: -9% 0 3% -6.2%; padding: 5% 7.6% 5% 5%;} .top-container .leftCol .imgAdd img.pro{position: static; max-width: 100%; margin-top: 10px;width: auto;} .top-container .leftCol .imgAdd .hurryMoble{margin-top: 29px;} .beforeAfter .imgBar, .beforeAfter .textAfter{width: 96%; margin: 0; padding: 0 2%;} .top-container .leftCol .imgAdd{width: 100%; float: left; text-align: center;} .timeOffer .timeHead h4{font-size: 22px;} .timeOffer .timeHead h4 span{font-size: 22px;} .review .middCon .listotel ul li:first-child{width: 70%;} .mid-container .textCont .expriBox .box1{width: 100%;} .mid-container{margin-top: 20px;} .mid-container .textCont{padding-top: 20px;} } .limitedTimeOffer{width: 100%; float: left; margin: 10px 0; padding: 0; text-align: center;} .limitedTimeOffer .imgBox{display: inline-block; position: relative;} .limitedTimeOffer .imgBox img{max-width: 100%;} .limitedTimeOffer .priceBox{position: absolute; bottom: 24px; right: 30px; text-align: center; width: 100%; font-size: 20px;} .limitedTimeOffer .priceBox span{display: block; font-weight: bold;} .limitedTimeOffer .price-box{position: absolute; top:5px; right:36px;} .limitedTimeOffer .priceBox .retailPrice{color: #383838; font-size: 24px; text-decoration: line-through;} .limitedTimeOffer .priceBox .sellPrice{color: #f00; font-size: 30px;} .limitedTimeOffer .priceBox .clickble{color: #4091af;} .formListing #state_div_select, .select-dropdown{width: 100%; float: left; position: relative;} .formListing #state_div_select:after, .select-dropdown:after { background: rgba(0, 0, 0, 0) url("../img/select-dropdwon.jpg") no-repeat scroll center center; content: " "; height: 42px; position: absolute; pointer-events: none; right: 1px; top: 0px; border-radius:5px; width: 24px; } .topListing{width: 96%; float: left; background: #fff; text-align: left; border-radius:5px; padding: 15px 0% 19px; border-bottom: 1px solid #ddd;} .topListing .leftBar{float: left; width: 20%;} .topListing h5{font-size: 16px!important; color: #383838; padding-top: 0!important; margin: 10px 0; } .topListing .heading{font-size: 20px; color: #4f32a7;} .topListing .leftBar img{width: 100%;} .topListing .rightBar{float: left; width: 24.8%;text-align: center;margin-top: 17px; border-left: 1px solid #ddd;} .topListing .midBar{float: left; width: 48%; padding: 0 2% 0 4%;} .timeHead .topListing li{font-size: 13px; line-height: 27px; padding-left: 17px; background: url(../img/tick-icon.png)left 8px no-repeat;} .timeHead .topListing .sellPrice{ color: #f00; font-size: 28px;display: block;} .freeText{font-size: 22px!important;} .timeHead .topListing .retailPrice { color: #383838; font-size: 20px; } .sellPrice-new{font-size: 20px;} .timeHead .topListing .retailPrice span{text-decoration: line-through;} .timeHead .topListing .retailPrice i, .timeHead .topListing .sellPrice i{font-style: normal; font-size:16px;text-decoration: inherit; margin-right: 8px; /*color: #383838;*/ display: block; margin: 5px 8px 5px 0;} .timeHead .topListing a{background: #f89c3b linear-gradient(to bottom, #f89c3b, #f76e1e) repeat scroll 0 0; border: 3px solid #fff; border-radius: 12px; box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.5); color: #fff; cursor: pointer; font-size: 14px; margin: 10px 0 0; padding: 8px 15px; text-shadow: 1px 1px 2px #3d3a3d; display: inline-block; text-transform: uppercase; } .topListing a:hover{background: #f89c3b;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b); background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b); background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b); background-image: -o-linear-gradient(top,#f76e1e, #f89c3b); background-image: linear-gradient(to bottom, #f76e1e, #f89c3b);} .clearfix{clear:both;} .productListing{width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 20px 0 40px;} .productListing.border-none{ border-bottom: none; padding: 20px 0 40px;} .productListing .leftBar{width: 45%; float: left; } .productListing .rightBar{width: 55%; float: left; } .productListing h3{ color: #008ede; font-size: 30px!important; text-transform: uppercase;} .timeOffer .timeMidd p{font-size: 14px;} .carticon span{ background: #4f32a7 none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 10px; margin-left: -8px; padding: 1px 5px; vertical-align: top;} .shippingText{font-size: 20px;} .productListing p{font-weight: normal!important;} .headerpart .logoPart .logo{width: 120px;} .limitedTimeOffer .imgBox .timeBtn { font-size: 22px; margin-top: 16px; display: inline-block; padding: 20px 100px;} .innerPage{width: 100%; float:left; text-align: left;} .innerPage p{font-size: 14px; line-height: 24px; margin-bottom: 20px;} .to-ip{display: inline-block; position: relative;vertical-align: top; } .to-ip .toolTip-areanew{display: none; width: 166px; line-height: 18px; position: absolute; bottom:136%; right:-25px; padding:4px 10px; font-size: 10px; background: #4f32a7; color: #fff; border-radius:4px;} .to-ip:hover .toolTip-areanew{display: block;} .to-ip .toolTip-areanew:before{position: absolute; bottom:-12px; content: '\25BC';right:17%; color: #4f32a7; margin-left: -6px;} .firstVideo{display:none; z-index: -9;background: rgba(0, 0, 0, .5); top:0; left:0; transition: all 0.3s ease-in-out 0s; width: 100%; height: 100%; } .firstVideo.showDiv{display: block; z-index: 999; position:fixed;} .firstVideo .popUp{width: 52%; height: 450px; position: absolute; margin: -100% 0 0 -26%; top:50%; left:50%;/* background: #fff;*/ border-radius:5px; padding: 15px 1%; transition: all 0.6s ease-in-out 0s;} .firstVideo.showDiv .popUp{ margin: -225px 0 0 -26%;} .closeDiv{position: absolute; right:10%; top:-100%; transition: all 0.6s ease-in-out 0s;} .firstVideo.showDiv .closeDiv{top:5%; } .clickvideofirst{display: inline-block; border:1px solid #ddd; padding: 5px;} .clickvideofirst > img{float: left;} .productListing .sellPrice { color: #f00; display: block; font-size: 30px; margin: 8px 0;} .productListing .sellPrice i.shippingText{ color: #404040; } .productListing .price {width: 100%; float: left; text-align: center; margin-top: 30px; padding: 0!important; font-size: 100%!important;} .productListing .retailPrice { color: #383838; font-size: 20px;} .productListing .retailPrices span { text-decoration: line-through;} .productListing .sellPrice i,.productListing .retailPrice i{font-style: normal; margin-right: 10px; color: #383838; font-size: 18px!important;} .productListing .sellPrice i{color: #f00;} .innerPage h2{font-size: 24px!important;} .orderList{width: 100%; float: left; margin: 0px 0 20px; padding-left: 33px; font-size: 14px;} .orderList li{width: 100%; float: left; margin: 10px 0; list-style: disc;} .limitedTimeOffer .priceBox .regularText{font-size: 16px;} .limitedTimeOffer .priceBox .regularText.redText{color: #f00;} .hidden-block{display: none;} .timeHead .topListing .sellPrice i.shippingText{color: #404040;} .footer .textAfter p strong{font-size: 16px; font-weight: bold; margin-bottom: 5px; display: inline-block;} @media (min-width:1030px) { .formListing select{ -webkit-appearance: none; -webkit-appearance: window;} } /*.to-ip:hover .toolTip-areanew{display: block;} */ /*@media(max-width: 768px){.approvedTest{background: none;}}*/ @media (max-width:1030px) { .limitedTimeOffer .priceBox{bottom: 8px;} .limitedTimeOffer .priceBox{font-size: 18px;} .firstVideo{display: none; } .firstVideo .popUp{width: 100%; margin: -100% 0 0 -50%;} .firstVideo.showDiv .popUp{display: block; margin: -100% 0 0 -50%;} .formListing .form select{background: #fff;} } @media (max-width:780px) { .limitedTimeOffer .priceBox .clickble{font-size: 14px;} .productListing .timeBtn{padding: 10px 20px!important; font-size: 16px!important;} .limitedTimeOffer .imgBox .timeBtn{font-size: 12px; padding: 8px 20px;} .limitedTimeOffer .priceBox{bottom: 16px;} .limitedTimeOffer .priceBox{bottom: -33px;} .limitedTimeOffer .price-box{right:-19px;} .limitedTimeOffer .priceBox .retailPrice, .limitedTimeOffer .priceBox .sellPrice{font-size: 24px;} .popUp iframe.hidden-mob {width: 700px!important; height: 394px!important;} .firstVideo .popUp{width: 100%; margin: -100% 0 0 -50%;} .firstVideo.showDiv .popUp { margin: -175px 0 0 -50%;} .mid-container .textCont{padding-left:2%; padding-right: 2%; width: 96%;} .mid-container .textCont .expriBox .box1{width: 23.5%;} .mid-container .textCont .expriBox .box1{font-size: 18px; min-height: 332px;} .blueCont{width: 96%; padding: 0 2%;} .blueCont .blueContInside{width: 100%; float: left;} .timeOffer .timeMidd .warning{margin-top: 35px;} } @media (max-width:766px) { .limitedTimeOffer .priceBox{right: 0; bottom: 0;} .limitedTimeOffer .priceBox .clickble{font-size: 11px; width: 75%; display: inline-block;} .limitedTimeOffer .priceBox .retailPrice{font-size: 14px;} .limitedTimeOffer .priceBox .sellPrice{font-size: 16px;} .limitedTimeOffer .price-box{ line-height: 23px; margin-bottom: 10px; margin-top: 12px; } .topListing .leftBar{width: 30%;} .topListing .rightBar{width: 100%;} .topListing .midBar{width: 65%; padding-left: 3%;} .topListing .heading{font-size: 16px;} .productListing .leftBar, .productListing .rightBar{width: 100%;} .productListing h3{font-size: 18px!important;} .limitedTimeOffer .priceBox{position:static;margin-top: -42px;} .limitedTimeOffer .priceBox .clickble{width: 96%; padding: 0 2%;} .limitedTimeOffer .price-box{position: static;} .topListing .rightBar{border:none} .firstVideo .popUp{width: 300px; padding: 7px 2%; margin-left: -150px;} .firstVideo .popUp{width: 300px; padding: 7px 2%; margin-left: -156px!important; height: 172px;} .firstVideo.showDiv .popUp{ margin-top: -86px!important;} .logoImg li{width: 48%; margin-bottom: 15px;} .logoImg li:first-child{padding-left: 1%;} .hidden-mob{display: none;} .hidden-block{display: block;} .review .middCon .listDetail ul{border-bottom: 1px solid #ddd; border-top:none;text-align: center;} .review .middCon .listDetail ul li:first-child{width: 18%;} .review .middCon .listDetail ul li:nth-child(2){width: 52%;} .review .middCon .topListing li:nth-child(2) { text-align: left; width: 52%;} .review .middCon .topListing li:last-child, .review .middCon .listDetail ul li:last-child{width: 22%;text-align: right;} .review .middCon .topListing li:first-child, .review .middCon .listDetail ul li:first-child{width: 18%;} .review .middCon .listDetail ul li:last-child{margin-top: 0;} .review .middCon .listDetail ul li:last-child{display: block!important; border:none;} .review .middCon .listotel ul.sec li{font-size: 17px;} .review .middCon .topListing{display: block;} .timeOffer .timeHead .timeBtn, .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn, .timeOffer .timeMidd .proListing ul li .textPro .timeBtn, .review .middCon .timeBtn{font-size: 16px;} .timeOffer .timeHead .timeBtn, .timeOffer .timeMidd .timeBtn, .timeOffer .faceOTO .timeBtn, .timeOffer .timeMidd .proListing ul li .textPro .timeBtn, .review .middCon .timeBtn{padding: 10px;} .bigText{font-size: 16px;} .review .heading{margin-top: 16px;} .review .heading img{margin-top: -1px;} .review .middCon .listotel ul li{font-size: 14px;} .review .middCon .listotel ul li:first-child{width: 69%;} .review .paymentBot{padding: 24px 0;} .review .middCon .listotel ul li{width: 25%;} .review .middCon .topListing li{font-size: 14px;} .headerpart{text-align: center;} .headerpart .bigText{font-size: 20px;} .headerpart .logo{float: none; margin-left: 0;} .headerpart{text-align: center;} .timeOffer .timeHead h4{margin-top: 25px;} .red{padding-top:24px!important;} .timeOffer .timeHead h4{margin-top: 17px;} .top-container .leftCol .logo-cont{text-align: center;} .top-container .rightCol .formListing .form input[type="text"], .top-container .rightCol .formListing .form input[type="select"], .top-container .rightCol .formListing .form input[type="number"] {width: 96%; padding: 0 2%;} .top-container .rightCol{margin-bottom: 0;} .top-container .faceCont{margin-top: 0;} .beYou1{margin-bottom: 10px;} .top-container .faceCont{width: 100%; float: left;} .mid-container{margin-top: -10px;width: 100%; margin-left: 0;} .mid-container .textCont, .mid-container .textCont .expriBox .box1{width: 96%; padding: 2%; margin-left: 0;} .approvedTest{padding-top: 0;} .blueCont .blueContInside{max-width: 90%;} .top-container .leftCol nav{padding-top: 0;} .productListing.border-none{padding-bottom: 0;} .topListing{margin-bottom: 20px;} .productListing .timeBtn{margin-top: 8px!important;} .productListing{padding: 10px 0 26px;} .productListing + .productListing{padding: 10px 0 0px;} .mid-container .textCont .expriBox .box1{min-height: auto;} .top-container .leftCol nav{text-align: center; width: 100%;} .top-container .leftCol nav ul{width: 100%; float: left;} .top-container .leftCol nav ul li{float: inherit; display: inline-block; width: 100%;} .top-container .leftCol nav ul li a{font-size: 12px;} .logoImg {padding: 0 15px;} .logoImg h3, .top-container .faceCont .overText span.million, .expriBox h4, .termCond h2{font-size: 20px;} .top-container .faceCont .overText{width: 96%; padding: 0 2% 15px;} .mid-container .textCont, .mid-container .textCont .expriBox .box1{padding-top: 10%;} .apporv-container .textlisting ul li span{float: left;} .apporv-container .textlisting ul li h5, .apporv-container .textlisting ul li p{text-align: left;margin-right: 0; margin-left: 44px;} .blueCont .blueContInside .leftBar{margin: 0;padding: 0 2%; text-align: center;} .blueCont .blueContInside{max-width: 100%;} .mid-container .textCont .expriBox .box1{font-size: 16px;} .mid-container .textCont .expriBox .box1 span, .mid-container .textCont .expriBox .box2 span{font-size: 18px;} .apporv-container .textlisting ul li h5{font-size: 14px;} .apporv-container .textlisting ul li p{font-size: 13px;} .logoImg h3{margin-bottom: 24px;} .timeOffer .timeMidd .proListing{margin-top: 0;} .mb55{margin-bottom: 30px;} .timeOffer .timeMidd .price{padding-bottom: 18px;} .clickvideofirst{margin-top: 10px;} .timeOffer .timeMidd .productContent{margin-top: 20px;} .headerpart .bigText{font-size: 17px;} .timeOffer .timeHead h4{padding-top: 30px;} .timeOffer .timeHead h4{font-size: 16px;} .timeOffer .timeHead h2{font-size: 20px;} .topListing{padding-bottom: 30px;} .timeOffer .timeMidd .productContent{margin-top: 0;} .payInfo{margin-top: 0;} } .shippring-Text{text-align: center;} .shippring-Text .freeText{color: #f00; font-size: 16px;} .shippring-Text .shipptingPrice{color: #f00; font-size: 18px;} .payInfo .paymentHead .cardBox .head .freeText p {margin-top: 10px; font-size: 18px;} .payInfo .paymentHead .cardBox .head .freeText p i{color: #f00; font-size:18px; font-style:normal;} p span.dollerText{color:#f99a00; font-size: 34px!important; font-weight: bold; padding-top: 0!important;} .radioCon{margin-top: -20px!important;} .hidden-imgmobile{display: none;} .productListing .retailPrice > span { text-decoration: line-through;} @media(max-width:400px){ .imgAdd .video video{width: 100%;} .hidden-imgDesktop{display: none;} .hidden-imgmobile{display: block; width: 100%;} } /*new home css start here*/ .newHome, .bodyContainer{width: 100%; float: left;} .bodyContainer{padding: 0px 0 0 0;margin-top: 0px; position: relative; z-index: 99;} .newHome .top-container .leftCol{margin-top: 20px;} .bodyContainer h1{font-size: 48px; color: #5635b8;} .brandLogo{width: 100%; float: left; margin: 0px 0 20px;} .ladyImg{right: 8%;width: auto;} .brandLogo li:first-child { padding-left: 0; } .brandLogo li { float: left; list-style: outside none none; padding: 0 1%; width: 23.2%; } .brandLogo li img{max-width: 100%;} .bodyContainer .leftPart{width: 100%; float: left;} .bodyContainer img{max-width: 100%;} .bodyContainer .leftPart h2{font-size: 56px; color: #000; margin-bottom: 5px;font-weight: bold;} .bodyContainer .leftPart h4{font-size: 30px; color: #000; margin-bottom: 15px; margin-top: 8px;} .bodyContainer .leftDate{font-size: 15px; color: #737373; width: 50%; float: left; margin: 5px 0px 10px; line-height: 24px;} .bodyContainer .sharelike{font-size: 16px; color: #000; width: auto; float: right; margin: 0px 36px 40px 0; text-align: right;} .bodyContainer .leftPart .bigText{font-size: 30px;} .bodyContainer .leftPart p{font-size: 17px; line-height: 1.66667; margint-top: 20px; color: #404040;} .bodyContainer .leftPart p a{color: #1215ba; font-weight: bold;} .bodyContainer .leftPart .tryFreebtn{background: #5635b8; color: #fff;text-align: center; font-size: 42px; padding: 16px 0; float:left; width: 100%; margin: 15px 0 22px;} .bodyContainer .leftPart .tryFreebtn:hover{background: #000;} .bodyContainer .rightPart{width: 28%; float: left; margin-left: 2%;} .bodyContainer .leftPart h6{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 10px;} .bodyContainer .rightPart h2{font-size: 15px; color: #000; font-weight: bold;text-decoration:underline; margin-bottom: 20px;} .newHome .mid-container{margin-top: 0px;} .newHome .mid-container .textCont{padding-top: 20px;} .newHome .expriBox h4{margin:0px;} .newHome .timeCont{width: 100%; float: left; margin-bottom: 15px;} .contentLeft{width: 70%; float: left;} .contentRight{width: 28%; float: left; margin-left: 2%;} .newHome .mid-container .textCont{ position: relative;} .newHome .mid-container .textCont:before{ position:absolute; bottom: -44px; height: 50px; width: 100%; left:0; content: ''; background: #eae8f6;} .newHome .ladyImg{right: -15%;width: auto;} .newHome .top-container .leftCol, .newHome .top-container .leftCol .logo-cont, .top-container .leftCol nav, .top-container .leftCol nav ul li{width: 100%;text-align: center;} .newHome .homeTop, .newHome .bottomHome{ width: 100%; float: left; background: #fff; padding: 15px 0;position: relative;z-index: 9;} .newHome .midhome{ background:#fff; width: 100%; float: left; padding: 5px 0 15px;} .newHome .clickvideofirst{border-color: #222;} .newHome .halfLeft{width:50%; float: left;} .newHome .halfRight{width:48%; float: left; margin-left: 2%;} .bodyContainer .leftDate span{color: #3061f3;} .leftPortion{float: left; width: 50%; margin-top: 15px;} .rightPortion{float: left; width: 48%;margin-left: 2%;} @media(max-width:1030px){ .newHome .main-container{width: 96%; padding: 0 2%;} .bodyContainer .leftPart h2{font-size: 45px;} .bodyContainer .leftPart .tryFreebtn{font-size: 34px;} .newHome .mid-container .textCont{width: 96%; padding: 2%;} .newHome .mid-container .textCont .expriBox .box1{width:25.6%} .newHome .halfLeft iframe{height: 350px!important;} } @media(max-width:780px){ .bodyContainer .leftPart .tryFreebtn{font-size: 24px;} .newHome .mid-container .textCont .expriBox .box1{width:23.5%} .newHome .halfLeft iframe{height: 265px!important;} } @media(max-width:766px){ .newHome .top-container{height: auto;} .newHome .ladyImg{display: none;} .bodyContainer h1, .bodyContainer .leftPart h2{font-size: 24px;} .bodyContainer .leftPart p{font-size: 16px; line-height: 30px;} .brandLogo li{widows: 48%;margin-bottom: 15px;} .bodyContainer .leftPart{width: 100%;} .bodyContainer .rightPart{width: 100%; margin-left: 0; margin-top: 20px;} .bodyContainer .leftPart h6{font-size: 20px;} .bodyContainer .leftPart .tryFreebtn{font-size: 16px;} .newHome .mid-container .textCont .expriBox .box1{width: 96%;} .brandLogo{margin-bottom: 0;} .bodyContainer{margin-top: 0;} .bodyContainer{padding-top: 0px;} .contentLeft, .contentRight{width: 100%; margin: 15px 0 0 0;} .newHome .halfLeft, .newHome .halfRight{width: 100%;margin: 0 0 15px 0;} .leftPortion{width: 100%; margin-bottom: 10px;} .rightPortion{width: 100%; margin-left: 0;} } /*new home css end here*/ .aboutContent, .freeContent, .notContent{width: 100%; float: left;} .aboutContent h1{font-size: 32px; color: #4f32a7; margin-top: 25px;} .aboutContent h2{font-size: 30px; line-height: 40px; color: #000!important; text-transform: uppercase; } .aboutContent p{font-size: 20px; line-height: 32px; color: #000;} .aboutContent .photoGallary{width: 100%; float: left;margin-top: 30px;background: #e6e6e6; padding-bottom: 10px;} .aboutContent .photoGallary img{max-width: 100%;} .aboutContent .photoGallary h3{margin-top: 10px; color: #064c8c; font-size: 18px;text-transform: uppercase;} .aboutContent .photoGallary p{font-size: 14px; color: #363636;} .contentimgBar{ width: 100%; float: left; margin: 30px 0 40px; background: url(../img/jeuneese-getstarted-map-gray.jpg)left top no-repeat; background-attachment: fixed; padding: 50px 0; background-size: 100%;} .contentimgBar img{max-width: 100%;} .mt40{margin-top: 40px!important;} .joinBtn{color: #fff; font-size: 26px;text-transform: uppercase; display: inline-block; padding: 12px 35px; border-radius:6px;background: #4f32a7; margin: 20px 0;} .joinBtn:hover{background: #000; color: #fff;} .joinBtn:focus{color: #fff;} .contentBg{width: 100%; float: left; margin: 10px 0 0px; text-align: center; color: #fff; font-size: 38px; background: url(../img/contentBg.jpg)left top no-repeat; padding: 20px 0 60px;} .linkbtn{font-size: 26px; color: #4f32a7;font-weight: bold;} .contentBg p{color: #fff;} .freeContent img{max-width: 100%;} .PL0{padding-left: 0!important;} .PR0{padding-right: 0!important;} .freeContent{margin: 30px 0; } .freeContent .aboutContent h2{margin-bottom: 30px; font-size: 24px; margin-top: 80px;} .freeContent .aboutContent p{line-height: 35px; font-size: 19px;} .notContent{background: #efefef; padding: 50px 0 30px;} .close { color: #000; float: right; font-size: 21px; font-weight: 700; line-height: 1; margin-top: -11px; opacity: 0.2; text-shadow: 0 1px 0 #fff; } .close:focus, .close:hover { color: #000; cursor: pointer; opacity: 0.5; text-decoration: none; } .notContent h4{color: #ae0a44;font-size: 28px;margin-bottom: 30px;text-transform: uppercase; text-align: left;} .notContent ul{padding-left: 20px;} .notContent ul li {text-align: left; list-style:disc;padding-left: 10px;} .notContent p{margin-bottom: 20px;} .showPopUp{width: 100%; height: 100%; z-index: -1; opacity:0; position: fixed; background: rgba(0,0,0,0.5);left:0; top:0;} .showPopUp.showPopNew{ z-index: 999; opacity:1;} .showPopUp .mainPopup{width: 700px; background: #fff; position: absolute; left:50%; top:50%; margin: -150px 0 0 -350px;} .showPopUp .mainPopup .leftPopup{float: left; width: 45%; padding-top: 86px; text-align: center;} .showPopUp .mainPopup .rightPopup{float: left; width: 51%;padding: 12px 2%; box-shadow:0 0 13px 2px rgba(0,0,0,.3); height: 276px;text-align: center; } .popUpContent{padding:5%;float: left; width: 90%;} .popUpContent h5{font-size: 16px!important;text-transform: uppercase;margin: 0;color: #4f32a7;font-weight: bold;} .clickHereBtn { margin:20px 0 0 0; background: #f89c3b; background-image: -webkit-linear-gradient(top, #f89c3b, #f76e1e); background-image: -moz-linear-gradient(top, #f89c3b, #f76e1e); ;box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); background-image: -ms-linear-gradient(top, #f89c3b, #f76e1e); background-image: -o-linear-gradient(top, #f89c3b, #f76e1e); background-image: linear-gradient(to bottom, #f89c3b, #f76e1e);border-radius: 12px;text-shadow: 1px 1px 2px #3d3a3d; color: #fff; font-size: 12px;display: inline-block; padding:12px 15px; width:auto; border:3px solid #fff; cursor:pointer; text-transform: capitalize; } .clickHereBtn:hover { background: #f89c3b;background-image: -webkit-linear-gradient(top, #f76e1e, #f89c3b); background-image: -moz-linear-gradient(top, #f76e1e, #f89c3b); background-image: -ms-linear-gradient(top, #f76e1e, #f89c3b); background-image: -o-linear-gradient(top,#f76e1e, #f89c3b); background-image: linear-gradient(to bottom, #f76e1e, #f89c3b);} .popUpContent li input{float: left;width: auto;} .popUpContent li{width: 100%; float: left;} .popUpContent .clickHereBtn{float: right;} .closePopup { background: #000 none repeat scroll 0 0; color: #fff; padding:2px 10px; position: absolute; right: -32px; } .redNew {color: #259f06; text-decoration:underline;font-size: 20px!important;display: inline-block;margin-top: 10px;line-height: 24px;font-weight: bold;} @media(max-width:780px){ .redNew {font-size: 12px!important;} } @media(max-width:766px){ .aboutContent p{font-size: 16px;} .aboutContent h2, .aboutContent h1{font-size: 24px;} .contentBg{font-size: 24px;margin-bottom: 30px; padding: 40px 0;} .close {margin-top: 11px;} } .smallText{font-size: 13px;} .payInfo .paymentHead .cardBox .head .form .form-checkbox { width: auto; margin-right: 10px; margin-top: -5px; }