/*Fonts Used*/ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap'); @import url('https://fonts.cdnfonts.com/css/source-sans-pro'); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); @import url('https://fonts.cdnfonts.com/css/helvetica-neue-55'); @import url('https://fonts.cdnfonts.com/css/bebas-neue'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@200..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Geist:wght@100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap'); @font-face { font-family: 'Countach'; src: url('../../fonts/countach/Countach-Regular.woff2') format('woff2'), url('../../fonts/countach/Countach-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Countach'; src: url('../../fonts/countach/Countach-Light.woff2') format('woff2'), url('../../fonts/countach/Countach-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Countach'; src: url('../../fonts/countach/Countach-BoldItalic.woff2') format('woff2'), url('../../fonts/countach/Countach-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Countach'; src: url('../../fonts/countach/Countach-LightItalic.woff2') format('woff2'), url('../../fonts/countach/Countach-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Countach'; src: url('../../fonts/countach/Countach-Italic.woff2') format('woff2'), url('../../fonts/countach/Countach-Italic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Countach'; src: url('../../fonts/countach/Countach-Bold.woff2') format('woff2'), url('../../fonts/countach/Countach-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-MiddleItalic.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-MiddleItalic.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-BoldItalic.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-Light.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-LightItalic.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-Thin.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-Middle.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-Middle.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-Bold.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-Italic.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-Italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-Regular.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bebas Neue Pro'; src: url('../../fonts/bebas-neue-pro/BebasNeuePro-SemiExpMiddle.woff2') format('woff2'), url('../../fonts/bebas-neue-pro/BebasNeuePro-SemiExpMiddle.woff') format('woff'); font-weight: 500; font-style: normal; }*/ @font-face { font-family: "Bebas Neue Pro"; src: url("https://use.typekit.net/af/2ba20d/00000000000000007735c8b6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/2ba20d/00000000000000007735c8b6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/2ba20d/00000000000000007735c8b6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-style: normal; font-weight: 400; font-stretch: normal; font-display: auto; } @font-face { font-family: "Bebas Neue Pro"; src: url("https://use.typekit.net/af/6fab65/00000000000000007735c8b9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/6fab65/00000000000000007735c8b9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/6fab65/00000000000000007735c8b9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-style: normal; font-weight: 600; font-stretch: normal; font-display: auto; } @font-face { font-family: 'Sohne'; src: url('../../fonts/sohne/soehne-buch.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Sohne'; src: url('../../fonts/sohne/soehne-kraftig.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Sohne'; src: url('../../fonts/sohne/soehne-halbfett.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Sohne'; src: url('../../fonts/sohne/soehne-dreiviertelfett.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Sohne-Schmal'; src: url('../../fonts/sohne/soehne-schmal-halbfett.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansRegular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } *, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; -webkit-text-size-adjust: 100%;} /* HTML5 display-role reset for older browsers */ :root { --primary-font: 'Drizzio Sans', sans-serif; --secondary-font: 'Inter', sans-serif; --third-font: 'Dancing Script', cursive; --primary-color: rgba(21,21,22,.5); --my-primary-color:#151516; --accent1: #ff5a5f; --accent2: #FF5A5F; --accent3: #eeeef3; --accent1-5: #ff5a5f0D; --accent1-50: #ff5a5f80; --accent2-5: #FF5A5F0D; --accent2-50: #FF5A5F80; --accent2-border: #FF5A5F1A; --accent1-border: #ff5a5f1A; } .text_left{text-align: left;} .text_right{text-align: right;} .text_center{text-align: center; display: block;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .wow { animation: none !important; transition: none !important; } body {line-height: 1;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } /*input:not([type='radio']):not([type='checkbox']), textarea, select{-webkit-appearance: none;}*/ form, label {-webkit-text-size-adjust: 100%;} mark {background-color: transparent;color:inherit;} /* end reset */ /*preset*/ body{font-family: var(--secondary-font); font-size: 18px; line-height: 22px; color:var(--primary-color);position:relative;background:#FAFAFA;} body.active{overflow: hidden;width:100%;height:100%;position:fixed!important;} a{ text-decoration:none; -webkit-transition: all .3s linear;transition: all .3s linear;} img{max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast;} textarea { resize:vertical; } iframe{ border: none; width: 100%;} ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; } strong , b{ font-weight: bold;} em, i{font-style: italic;} input[type="submit"]{cursor: pointer;} a[href^="tel:"]{color: inherit!important; text-decoration: none;} .clearfix:before, .clearfix:after { content:""; display: table; clear: both; } .clearfix {clear: both; overflow: hidden;} .comp{color:#a80c0c; font-weight:bold; } .comingsoon{color:red; font-style:italic; font-weight:bold;} .col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;} .col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;} .col2 li, .col3 li{display: block; width: 100%;} .main_phone {font-weight: bold;} .blurred { filter: blur(3px) brightness(90%) opacity(50%); -webkit-filter: blur(3px) brightness(90%) opacity(50%); } /* .fleft{float:left;} .fright{float:right;} */ ::-webkit-scrollbar-track { } ::-webkit-scrollbar { width: 4px } ::-webkit-scrollbar-thumb { background-color: #C1C1C1; } ::placeholder { color: rgba(21, 21, 22, 0.3); opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(21, 21, 22, 0.3); } ::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(21, 21, 22, 0.3); } .back_top{display:none;background:#4ABA7B;position: fixed; z-index:990;bottom: 57px; right: 25px; border-radius: 50%; width: 100%; width: 50px; height: 50px; cursor: pointer;} .back_top:before{content: ""; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-45%); border-bottom: 15px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;} .back_top:hover{opacity:.7} /* Forms Presets */ ::-webkit-input-placeholder {opacity: 1; color: inherit;} ::-moz-placeholder {opacity: 1; color: inherit;} :-ms-input-placeholder {opacity: 1; color: inherit;} :-moz-placeholder {opacity: 1; color: inherit;} @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansRegular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Drizzio Sans'; src: url('../../fonts/home/DrizzioSansBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /*end preset*/ .wrapper{ width:100%; max-width:1200px; margin:0 auto; position:relative;} /* .header_nav {position: fixed;top:0;left:0;right:0;width:100%;z-index: 999;background:#FAFAFA;} */ /* .header_nav_holder {height:56px;display:flex;justify-content:space-between;align-items:center;} */ /*header*/ header {border-bottom:1px solid #15151619;} .header_con{min-height:56px;padding:0;display: flex;justify-content: space-between;align-items: center;} .main_logo{float:left;} .main_logo figure{display: inline-block;vertical-align: middle;} .main_logo img{width:150px;} .head_info{float: right; text-align: right;} .header_menu{display:none;} .header_menu ul{} .header_menu ul li{} .header_menu ul li a{display: inline-block; vertical-align:middle; font-family: var(--secondary-font); font-size: 14px; font-weight: 500; color: #fff; line-height: 100%; padding: 10px; border-radius: 10px; letter-spacing: -0.5px;background:#294C99;} .header_menu ul li a:hover{background:#4ABA7B;} /*end header*/ /*nav*/ .page_nav {} .nav_wrap {float:right;margin:-47px calc(100% - 90%) 0 0;margin:-47px 0 0 0;} .page_nav ul{display:inline-block;vertical-align:middle;} .page_nav ul li{display:inline-block;vertical-align: top; position:relative;} .page_nav ul li a{display:block; font-family:var(--secondary-font);font-size: 16px; font-weight: 500; color:#151516;line-height: 100%; padding:10px 20px;border-radius:18px;margin:0 10px;letter-spacing: -0.5px;} .page_nav ul li:first-child a{margin-left:0;} .page_nav ul li:last-child a{margin-right:0;} .page_nav ul li a small { display: block;} .page_nav ul li a:hover, .page_nav ul li a:active, .page_nav ul li.current_page_item > a{background:#294C99;color:#fff;} .page_nav ul li:after{display:none;} .page_nav ul li:last-child:after{display:none;} .page_nav ul li a.nav-button {border-radius: 18px;color: #FFFFFF;background:#294C99;} .page_nav ul li a.nav-button:hover {background: #4ABA7B;} /*second level drop down*/ .page_nav ul li:hover { position: relative; z-index: 599; cursor: default; } .page_nav ul ul {display: none; position: absolute; top: 100%; left: 0; z-index: 598; width: 200px;margin-top: 0;text-transform: none;} .page_nav ul ul li {float: none;display:block;font-weight: normal;width:100%;} .page_nav ul ul ul {top: 0; left: auto; right: -99.5%; } .page_nav ul li:hover > ul { display: block;} .page_nav ul ul a, .page_nav ul li.current_page_item ul li a{background:#799847;color:#fff;padding:0;margin:0 auto;} .page_nav ul ul a:hover,.page_nav ul li.current_page_item ul li a:hover, .page_nav ul ul li.current_page_item a {background:#1a271a;color:#a5ff16;} /*third level drop down*/ .page_nav ul ul ul { border-top: 0 none; } .page_nav ul ul li { position: relative } .page_nav span{position: absolute; right: 25px;top:32px; display: none; padding: 0; cursor: pointer; z-index: 9; color: #fff;text-align: center;} /* Drop down icon */ /*.fa{display:block; margin-top: -3px;} .fa:before{position: absolute;}*/ /* Navigation bar icon */ .nav_toggle_button{display:none; text-align:left;position:relative;} .nav_toggle_button.active {opacity:1;} .nav_toggle_button i{cursor: pointer;} /*Burger Color*/ .nav_toggle_button .toggle_holder{position: absolute;top: 60%;right: 0;transform: translateY(-50%);text-align: center;} .nav_toggle_button .hamburger{} .nav_toggle_button .hamburger-inner, .nav_toggle_button .hamburger-inner:before, .nav_toggle_button .hamburger-inner:after{background:#000;} .nav_toggle_button small{text-transform:uppercase;font-weight:bold;font-size:10px;color:#000;display:block;text-align: center;line-height: 100%;display: none;} /* Default Responsive Style for Toggle Swipe Right */ .menu_slide_right {display: none;} /*Responsive burger and color*/ .menu_slide_right .hamburger-inner, .menu_slide_right .hamburger-inner:before, .menu_slide_right .hamburger-inner:after{background:#000;} .menu_slide_right .toggle_holder{position: absolute;top: 55%;right: 10px;transform: translateY(-50%);} .menu_slide_right small{text-transform:uppercase;color:#000;font-weight:bold;font-size:13px;display:block;display: none;} /*end nav*/ /*banner*/ #banner{} .bnr_con{min-height:0;padding:107px 0;display:flex;justify-content:space-between;align-items:center;position: relative;} .box_skitter{} .slider{position: relative;margin-right: -165px;} .banner_img{/*width: 856px;*/width:697px;height:489px;position: relative;/*margin-right: -159px;*/box-shadow: 0px 5px 10px #1515161A;border: 3px solid #FFFFFF;border-radius: 14px;overflow:hidden;} .banner_img img{} /*.bnr_mobile{display:none;}*/ .bnr_info_holder_before{position: absolute; top: 50px; left: -140px; width: 194px;z-index: -1;} .bnr_info_holder{width:390px;max-width:100%;position: relative;min-height:358px;} .bnr_info_before{position: absolute; top: -80px; right: -10px; width: 217px;z-index: -1;} .bnr_info_after{position: absolute; bottom: -90px; right: -70px; width: 223px;z-index: -1;} .bnr_info1{display:block;} .bnr_info2{display: none;/*margin-bottom:100px;*/} .bnr_info3{display: none;} .bnr_info4{display: none;width:430px;} .bnr_info h2{font-family:var(--primary-font);font-size:62px;color:#151516;font-weight:500;line-height: 100%;margin-bottom:20px;letter-spacing: -3px;} .bnr_info h2 span{display:block;line-height:100%;} .bnr_info p{font-family:var(--secondary-font);font-size:20px;color:var(--primary-color);font-weight:500;line-height:24px;letter-spacing: -0.5px;} .bnr_info a{display: inline-block;width: auto;height:44px;line-height: 44px;padding:0 12px;text-align:center;font-family: var(--secondary-font);font-size:16px;color:#FAFAFA;background:#294C99;font-weight: 600;border-radius: 15px;margin-top:15px;} .bnr_info a:hover{background:#4ABA7B;color:#fff;} .bnr_info form{width:339px;margin: 30px 0 0;position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .bnr_info.bnr_info3 form{width:100%;margin:15px 0 0;} .bnr_info input,.bnr_info button{border: none;width: 100%;height: 50px;font-family: var(--secondary-font);font-size:16px;color:var(--primary-color);padding: 0 15px;border-radius: 15px;background: #1515160D;letter-spacing: -0.5px;} .bnr_info input[type="text"]{width:48.5%;} .bnr_info input[type="email"]{padding: 0 140px 0 15px;} .bnr_info input[type="phone"]{padding: 0 85px 0 15px;} .bnr_info input[type="checkbox"]{border:none;width:16px;height:16px;font-size: initial;padding:0;border-radius: 15px;overflow: hidden;background:none;letter-spacing: 0;margin-left:0;margin-right:5px;} .bnr_info .form_input_holder{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;width:100%;} .bnr_info .form_input_holder .form_input_item{ display: flex; flex-direction: row-reverse; align-items: center; width: 49%; justify-content: flex-end; text-align: left;margin:3px 0;} .bnr_info .form_input_holder .form_input_item label{font-size: 13px;color:#151516;line-height: 100%;letter-spacing: -0.5px;} .bnr_info .form_input_holder.form_input_submit{margin-top:8px;} /* .bnr_info input:focus-visible{outline:1px solid #000;} */ .bnr_info .form_btn{border:none;width: auto;height:44px;padding:0 12px;text-align:center;font-family: var(--secondary-font);font-size:16px;color:#FAFAFA;background:#294C99;font-weight: 600;position: absolute;right: 3px;top: 3px;box-shadow: none;} .bnr_info .form_btn.form_btn_all{position: static;margin-top:15px;} .bnr_info .form_btn:hover{background:#4ABA7B;color:#fff;} .bnr_info .form_Emails{margin-top:25px;display:flex;justify-content:space-between;flex-wrap:wrap;} .bnr_info .form_Emails input[type="email"]{width:49%;padding:0 15px;} /*end banner*/ /*middle*/ #middle{} .middle_con{padding:15px 0; border-top:1px solid #15151619;} .middle_info{display:flex;justify-content: space-between;align-items: center;} .middle_info h2{font-size:16px;color:#151516;font-weight:500;line-height:100%;letter-spacing: -0.5px;} .middle_info ul{display:flex;align-items: center;justify-content: space-between;width: calc(100% - 220px);} .middle_info ul li{text-align: center;} .middle_info ul li .mid_img{display: inline-block;vertical-align: middle;} .middle_info ul li .mid_img img{opacity:.4;display: inline;width: initial;vertical-align: middle;} .middle_info .middle_logos.owl-carousel .owl-stage {display: flex;align-items: center;} /*end middle*/ /*bottom*/ #bottom1{margin-bottom:25px;} #bottom1 > .wrapper{max-width:1350px;} .btm1_con{min-height:0;padding:0;} .btm1_info_holder{padding:75px 15px;background: #fff;border-radius: 50px;box-shadow: 0px 10px 30px #1515160a;overflow: hidden;} .btm1_info_before{position: absolute;top:40px;left:-40px;width:217px;z-index: 0;} .btm1_info_after{position: absolute;top:-10px;right:0px;width:223px;z-index: 0;} /* .btm1_info_before img{image-rendering: smooth;} .btm1_info_after img{image-rendering: smooth;} */ .btm1_info{width:600px;max-width:100%;margin:0 auto 60px;text-align:center;position:relative;} /* .btm1_info:before{content: ""; width: 214px; position: absolute; display: block; height: 156px; overflow: hidden; max-width: 100%; background: url(images/btm1-info-before.svg)no-repeat center top; background-size: auto; background-size: contain; left: -295px; top: 50px;} */ .btm1_info h2{font-family: var(--primary-font);font-size:42px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:25px;letter-spacing: -1.5px;} .btm1_info h2 span{display: block; font-family: var(--secondary-font);font-size: 14px; color: #777777; font-weight: 600; background: #EFEFEF; padding: 6px 8px; margin-bottom: 15px; border-radius: 25px; width: fit-content; line-height: 100%; margin: 0 auto 15px;letter-spacing: -0.5px;} .btm1_info p{font-size:20px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;line-height: 26px;} .btm1_boxes{display:flex;justify-content:space-between;} .btm1_boxes section{display: inline-block; vertical-align: top;width: 32%;min-height: 439px; padding:30px;background:#FAFAFA;border-radius:25px;position:relative;overflow: hidden;} .btm1_boxes section h2{font-family: var(--primary-font);font-size:24px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:20px;letter-spacing: -0.8px;} .btm1_boxes section h2 span{display: block;font-family: var(--secondary-font); font-size: 14px; font-weight: 600;padding: 6px 8px; margin-bottom: 15px; border-radius: 25px; width: fit-content; line-height: 100%; margin: 0 0 15px;letter-spacing: -0.5px;} .btm1_boxes section:nth-child(1) h2 span {color:#294C99;background:#E5E9F1;} .btm1_boxes section:nth-child(2) h2 span{color:#FF7A48;background:#FBEDE8;} .btm1_boxes section:nth-child(3) h2 span {color:#4ABA7B;background:#E9F4EE;} .btm1_boxes section p{font-size:16px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;} .btm1_box_content{max-width: 100%;float:left;margin-bottom: 25px;} /* .btm1_boxes .btm1_box1 .btm1_box_content{width:375px;} .btm1_boxes .btm1_box2 .btm1_box_content{width:435px;margin-bottom: 25px;} .btm1_boxes .btm1_box3 .btm1_box_content{width:375px;margin-bottom: 25px;} */ .btm1_img {border-top: 4px solid #fff;border-right: 4px solid #fff;border-radius: 0 25px 0 0;margin: 0 0 -30px -30px;overflow: hidden;float:left;height:262px;} .btm1_img img{max-width: 500%;} .btm1_img1 img{float:right;width: 200%;} .btm1_img2 img{float:left;width: 250%;} .btm1_img3 img{float:left;width: 250%;} #bottom2{} .btm2_con{padding:50px 0 25px;} .btm2_info_before{position: absolute; top: 35px; left: 0; width: 186px;top:0;} .btm2_info_after{position: absolute; top: 10px; right: 0px; width: 100px;} .btm2_info{width:524px;max-width:100%;margin:0 auto 20px;text-align:center;/*width: 51%; padding: 0 50px;margin:0 0 30px;*/ position: relative; z-index: 1;} .btm2_info h2{font-family: var(--primary-font);font-size:var(--clamp-text-40);font-weight: 500;line-height:100%;color:#151516;margin-bottom:var(--clamp-24);letter-spacing: -1.5px;} .btm2_info h2 span{display: block; font-family: var(--secondary-font);font-size: 14px; color:#294C99;background:#E5E9F1; font-weight: 600; padding: 6px 8px; margin-bottom: 15px; border-radius: 25px; width: fit-content; line-height: 100%; margin: 0 auto 15px;letter-spacing: -0.5px;} .btm2_info p{width:434px;max-width: 100%;margin:0 auto;font-size:20px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;line-height: 26px;} .btm2_info a{display: block;width:150px;max-width: 100%;height:44px;line-height:44px;background:#294C99;border-radius: 12px;margin:25px auto 0;font-size: 16px;font-weight: 600;color:#FAFAFA;letter-spacing: -0.5px;} .btm2_info a:hover{background:#4ABA7B;} .btm2_boxes{display: flex; flex-wrap: wrap; justify-content: space-between;} .btm2_boxes section{display: inline-block;vertical-align: top;max-width: 100%;min-height: 400px; padding: 30px; background: #fff; border-radius: 25px; box-shadow: 0px 10px 30px #1515160A; position: relative; overflow: hidden;} .btm2_boxes section h2{font-family: var(--primary-font);font-size:28px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:10px;letter-spacing: -1px;line-height: 30px;} .btm2_boxes section h2 span{display: block;} .btm2_boxes section p{font-size:16px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;} .btm2_boxes section a{display:block;width:;height:;background:#;} .btm2_boxes section a:hover{} .btm2_boxes .btm2_box1{width:100%;margin-bottom:25px;} .btm2_boxes .btm2_box2{width: calc(100% - 506px);} .btm2_boxes .btm2_box3{width: 490px;} .btm2_box_content{max-width: 100%;float:left;} .btm2_boxes .btm2_box1 .btm2_box_content{width:375px;} .btm2_boxes .btm2_box2 .btm2_box_content{width:435px;margin-bottom: 25px;} .btm2_boxes .btm2_box3 .btm2_box_content{width:375px;margin-bottom: 25px;} .btm2_img{border-top: 2px solid #DDD;border-left: 2px solid #DDD;border-radius: 25px 0 0 0;margin: 0 -30px -30px 0;overflow: hidden;float:right;} .btm2_img img{border-radius: 25px;width:100%;max-width: 500%;} .btm2_img1{width: calc(100% - 380px);height: 370px;} .btm2_img2{width:664px;height:231px;} .btm2_img2 img{width: 100%;} .btm2_img3{width:460px;height:231px;} .btm2_img3 img{width: 150%;} #bottom3{} .btm3_con{padding:50px 0 25px;} .btm3_info{width:524px;max-width:100%;margin:0 auto 40px;text-align:center;} .btm3_info h2{font-family: var(--primary-font);font-size:42px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:25px;letter-spacing: -1.5px;} .btm3_info h2 span{display: block; font-family: var(--secondary-font);font-size: 14px; color:#FF7A48;background:#FBEDE8; font-weight: 600; padding: 6px 8px; margin-bottom: 15px; border-radius: 25px; width: fit-content; line-height: 100%; margin: 0 auto 15px;letter-spacing: -0.5px;} .btm3_info p{width:434px;max-width: 100%;margin:0 auto;font-size:20px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;line-height: 26px;} .btm3_info a{display: block;width:150px;max-width: 100%;height:44px;line-height:44px;background:#294C99;border-radius: 12px;margin:25px auto 0;font-size: 16px;font-weight: 600;color:#FAFAFA;letter-spacing: -0.5px;} .btm3_info a:hover{background:#4ABA7B;} .btm3_boxes{display: flex; flex-wrap: wrap; justify-content: space-between;} .btm3_boxes section{display: inline-block;vertical-align: top;max-width: 100%;min-height: 400px; padding: 30px; background: #fff; border-radius: 25px; box-shadow: 0px 10px 30px #1515160A; position: relative; overflow: hidden;} .btm3_boxes section h2{font-family: var(--primary-font);font-size:28px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:10px;letter-spacing: -1px;line-height: 30px;} .btm3_boxes section h2 span{display: block;} .btm3_boxes section p{font-size:16px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;} .btm3_boxes section a{display:block;width:;height:;background:#;} .btm3_boxes section a:hover{} .btm3_boxes .btm3_box1{width:100%;margin-bottom:25px;} .btm3_boxes .btm3_box2{width: calc(100% - 506px);} .btm3_boxes .btm3_box3{width: 490px;} .btm3_box_content{max-width: 100%;float:left;} .btm3_boxes .btm3_box1 .btm3_box_content{width:375px;} .btm3_boxes .btm3_box2 .btm3_box_content{width:435px;margin-bottom: 25px;} .btm3_boxes .btm3_box3 .btm3_box_content{width:375px;margin-bottom: 25px;} .btm3_img{border-top: 2px solid #DDD;border-left: 2px solid #DDD;border-radius: 25px 0 0 0;margin: 0 -30px -30px 0;overflow: hidden;float:right;} .btm3_img img{border-radius: 25px;width:100%;max-width: 500%;} .btm3_img1{width: calc(100% - 380px);height: 370px;} .btm3_img2{width:664px;height:231px;} .btm3_img2 img{width: 160%;} .btm3_img3_mobile{display: none;} .btm3_img3{width:460px;height:231px;width: 100%; height: auto; border: navajowhite; float: none; margin: 0 auto; border-radius: 0; overflow: visible;} .btm3_img3 img{width: 100%;} #bottom4{} .btm4_con{padding:50px 0;} .btm4_info{width:524px;max-width:100%;margin:0 auto 40px;text-align:center;} .btm4_info h2{font-family: var(--primary-font);font-size:42px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:25px;letter-spacing: -1.5px;} .btm4_info h2 span{display: block; font-family: var(--secondary-font);font-size: 14px; color:#4ABA7B;background:#E9F4EE; font-weight: 600; padding: 6px 8px; margin-bottom: 15px; border-radius: 25px; width: fit-content; line-height: 100%; margin: 0 auto 15px;letter-spacing: -0.5px;} .btm4_info p{width:434px;max-width: 100%;margin:0 auto;font-size:20px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;line-height: 26px;} .btm4_info a{display: block;width:150px;max-width: 100%;height:44px;line-height:44px;background:#294C99;border-radius: 12px;margin:25px auto 0;font-size: 16px;font-weight: 600;color:#FAFAFA;letter-spacing: -0.5px;} .btm4_info a:hover{background:#4ABA7B;} .btm4_boxes{display: flex; flex-wrap: wrap; justify-content: space-between;} .btm4_boxes section{display: inline-block;vertical-align: top;max-width: 100%;min-height: 400px; padding: 30px; background: #fff; border-radius: 25px; box-shadow: 0px 10px 30px #1515160A; position: relative; overflow: hidden;} .btm4_boxes section h2{font-family: var(--primary-font);font-size:28px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:10px;letter-spacing: -1px;line-height: 30px;} .btm4_boxes section h2 span{display: block;} .btm4_boxes section p{font-size:16px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;} .btm4_boxes section a{display:block;width:;height:;background:#;} .btm4_boxes section a:hover{} .btm4_boxes .btm4_box1{width:100%;margin-bottom:25px;} .btm4_boxes .btm4_box2{width: calc(100% - 506px);} .btm4_boxes .btm4_box3{width: 490px;} .btm4_box_content{max-width: 100%;float:left;} .btm4_boxes .btm4_box1 .btm4_box_content{width:380px;} .btm4_boxes .btm4_box2 .btm4_box_content{width:435px;margin-bottom: 25px;} .btm4_boxes .btm4_box3 .btm4_box_content{width:410px;margin-bottom: 25px;} .btm4_img{border-top: 2px solid #DDD;border-left: 2px solid #DDD;border-radius: 25px 0 0 0;margin: 0 -30px -30px 0;overflow: hidden;float:right;} .btm4_img img{border-radius: 25px;width:100%;max-width: 500%;} .btm4_img1{width: calc(100% - 380px);height: 370px;} .btm4_img2{width:664px;height:231px;} .btm4_img2 img{width: 100%;} .btm4_img2_mobile{display: none;} .btm4_img3{width:460px;height:231px;} .btm4_img3 img{width: 150%;} #bottom5{} .btm5_con{padding:50px 0;} .btm5_info{width:560px;max-width:100%;margin:0 auto 40px;text-align:center;} .btm5_info h2{font-family: var(--primary-font);font-size:42px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:25px;letter-spacing: -1.5px;} .btm5_info p{font-size:20px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;line-height: 26px;} .btm5_info_btn a{display: block;width:150px;max-width: 100%;height:44px;line-height:44px;background:#294C99;border-radius: 12px;margin:0 auto 0;font-size: 16px;font-weight: 600;color:#FAFAFA;letter-spacing: -0.5px;text-align:center;} .btm5_info_btn a:hover{background:#4ABA7B;} .btm5_img{text-align: center;} .btm5_img img{} .btm5_img.btm5_img_mobile{display: none;} #bottom6{} .btm6_con{padding:50px 0;} .btm6_info{width:600px;max-width:100%;margin:0 auto 40px;text-align:center;} .btm6_info h2{font-family: var(--primary-font);font-size:42px;font-weight: 500;line-height:100%;color:#151516;margin-bottom:25px;letter-spacing: -1.5px;} .btm6_info h2 span{display: block; font-family: var(--secondary-font);font-size: 14px; color:#294C99;background:#E5E9F1; font-weight: 600; padding: 6px 8px; margin-bottom: 15px; border-radius: 25px; width: fit-content; line-height: 100%; margin: 0 auto 15px;letter-spacing: -0.5px;} .btm6_info p{font-size:20px;color:#8A8A8A;font-weight:500;letter-spacing: -0.5px;line-height: 26px;} .btm6_boxes{display:flex;justify-content: space-between;margin: 0 auto;} .btm6_boxes section {display: block;vertical-align: top;width:100%;max-width: 100%;margin:0 auto;background:#fff;border-radius: 15px;padding:15px;} .btm6_boxes .btm6_header{display: flex;align-items: center;margin-bottom:8px;} .btm6_boxes .btm6_header h4{font-size: 14px;color:#151516;letter-spacing: -0.5px;font-weight: 600;line-height: 100%;} .btm6_boxes .btm6_header h4 a{display:block;font-size:12px;color:#8A8A8A;letter-spacing: -0.5px;line-height: 100%;margin-top:3px;} .btm6_boxes .btm6_desc{} .btm6_boxes .btm6_desc p{font-size: 14px;color:#151516;letter-spacing: -0.5px;line-height: 15px;} .btm6_img{width:36px;max-width: 100%;margin-right:8px;border-radius: 50%;overflow: hidden;border:1px solid #E5E5E5;} .btm6_boxes .owl-nav{display: flex; justify-content: center; margin:15px auto 0;} .btm6_boxes .owl-nav .owl-prev{display:inline-block;width:35px;height:35px;background:url(../../images/home/owl-prev.png)no-repeat center center #272828!important;background-size:.5px;/*! position:absolute; */left:0;border-radius:50%;margin:0 5px;} .btm6_boxes .owl-nav .owl-prev:hover{opacity: .5;} .btm6_boxes .owl-nav .owl-prev span{font-size: 0;} .btm6_boxes .owl-nav .owl-next span{font-size: 0;} .btm6_boxes .owl-nav .owl-next{display:inline-block;width:35px;height:35px;background:url(../../images/home/owl-next.png)no-repeat center center #272828 !important;/*! position:absolute; */right:0;border-radius:50%;margin:0 5px;} .btm6_boxes .owl-nav .owl-next:hover{opacity: .5;} #bottom7{} .btm7_con{} .btm7_holder{min-height: 293px;background:#294C99;border-radius: 30px;padding:30px;position: relative;overflow: hidden;z-index: 1;} .btm7_info_holder{max-width:100%;float:left;} .btm7_info{width:339px;} .btm7_info1{} .btm7_info2{display:none;width: 395px;} .btm7_info h2{font-family:var(--primary-font);font-size:36px;color:#fff;font-weight:500;line-height: 100%;margin-bottom:10px;letter-spacing: -1.5px;} .btm7_info h2 span{display:block;line-height:100%;} .btm7_info p{font-family:var(--secondary-font);font-size:16px;color:#8A9EC7;font-weight:500;line-height:24px;letter-spacing: -0.5px;} .btm7_info form{width:339px;margin: 15px 0 0;position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;} /*.btm7_info input{border: none;width: 100%;height: 100%;font-family: var(--secondary-font);font-size:16px;color:rgba(255,255,255,0.3);padding: 0 125px 0 15px;border-radius: 15px;box-shadow: 0px 5px 5px #1515160D;background: rgba(255,255,255,.15);letter-spacing: -0.5px;}*/ .btm7_info input:focus-visible{outline:1px solid #fff;} .btm7_info .form_btn{border:none;width: 113px;height:44px;padding:0 15px;text-align:center;font-family: var(--secondary-font);font-size:16px;color:#294C99;background:#EBF0FD;font-weight: 600;position: absolute;right: 3px;top: 3px;box-shadow: none;} .btm7_info .form_btn:hover{background:#4ABA7B;color:#fff;} .btm7_info input{border: none;width: 100%;height: 50px;font-family: var(--secondary-font);font-size:16px;color:rgba(255,255,255,0.3);padding: 0 15px;border-radius: 15px;background: rgba(255,255,255,.15);box-shadow: 0px 5px 5px #1515160D;letter-spacing: -0.5px;} .btm7_info input[type="text"]{width:48.5%;} .btm7_info input[type="email"]{padding: 0 145px 0 15px;} .btm7_info input[type="phone"]{padding: 0 85px 0 15px;} .btm7_info input[type="checkbox"]{border:none;width:16px;height:16px;font-size: initial;padding:0;border-radius: 15px;overflow: hidden;background:none;letter-spacing: 0;margin-left:0;margin-right:5px;} .btm7_info .form_input_holder{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;width:100%;} .btm7_info .form_input_holder .form_input_item{ display: flex; flex-direction: row-reverse; align-items: center; width: 49%; justify-content: flex-end; text-align: left;margin:3px 0;} .btm7_info .form_input_holder .form_input_item label{font-size: 13px;color:#151516;line-height: 100%;letter-spacing: -0.5px;} .btm7_info .form_input_holder.form_input_submit{margin-top:8px;} /* .bnr_info input:focus-visible{outline:1px solid #000;} */ .btm7_info .form_btn{border:none;width: auto;height:44px;padding:0 12px;text-align:center;font-family: var(--secondary-font);font-size:16px;color:#FAFAFA;background:#294C99;font-weight: 600;position: absolute;right: 3px;top: 3px;box-shadow: none;} .btm7_info .form_btn.form_btn_all{position: static;margin-top:15px;} .btm7_info .form_btn:hover{background:#4ABA7B;color:#fff;} .btm7_img{border-radius: 25px 0 0 0;/*margin: 0 -30px -30px 0;*/overflow: hidden;width: calc(100% - 440px);height: 263px;float:right;position: absolute;bottom: 0;right: 0;} .btm7_img img{width:100%;max-width: 100%;} /*end bottom*/ /*footer*/ footer{background:#151516;/*min-height: 291px;margin-top:-60px;*/min-height: 0; margin-top:60px;} .footer_top{} .footer_top_con{/*min-height:261px;padding:105px 0 0;*/padding: 50px 0; min-height: 0;} .footer_top_con h2 {text-align: left; font-size: 24px; color: #FFFFFF; margin-bottom: 15px !important;font-weight: 600;} .footer_top_holder{/*display: flex;justify-content: space-between;align-items: flex-start;*/display: block; margin: 0 auto; text-align: center;} .footer_boxes_holder{} .footer_logo{} .footer_logo a{display: inline-block;} .footer_logo img{height: 66px;} .footer_boxes{width:calc(100% - 400px);max-width: 100%;display: flex;justify-content: space-between;display: none;} .footer_boxes_holder {display: flex;justify-content: space-between; gap: 50px;} .footer_flx {display: flex; gap: 30px;justify-content: space-between;width: 58%;} .footer_details li {position: relative; font-size: 16px; color: #FFFFFF;text-align: left;display: flex; align-items: flex-start; gap: 8px;letter-spacing: unset !important;} .footer_details li span {letter-spacing: 0px;} .footer_details li:last-child {margin: 0;} .footer_details li i {display: inline-block; line-height: 0;width: 16px; height: 16px;margin-top: 4px;} .footer_details li a {color: #FFFFFF} .footer_details li a:hover {text-decoration: underline;} .footer_details li q {display: block; line-height: 0; font-size: 0;} .footer_nav{display: inline-block;vertical-align: middle;} /*.footer_nav h2{font-size:14px;color:#fff;font-weight:600;letter-spacing: -0.5px;line-height: 100%;margin-bottom:20px;}*/ .footer_nav ul{ margin: auto 0; padding: 0; list-style: none;} .footer_nav ul li{position: relative; font-size: 16px; color: #FFFFFF;text-align: left;display: flex; align-items: flex-start; gap: 8px;text-align: left;} .footer_nav ul li:last-child {margin: 0;} .footer_nav ul li i {display: inline-block; line-height: 0;width: 16px; height: 16px;margin-top: 4px;} .footer_nav ul li a{display: inline-block; font-size:16px;color:#FFFFFF;font-weight:500;letter-spacing: -0.5px;line-height: 22px;display: block;} .footer_nav ul li a[href^="tel"]{color:#8A8A8A!important;} .footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a{text-decoration: underline;} .footer_nav ul li.current_page_item a {pointer-events: none;} .footer_nav ul li a[href^="tel"]:hover,.footer_nav ul li a[href^="tel"]:active, .footer_nav ul li.current_page_item a[href^="tel"]{color:#FF7A48!important;} /*.footer_nav ul li:before {content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: rgba(115,115,115,0.5)}*/ .footer_btm{} .footer_btm_con{min-height:30px;padding:0;border-top:1px solid #FFFFFF1A;} .footer_comp{color:#484849;font-size: 12px;display:none;} .copyright{color:#484849;font-size: 12px;display: flex;justify-content: space-between;} .copyright a{color:#484849;font-weight: bold;} .copyright a:hover{color:#FF7A48;} /*END FOOTER*/ /*HAMBUGER*/ .hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -8px; } .hamburger-inner::after { bottom: -8px; } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /**Checkout CSS**/ .checkout-header {margin: 20px 0;} .checkout-header .header_con .main_logo {text-align: center; margin: 0 auto;float: none;} .checkout-header .header_con .main_logo img {width: unset; height: 50px;} .checkout-title h2 {color: var(--sys-dark);margin-bottom: 16px;font-weight: 600;} .checkout-title h2 span {color: var(--sys-red);} .checkout-title p {text-align: center; font-style:italic;} .checkout-bottom-content {margin: 25px 0;} .checkout-bottom-content > div {flex: 1;} .checkout-bottom-content h3 {margin-bottom: 16px;} .checkout-billing-content .form-con .form-row {display: flex; gap: 16px;margin-bottom: 16px;} .checkout-billing-content .form-con .form-row .form-item {flex: 1;} .checkout-billing-content .form-con .form-row select option:first-child {color: #b3b3b4} .checkout-billing-content .form-con .form-row-checkbox {gap: 8px;align-items: center;} .checkout-billing-content .form-con .form-row-checkbox input {width: 16px; height: 16px;margin: 0;} .checkout-billing-content .form-con .form-row-checkbox span {line-height: 100%;} .checkout-billing-content .form-con .form-row .tooltip-panel { background: var(--accent2); width: 40px; height: 40px; border-radius: 100%; line-height: 40px; font-size: 18px !important; text-align: center; font-weight: 600 !important; cursor: pointer;color: var(--sys-white);} .checkout-billing-content .form-con .form-row .checkout-payment-methods li {width: 40px;border: 1px solid rgba(21, 21, 22, 0.2);border-radius: 4px;} .checkout-order-summary { padding: 30px 15px 15px; background: #f3f3f3; border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; } .checkout-order-summary h2 {text-transform: uppercase;color: var(--accent2);margin-bottom: 10px;} .checkout-order-product-con {background: var(--sys-white); padding: 15px; display: flex; justify-content: space-between; align-items: center;margin-bottom: 10px;border-radius: 8px;} .checkout-order-product h3 {margin-bottom: 0;color: var(--sys-dark);margin-bottom: 6px;} .checkout-order-product h4 {color: var(--sys-green);font-weight: 600;text-decoration: underline;} .checkout-order-price {font-weight: 600;} .checkout-order-price span {text-decoration: line-through;color: var(--sys-red);} .checkout-order-price small {color: var(--sys-dark);} .checkout-submit-btn {display: block; width: 100%; background: var(--sys-red); height:80px; margin-top: 20px;border: 0;border-radius: 8px;color: var(--sys-white);text-transform: uppercase;font-weight: 600;font-size: 22px;} .checkout-submit-btn span {display: flex; margin-top: 0; color: #4f0000;gap: 8px;align-items: center; justify-content: center;font-size: 18px;} .checkout-submit-btn:hover {opacity: 0.5;} .checkout-details-content h2 {color: var(--accent2);text-transform: uppercase;margin-bottom: 11px;} .checkout-testimony-section {border-top: 1px dotted rgba(21, 21, 22, 0.5);padding: 20px 0;} .checkout-testimony-section section {margin-bottom: 10px;padding: 10px 0; border-bottom: 1px dotted rgba(21, 21, 22, 0.5);} .checkout-testimony-section section:first-child {padding-top: 0;} .checkout-testimony-section section .testimony-header {display: flex; align-items: center; gap: 16px;margin-bottom: 16px;} .checkout-testimony-section section .testimony-header h4 {color: var(--accent2);font-weight: 600;font-size: 16px;} .testimony-profile-img {width: 42px; height: 42px; position: relative;object-fit: contain;border-radius: 8px; overflow: hidden;border: 1px solid rgba(41, 76, 153, 0.20);background: rgba(41, 76, 153, 0.20); } .testimony-profile-img svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);fill: var(--accent2);} .testimony-profile-img img {position: relative; z-index: 10;} .checkout-boxes li {padding: 10px 0;border-bottom: 1px dotted rgba(21, 21, 22, 0.5);} .checkout-boxes li .checkout-box-icon {flex-shrink: 0;margin-top: 10px;} .checkout-boxes li:first-child .checkout-box-icon {margin-top: 0px;} .checkout-boxes li h3 {color: var(--accent2);margin-bottom: 5px;} /**Checkout CSS END**/ /**Subscribe CSS START**/ .subscribe-header {margin: 20px 0;} .subscribe-header .header_con .main_logo {text-align: center; margin: 0 auto;float: none;} .subscribe-header .header_con .main_logo img {width: unset; height: 50px;} .subscribe-title h2 {color: var(--sys-dark);margin-bottom: 16px;font-weight: 600;} .subscribe-title h2 span {color: var(--sys-red);} .subscribe-title p {text-align: center; font-style:italic;} .subscribe-form-con {margin: 25px auto; width: 60%;} .subscribe-form-con > div {flex: 1;} .subscribe-form-con h3 {margin-bottom: 16px;} .subscribe-form-con .form-con .form-row {display: flex; gap: 16px;margin-bottom: 16px;} .subscribe-form-con .form-con .form-row .form-item {flex: 1;} .subscribe-submit-btn {position: relative;border-radius: 8px;overflow: hidden;} .subscribe-submit-btn .btn-spinner {position: relative;width: 100%; height: 100%; position: absolute; z-index: 3; top: 0; left: 0;display: flex; justify-content: center; align-items: center;backdrop-filter: blur(5px);pointer-events: none;} .subscribe-submit-btn .btn-spinner i {} .subscribe-form-con .form-con .form-row button {display: block; width: 100%; background: var(--sys-red); height:60px; border: 0;border-radius: 8px;color: var(--sys-white);text-transform: uppercase;font-weight: 600;font-size: 22px;} .checkout-submit-btn:hover {opacity: 0.5;} .subscribe-testimony-con {margin-top: 30px;} .subscribe-testimony-con h2 {color: var(--accent2);text-transform: uppercase;margin-bottom: 11px;text-align: center;} .subscribe-testimony-section {border-top: 1px dotted rgba(21, 21, 22, 0.5);padding: 20px 0;} .subscribe-testimony-section section {padding: 20px 0; border-bottom: 1px dotted rgba(21, 21, 22, 0.5);} .subscribe-testimony-section section:first-child {padding-top: 0;} .subscribe-testimony-section section .testimony-header {display: flex; align-items: center; gap: 16px;margin-bottom: 16px;} .subscribe-testimony-section section .testimony-header h4 {color: var(--accent2);font-weight: 600;} /**Subscribe CSS END**/ /*START PAID BILLING MODAL*/ .popUpContainer { background: rgba(21, 21, 22, 0.1); top: 50%; left: 50%; position: fixed; z-index: 998; width: 100%; height: 100%; text-align: center; transform: translate(-50%,-50%); display: none; } .popUpContainer .popUpHolder{display: inline-block;position: fixed; transform: translate(-50%,-50%); top: 50%; left: 50%;} .popUpDetails{background: #fff;border-radius: 16px; width: 100%; height: 100%;} .popUp{width:550px;max-width:100%;padding: 14px;overflow:hidden;position:relative;} .popUpHeading{position:relative;} .popUpHeading:after{content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%;} .popUpHeading a{display: flex; width: 16px; height: 16px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; align-items: center; justify-content: center;} .popUpHeading a svg{vertical-align:middle;} .popUpContent{margin:14px auto;} .popUpContent .formSpacer:not(:last-child) {margin-bottom: 16px;} .popUpContent .formGroup{width:100%;} .popUpContent .formGroup.col2{} .popUpContent .formGroup.col2 .formSection{display:inline-block;width:100%;} .popUpContent .formGroup.col2 .formSection{} .popUpContent .formGroup .formSection{width:100%;position:relative;display:block;text-align:left;} .popUpContent .formGroup .formSection .formHeading{margin-bottom:6px;} .popUpContent .formGroup .formSection .formHeading label{margin-bottom:0;} .popUpContent .formGroup .formSection .formHeading span{color:rgba(21, 21, 22, 0.4);} .popUpContent .formGroup .formSection label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.6);margin-bottom:6px;} .popUpContent .formGroup .formSection span{display:inline-block;vertical-align:middle;} .popUpContent .formGroup .formSection select{color: var(--sys-dark);} .popUpContent input[type=text], .main-content select{height:42px;} .main-content select{padding:10px 14px;} .popUpContent textarea {min-height:96px;} .popUp .popUpBtns {margin:16px auto 0;} .popUp .popUpBtns button {display: inline-block; vertical-align: top;width:100%;min-width:0;padding:0;} .popUp .popUpBtns button.accent-drk{border: 1px solid rgba(255, 255, 255, 0.1);} #paidBillingModal.popUpContainer{background: rgba(21, 21, 22, 0.5);} #paidBillingModal .popUp{width: 800px;padding: 35px;overflow:visible;} #paidBillingModal .popUpHeading{position:absolute;top:0;right:0;} #paidBillingModal .popUpHeading:after{display:none;} #paidBillingModal .popUpHeading h2{position:relative;color: #fff;z-index:1;} #paidBillingModal .popUpHeading a{width:40px;height:40px;border-radius:50%;background:#000;position: absolute;top: -15px;right: -15px;} #paidBillingModal .popUpHeading a svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #paidBillingModal .popUpHeading a:hover {opacity: 0.5;} #paidBillingModal .popUpContent{margin:0 auto;position:relative;} #paidBillingModal .popUpContent .headingTitles{margin-bottom:30px;} #paidBillingModal .popUpContent .headingTitles h2{color: red;text-decoration:underline;} #paidBillingModal .popUpContent .headingTitles h3{color:#2c2d3c;line-height:100%;margin: 20px auto 0;} #paidBillingModal .popUpContent .headingTitles h3 span{display:block;text-decoration:underline;margin-top: 20px;} #paidBillingModal .popUpContent .description{text-align:left;} #paidBillingModal .popUpContent .description p{color:#2c2d3c;} #paidBillingModal .popUpContent .description p:not(:last-child){margin-bottom:20px;} #paidBillingModal .popUpContent .description a {color: var(--accent2); text-decoration: underline;margin: 10px auto;font-size: 18px;} #paidBillingModal .popUpContent .description a:hover {opacity: 0.5;} /*END PAID BILLING MODAL*/ /*START SUBSCRIBE MODAL*/ #subscribeModal.popUpContainer{background: rgba(21, 21, 22, 0.5);} #subscribeModal .popUp{width: 800px;padding: 35px;overflow:visible;} #subscribeModal .popUpHeading{position:absolute;top:0;right:0;} #subscribeModal .popUpHeading:after{display:none;} #subscribeModal .popUpHeading h2{position:relative;color: #fff;z-index:1;} #subscribeModal .popUpHeading a{width:40px;height:40px;border-radius:50%;background:#000;position: absolute;top: -15px;right: -15px;} #subscribeModal .popUpHeading a svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #subscribeModal .popUpHeading a:hover {opacity: 0.5;} #subscribeModal .popUpContent{margin:0 auto;position:relative;} #subscribeModal .popUpContent .headingTitles{margin-bottom:30px;} #subscribeModal .popUpContent .headingTitles h2{color: red;text-decoration:underline;} #subscribeModal .popUpContent .headingTitles h3{color:#2c2d3c;line-height:100%;margin: 20px auto 0;} #subscribeModal .popUpContent .headingTitles h3 span{display:block;text-decoration:underline;margin-top: 20px;} #subscribeModal .popUpContent .description{text-align:left;} #subscribeModal .popUpContent .description p{color:#2c2d3c;} #subscribeModal .popUpContent .description p:not(:last-child){margin-bottom:20px;} #subscribeModal .popUpContent .description a {color: var(--accent2); text-decoration: underline;margin: 10px auto;font-size: 18px;} #subscribeModal .popUpContent .description a:hover {opacity: 0.5;} /*END PAID BILLING MODAL*/ .modal-close-button {position: absolute;top: 14px; right: 14px;display: block;background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;width: 16px; height: 16px;line-height: 14px; text-align: center;z-index: 100;} .modal-close-button svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .modal-close-button:hover {opacity: 0.5;} .subscribeConfirmModal .description h2 {margin: 15px 0 15px; color: var(--accent2);padding: 0 30px;} .subscribeConfirmModal .description p {} /**POLICIES PAGE START**/ .policies-container {display: flex; flex-direction: column;min-height: calc(100vh - 196px);} .policy-page header {border: 0;} .policy-page .policies-container {display: flex; flex-direction: column; min-height: calc(100vh - 26px);} .policy-page header {height: 56px; flex-shrink: 0;} .policy-page header .header_con {justify-content: space-around;} .policy-page main { padding: 14px 0 20px; background: #F9F9F9; flex: 1; position: relative; flex: 1;overflow: hidden;display: flex;} .policy-page main .policy-text-con {overflow: auto;height: 100%; padding: 15px 10px 0;} .policy-page main .policy-text-con h2 {font-weight: 600; margin-bottom: 16px; color: var(--sys-dark);} .policy-page main .policy-text-con h3 {font-weight: 600; margin-bottom: 16px; color: var(--sys-dark);} .policy-page main .policy-text-con {font-size: 16px;} .policy-page main .policy-text-con p {margin-bottom: 8px;} .policy-page main .policy-text-con .text-strong, .policy-page main .policy-text-con strong {color: var(--sys-dark);} .policy-page main .policy-text-con ol { list-style-position: inside; padding-left: 14px; margin: 0 0 14px; } .policy-page main .policy-text-con ol li, .policy-page main .policy-text-con ul li {margin-bottom: 8px;} .policy-page main .policy-text-con ul ul {margin: 10px 0; padding-left: 20px;} .policy-page main .policy-text-con a:hover {text-decoration: underline;} .policy-page footer {background:#fff;width: 100%;border-top: 1px solid rgba(21, 21, 22, 0.05);position:relative;height:5.3vh;margin-top:32px;margin-top: calc(100% - 98.5%);height: 2.73vh;margin-top: calc(100% - 98.4%);margin-top: 3.5vh;height: 26px; margin-top: 32px;margin-top:0;min-height: 0;display: flex; align-items: center;} .policy-page footer .footer_con{height: 100%;} .policy-page footer .footer_con .footerBoxes {display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;} .policy-page footer .footer_con .footerBox{} .policy-page footer .footer_con .footerBox.footerBox1{position:relative;display: flex;align-items: center;} .policy-page footer .footer_con .footerBox.footerBox1 .copyright{color: rgba(21, 21, 22, 0.5);} .policy-page footer .footer_con .footerBox.footerBox1 .footer-logo{width:60px;vertical-align:middle;} .policy-page footer .footer_con .footerBox.footerBox2 ul{position:relative;display: flex;align-items: center;} .policy-page footer .footer_con .footerBox.footerBox2 ul li {padding: 0 8px; position: relative; border-right: 1px solid rgba(21, 21, 22, 0.5)} .policy-page footer .footer_con .footerBox.footerBox2 ul li:last-child {border :0;} .policy-page footer .footer_con .footerBox.footerBox2 ul li a {color: rgba(21, 21, 22, 0.5);} .policy-page footer .footer_con .footerBox.footerBox2 ul li a:hover {text-decoration: underline; color: var(--sys-dark);} .policy-page footer .footer_con .footerBox.footerBox2 ul li.active {text-decoration: underline; pointer-events: none;} .policy-page footer .footer_con .footerBox.footerBox2 ul li.active a {color: var(--sys-dark);} .policy-page footer .footer_con .footerBox.footerBox3 a:hover {text-decoration: underline;color: var(--sys-dark);} .drizzio-policies-container {} .drizzio-policies-container .page_nav ul li:nth-child(2) a, .drizzio-policies-container .page_nav ul li:first-child a {margin: 0 10.5px 0 10px;} .drizzio-policies-container .page_nav .wrapper {padding: 0;} .drizzio-policies-container main .wrapper {padding: 0;} .drizzio-policies-container main .policy-text-con {padding: 15px 10px; font-size: 16px;} .drizzio-policies-container main .policy-text-con h2 {font-weight: 600; margin-bottom: 16px; color: var(--sys-dark);} .drizzio-policies-container main .policy-text-con h3 {font-weight: 600; margin-bottom: 16px; color: var(--sys-dark);} .drizzio-policies-container main .policy-text-con p {margin-bottom: 8px; font-size: 16px;} .drizzio-policies-container main .policy-text-con strong {color: var(--sys-dark);} .drizzio-policies-container main .policy-text-con ul ul {margin: 10px 0; padding-left: 20px;} .drizzio-policies-container main .policy-text-con ul li {margin-bottom: 8px;} /**POLICIES PAGE END**/ /*MOVE TO STEP*/ .moveToStep header{display:none;} .moveToStep main .policy-text-con .moveToStepContentHolder{display: flex;justify-content: center;align-items: center;height: 100%;flex-direction:column;} .moveToStep main .policy-text-con .moveToStepContentHolder .logo{margin:0 auto 40px;} /*#groupTrainingModal .popUpHeading:after{display:none;}*/ .moveToStep main .policy-text-con .moveToStepContentHolder img{max-width:100%;height:55px;} .moveToStep main .policy-text-con .moveToStepContent .complete-icon {display: block; height: 55px; width: 55px; background: #FFFFFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative;} .moveToStep main .policy-text-con .moveToStepContent .complete-icon svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width:35px;height:35px;} .moveToStep main .policy-text-con .moveToStepContent h2{display: block; text-align: center;color:var(--sys-dark);margin-bottom:20px;} .moveToStep main .policy-text-con .moveToStepContent p{margin-bottom:0;color:var(--sys-dark);font-weight:normal;line-height:150%;} .moveToStep main .policy-text-con .moveToStepContent p a{position:relative;color:var(--accent1);} .moveToStep main .policy-text-con .moveToStepContent p:not(:last-child){margin-bottom:25px;} .moveToStep main .policy-text-con .moveToStepContent span{position:relative;color:var(--accent1);} /*END MOVE TO STEP*/ /**SUBSCRIPTION PAGE - 14-DAY TRIAL START**/ .subscription-page-con {background: #fafafa} .subscription-page-banner { /*padding-bottom: 3.45455%; padding-top: 3.48837%; padding-left: 0;*/ background-color: transparent; background-position: center 7%; background-repeat: no-repeat; background-size: cover; background-image: url(../../../Content/images/home/btm7-img.jpg); position: relative; width: 100%; overflow: hidden;min-height:385px;padding-top:70px;} .subscription-page-banner:before {content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(31, 62, 125, 0.85); display: block;} .subscription-page-banner-info {width: 51%;} .subscription-page-banner-info h2 { font-size: 44px; color: #FFFFFF; font-weight: bold; line-height: 110%;} .subscription-page-banner-info h3 { font-size: 40px; margin: 7% 0 3%;display: block;color: rgba(78, 179, 234, 1);color:#FF7A48;font-weight: 600;} .subscription-page-banner-info p {color: #FFFFFF;font-weight: 500;} .subscription-form-con {position: absolute; right: 0; top: -320px;width: 47%; background: #FFFFFF;padding: 20px 5.5% 40px;z-index: 20;background: #fff; border-radius: 15px; box-shadow: 0px 10px 30px #1515160a;z-index:9;} .subscription-form-con .form-con {} .subscription-form-con .form-con h3 {color: #151516;margin-bottom: 11px; padding-bottom: 11px;position: relative;margin-top: 20px ;} .subscription-form-con .form-con h3:after { content: ""; display: block; bottom: 0; left: 0; width: 65px; height: 2px; margin-bottom: 2px; background: rgba(130,130,130,.3); display: block; position: absolute;} .subscription-form-con .form-con .form-item {margin-bottom: 11px;position: relative;} .subscription-form-con .form-con .form-group {display: flex; justify-content: space-between; gap: 11px;} .subscription-form-con .form-con .form-group .form-item {flex: 1;} .subscription-form-con .form-con label {font-size: 0.75rem; line-height: 1rem; letter-spacing: -0.03em;font-weight: 500;margin-bottom: 6px;display: block;} .subscription-form-con .form-con input[type] { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: 10px 13px; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: var(--sys-dark); width: 100%; resize: none; height: 42px; } .subscription-form-con .form-con input[type]::placeholder {color: #1515164D; } .subscription-form-con .form-con select { background: url("../../images/drizzio/down-angle.png") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 13px 15px; color: var(--sys-dark); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; } .subscription-form-con .form-con button { width: 100%; height: 41px; font-weight: 500; display: block; border-radius: 21px; background: #294C99; color: #fff; text-align: center; letter-spacing: -0.04em; border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid transparent; padding: 0 10px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); margin: 11px auto; font-size: 18px; color: #ffffff; text-transform: uppercase; } .subscription-form-con .form-con button:hover {opacity: 0.5;} .subscription-form-con .form-con input.card-input {padding-right: 111px;} .subscription-form-con .form-con .subscription-card-icons {display: flex; gap: 4px; align-items: center; position: absolute; right: 11px;bottom: 7px;} .subscription-form-con .form-con .form-item.cvc-con .flx-item {display: flex; align-items: center; gap: 6px;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip-con {position: relative;cursor: pointer;line-height: 0;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip { position: absolute; width: 165px; bottom: calc(100% + 10px); left: 50%; margin-left: -83px; padding: 14px; background: #e8e8ed; border-radius: 16px; display: none;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; border-bottom-right-radius: 2px; transform: rotate(45deg); bottom: -5px; background-color: #e8e8ed; left: 0; margin: 0 auto; right: 0; } .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip_heading{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;margin-bottom: 11px;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon {} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon svg{width:25px;height:auto;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-title {color: #151516; font-weight: bold;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip p {text-align: left; font-size: 10px;line-height: 14px;} .subscription-form-con .form-con .form-item.cvc-con .cvc-tooltip-con:hover .cvc-tooltip {display: block;} .subscription-form-con .form-con h4 {margin: 11px 0 11px 0; text-align: center; color: #151516;font-size: 24px;font-weight:bold;padding-top: 11px; border-top: 1px solid rgba(190,190,190,.25)} .subscription-form-con .form-con p {color: #151516; text-align: center;font-size: 14px;letter-spacing: -0.5px; line-height: 18px;} .subscription-form-con .form-con p span {font-weight: bold;color: #294C99;} .subscription-form-con .form-con p a {color: #294C99;} .subscription-form-con .form-con p a:hover {text-decoration: underline;} .subscription-form-con .form-con .subscription-guarantee-con {display: flex; justify-content: space-between; gap: 11px;margin-top: 22px;} .subscription-form-con .form-con .subscription-guarantee-con li { display: flex; justify-content: flex-start; gap: 11px; align-items: center; color: #999999; font-size: 14px; letter-spacing: 1.2px; line-height: 1.3; } .subscription-bottom1-con {position: relative;padding: 70px 15px; background: #fff; border-radius: 50px; box-shadow: 0px 10px 30px #1515160a; overflow: hidden;margin: 30px 0;width:51%;} .subscription-bottom1-content {position: relative;} .subscription-bottom1-content .btm1_info_before {top: 0; left: -20px; width: 100px;} .subscription-bottom1-content .btm1_info_after { position: absolute; top: -20px; right: 0; width: 100px; z-index: 0; } .subscription-bottom1-info {width: 88%;margin: 20px auto 20px;} .subscription-bottom1-info p { font-size: 22px; color: #151516; font-weight: 600; letter-spacing: -0.5px; line-height: 24px; text-align: center;} .subscription-bottom1-con .btm1_boxes section {width: 49%;} .subscription-bottom2-con {position: relative; padding: 40px 15px 10px; margin: 120px 0 0;margin:40px 0 0;} /*.subscription-bottom2-content {width: 51%;position: relative;} .subscription-bottom2-info {width: 70%;margin: 0 auto 20px;} .subscription-bottom2-info h2 {font-size: 26px; margin-bottom: 11px;} .subscription-bottom2-info p { font-size: 16px; color: #8A8A8A; font-weight: 500; letter-spacing: -0.5px; line-height: 18px; text-align: center;} .subscription-bottom2-content .btm2_info_before { position: absolute; top: 35px; left: 0; width: 90px; z-index: 0; } .subscription-bottom2-content .btm2_info_after { position: absolute; top: 10px; right: 0px; width: 50px; z-index: 0; }*/ .subscription-page-con footer {margin: 0;} .subscription-bottom3-con {position: relative; padding: 20px 15px 70px;} .subscription-bottom3-con .subscription-bottom3-info {text-align: center;} .subscription-bottom3-con .subscription-bottom3-info h3 {position: relative;display: inline-block;font-size: 26px;color: #151516;font-weight:bold;line-height:100%;} /*.subscription-bottom3-con .subscription-bottom3-info h3:after{content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='64' height='64' fill='rgba(255,0,0,1)'%3E%3Cpath d='M17 16H13L18 22L23 16H19V11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11V20H5V11C5 7.68629 7.68629 5 11 5C14.3137 5 17 7.68629 17 11V16Z'%3E%3C/path%3E%3C/svg%3E");display: block; width: 64px; height: 64px; transform: rotate(90deg); position: absolute; right: -60px; top: 0;}*/ .subscription-bottom3-con .subscription-bottom3-info h3 small {position: relative;display: inline-block;} .subscription-bottom3-con .subscription-bottom3-info h3 small:before {content: ""; width: 100%; height: 3px; position: absolute; background: #FF7A48;border-radius: 5px; left: -3px;transform: rotate(5deg); top: 11px;} .subscription-bottom3-con .subscription-bottom3-info h3 small:after {content: ""; width: 100%; height: 3px; position: absolute; background: #FF7A48;border-radius: 5px; left: -3px;transform: rotate(-5deg); top: 11px;} .subscription-bottom3-con .subscription-bottom3-info h3 span {/*position: absolute; left: calc(100% - 170px);top: -40px;*/display: block;margin-top: 10px;position:relative;} .subscription-bottom3-con .subscription-bottom3-info h3 span i.spiral-arrow{position: absolute; top: -35px; right: -52px;} .subscription-bottom3-con .subscription-bottom3-info h3 span i.spiral-arrow-mobile{display:none;margin-bottom:15px;} .subscription-bottom3-con .subscription-bottom3-info h3 span .spiral-arrow-mobile svg{width:25px;height:auto;} .subscription-bottom3-con .subscription-bottom3-info h3 span .spiral-arrow-mobile svg path{fill: #FF7A48;} .subscription-bottom3-con .subscription-bottom3-info h3 span .spiral-arrow svg {width:110px;height:auto;} .subscription-bottom3-con .subscription-bottom3-info h3 span .spiral-arrow svg path{fill: #FF7A48;} .subscription-bottom3-con .subscription-bottom3-info h3 span .subscription-bottom3-info-button{display: inline-block;} .subscription-bottom3-con .subscription-bottom3-info h3 span .subscription-bottom3-info-button a {display:block;width:400px;min-height:44px;white-space: nowrap; color:#fff;font-weight: 600;line-height:100%;font-size:22px;border-radius: 50px;background: #294C99;text-align: center;letter-spacing: -0.04em;box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05);padding:15px 20px;} .subscription-bottom3-con .subscription-bottom3-info h3 span .subscription-bottom3-info-button:hover a{background:#FF7A48;} /**SUBSCRIPTION PAGE - 14-DAY TRIAL END**/ /**BUY PAGE START**/ .buy-page-con {background: #fafafa} .buy-page-con .main_logo img {width: unset !important; height: 45px !important;} .buy-page-con .page_nav ul li a:hover {background: #FF5A5F} .buy-page-con .page_nav ul li a.nav-button {background: #FF5A5F} .buy-page-con .page_nav ul li a.nav-button:hover {opacity: 0.5;} .buy-page-banner { /*padding-bottom: 3.45455%; padding-top: 3.48837%; padding-left: 0;*/ background-color: transparent; background-position: center 26%; background-repeat: no-repeat; background-size: cover; background-image: url(../../images/home/de-banner.png); position: relative; width: 100%; overflow: hidden;min-height:385px;padding-top:35px;} .buy-page-banner:before {content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(229, 80, 85, 0.9); display: block;} .buy-page-banner-info {width: 51%;} .buy-page-banner-info h2 { color: #FFFFFF; font-weight: bold; line-height: 110%;position: relative; z-index: 3;} .buy-page-banner-info h3 { font-size: 36px; margin: 7% 0 3%;display: block;color:#FF7A48;color: #FFFFFF;font-weight: 600;} .buy-page-banner-info p {color: #FFFFFF;font-weight: 500;} /*.buy-content-container { margin-top: -350px; }*/ .buy-form-con {position: absolute; right: 0; top: -180px;width: 36%; background: #FFFFFF;padding: 20px 2.5% 20px;z-index: 20;background: #fff; border-radius: 15px; box-shadow: 0px 10px 30px #1515160a;z-index:9;position: relative;float: right;} .buy-form-con .form-con {} .buy-form-con .form-con h3 {color: #151516;margin-bottom: var(--clamp-11); padding-bottom: var(--clamp-11);position: relative;margin-top: var(--clamp-20) ;margin-top: var(--clamp-14);} .buy-page-con .buy-form-con .form-con h3:first-child { margin-top: 3px; } .buy-form-con .form-con h3:after { content: ""; display: block; bottom: 0; left: 0; width: 65px; height: 2px; margin-bottom: 2px; background: rgba(130,130,130,.3); display: block; position: absolute;} .buy-form-con .form-con .form-item {position: relative;margin-bottom: var(--clamp-11);} .buy-form-con .form-con .form-group {display: flex; justify-content: space-between; gap: var(--gap-11);flex-wrap: wrap;} .buy-form-con .form-con .form-group .form-item {flex: 1;} .buy-form-con .form-con label {font-size: 0.75rem; line-height: 1rem; letter-spacing: -0.03em;font-weight: 500;margin-bottom: 6px;display: block;} .buy-form-con .form-con input[type = "text"] { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: var(--clamp-100) var(--clamp-12); font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); line-height: 120%; color: var(--sys-dark); resize: none; flex: 1;width: 100%;padding: var(--clamp-12) var(--clamp-14)} .buy-form-con .form-con input[type]::placeholder {color: #1515164D; } .buy-form-con .form-con .form-radio-btns {position: relative;} .buy-form-con .form-con .form-radio-btns .form-item {margin-bottom: 0;} /*.buy-form-con .form-con .form-radio-btns .form-item {padding-bottom: 8px; margin-bottom: 8px;border-bottom: 1px solid rgba(21, 21, 22, 0.05)} .buy-form-con .form-con .form-radio-btns .form-item:last-child {border-bottom: 0}*/ .buy-form-con .form-con .form-radio-btns label {font-size: var(--clamp-text-base);line-height: 120%;margin-bottom: 0;color: #151516;cursor: pointer; padding-left: var(--clamp-24);width: 100%;position: relative;border: 1px solid transparent;padding: var(--clamp-6) var(--clamp-10) var(--clamp-6) 30px; border-radius: 8px;} .buy-form-con .form-con .form-radio-btns label span {display: block !important;color: #151516;} .buy-form-con .form-con .form-radio-btns label small {display: flex; justify-content: space-between;width: 100%;color: #151516;} .buy-form-con .form-con .form-radio-btns .custom-radio-btn-con {position: absolute; top: 8px;left: 8px; margin: 0;cursor: pointer;} .buy-form-con .form-con select { background: url("../../images/drizzio/down-angle.png") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: var(--clamp-12) var(--clamp-14); color: var(--sys-dark); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: var(--clamp-text-sm); line-height: 120%; } .buy-form-con .form-con button { width: 100%; font-weight: 500; display: block; border-radius: 21px; background: #FF5A5F; color: #fff; text-align: center; letter-spacing: -0.04em; border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid transparent; padding: 0 10px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); margin: var(--clamp-11) auto; font-size: var(--clamp-text-l); color: #ffffff; text-transform: uppercase; padding: var(--clamp-8) var(--clamp-10) } .buy-form-con .form-con button:hover {opacity: 0.5;} .buy-form-con .form-con .errormsg {display: block; margin-top: 5px;color: red;width: 100%;} .buy-form-con .form-con .form-group .errormsg {display: block; margin-top: -5px;color: red;width: 100%;} .buy-form-con .form-con .form-group #expirationErrorMsg.errormsg, .buy-form-con .form-con .form-group #cvcErrorMsg.errormsg {margin-top: 5px;} .buy-form-con .form-con #countryAreaCode {width: 10em;} .buy-form-con .form-con .declinedMsg{display:flex;align-items:center;justify-content:center;gap:5px;} .buy-form-con .form-con .declinedMsg svg{height:100%;vertical-align:middle;width:28px;} .buy-form-con .form-con .declinedMsg svg path{color: #FF5A5F;} .buy-form-con .form-con .declinedMsg h2{text-align: center;color: #FF5A5F;} .buy-form-con .form-con input.card-input {padding-right: 111px;} .buy-form-con .form-con .buy-card-icons {display: flex; gap: 4px; align-items: center; position: absolute; right: 11px;top: 34px;} .buy-form-con .form-con .form-item.cvc-con .flx-item {display: flex; align-items: center; gap: 6px;} .buy-form-con .form-con .form-item.cvc-con .flx-item .errormsg {} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip-con {position: relative;cursor: pointer;line-height: 0;} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip { position: absolute; width: 165px; bottom: calc(100% + 10px); left: 50%; margin-left: -83px; padding: 14px; background: #e8e8ed; border-radius: 16px; display: none;} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; border-bottom-right-radius: 2px; transform: rotate(45deg); bottom: -5px; background-color: #e8e8ed; left: 0; margin: 0 auto; right: 0; } .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip_heading{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;margin-bottom: 11px;} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon {} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon svg{width:25px;height:auto;} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-title {color: #151516; font-weight: bold;} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip p {text-align: left; font-size: 10px;line-height: 14px;} .buy-form-con .form-con .form-item.cvc-con .cvc-tooltip-con:hover .cvc-tooltip {display: block;} .buy-form-con .form-con h4 {margin: var(--clamp-11) 0; text-align: center; color: #151516;font-size: 24px;font-weight:bold;padding-top: 11px; border-top: 1px solid rgba(190,190,190,.25)} .buy-form-con .form-con p {color: #151516; text-align: center;font-size: var(--clamp-text-sm);letter-spacing: -0.6px; line-height: 120%;} .buy-form-con .form-con p span {font-weight: bold;color: #294C99;} .buy-form-con .form-con p a {color: #294C99;} .buy-form-con .form-con p a:hover {text-decoration: underline;} .buy-form-con .form-con .buy-guarantee-con {display: flex; justify-content: space-between; gap: 11px;margin-top: 22px;} .buy-form-con .form-con .buy-guarantee-con li { display: flex; justify-content: flex-start; gap: 11px; align-items: center; color: #999999; font-size: 14px; letter-spacing: 1.2px; line-height: 1.3; } .buy-bottom1 {position: relative;} .buy-bottom1-con {position: relative; padding: 50px 15px; background: #fff; border-radius: 15px; box-shadow: 0px 10px 30px #1515160a; overflow: hidden; margin: 27px 0; width: 62%;float: left;margin-bottom:0;z-index: 10;} .buy-page-video-con { position: relative; z-index: 10; margin-top: -170px; width: 62%; box-shadow: 0px 10px 30px #1515160a;border-radius: 15px;background: #fafafa;} .buy-page-video-con > div:nth-child(1) { position:relative; border-radius: 15px; overflow: hidden;} .buy-page-video-con video, .buy-page-video-con iframe {aspect-ratio: 1.6/1;width: 100%;} .buy-bottom1-content {position: relative;} .buy-bottom1-content .buy-bottom1-header {padding: 0 15px; display: flex; flex-direction: column;} .buy-bottom1-content .buy-bottom1-header h2 {font-size: 24px; font-weight: 700; color: #151516; line-height: 26px;text-align: center;margin-bottom: 25px;text-align: left !important; line-height: 28px;font-size: var(--clamp-text-24);line-height: 130%;} .buy-bottom1-content .buy-bottom1-header h2 span{display:block;line-height:100%;} .buy-bottom1-content .buy-bottom1-header ul {display: inline-block; margin: 0 auto;display: block;margin: 10px auto;width: fit-content;} .buy-bottom1-content .buy-bottom1-header ul li {color: #151516; text-align: left;font-weight: 600;font-size: 23px;line-height: 22px; margin-bottom: 15px;display: flex;align-items: center;gap: 5px;align-items: flex-start;gap: 10px;margin-bottom:25px;font-size:26px;} .buy-bottom1-content .buy-bottom1-header ul li:last-child{margin-bottom:0;} .buy-bottom1-content .buy-bottom1-header ul li svg{width:24px;height:24px;display:inline-block;vertical-align:middle;} .buy-bottom1-content .buy-bottom1-header ul li svg path{} .buy-bottom1-content .buy-bottom1-header ul li span{line-height:100%;} .buy-bottom1-content .buy-bottom1-header ul li span small { min-width:280px !important; display: inline-block;} .buy-bottom1-content .buy-bottom1-header ul li span i {font-style: unset;} .buy-bottom1-content .buy-bottom1-header h3 {} .buy-bottom1-content .buy-bottom1-header ul li:last-child {margin-bottom: 0;} .buy-bottom1-content .buy-bottom1-header .buy-bottom1-header-content{} .buy-bottom1-content .buy-bottom1-header .buy-bottom1-header-content p{font-size: 24px; font-weight: 500; color: #151516; text-align: left; line-height: 28px; font-weight: 600;} .buy-bottom1-content .buy-bottom1-header .buy-bottom1-header-content p:not(:last-child){margin-bottom: 25px;} .buy-bottom1-content .buy-bottom1-details {position: relative;} .buy-bottom1-content .buy-bottom1-details .btm1_info_before {top: 0; left: -20px; width: 100px;} .buy-bottom1-content .buy-bottom1-details .btm1_info_after { position: absolute; top: -20px; right: 0; width: 100px; z-index: 0; } .buy-bottom1-info {width: 88%;margin: 20px auto 20px;} .buy-bottom1-info p { font-size: 22px; color: #151516; font-weight: 600; letter-spacing: -0.5px; line-height: 24px; text-align: center;} .buy-bottom1-con .btm1_boxes section {width: 49%;} .bottom1-btn-con {width: 100%; display: flex; justify-content: center; align-items: center; margin: 50px 0 100px;display:none;} .bottom1-btn-con button { width: auto;width:100%; display: inline-block; height: 82px; font-weight: 500; display: block; border-radius: 41px; background: #FF5A5F; color: #fff; text-align: center; letter-spacing: -0.04em; border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid transparent; padding: 0 25px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); margin: 11px auto; font-size: 26px; color: #ffffff; } .bottom1-btn-con button:hover {opacity: 0.5;} .buy-page-con .buy-bottom2 {clear: both;} .buy-bottom2-con {position: relative; padding: 40px 15px 10px; margin: 120px 0 0;margin:40px 0 150px;padding-top: 90px;} .buy-bottom2-con .btm2_info{width:100%;margin-bottom: 0;} .buy-bottom2-con .btm2_info h2{margin-bottom:0;} .buy-bottom2-info-heading{display:flex;justify-content:center;align-items:center;gap:10px;} .buy-bottom2-info-heading svg{} .buy-bottom2-info-heading svg path{} .buy-page-con .warning-text {margin-bottom: 10px;display: block;} .buy-page-con .warning-text.show-warning {display: flex !important;} .buy-page-con .warning-text p { color: #F72B2B;padding-top: 2px;} .icon-accent1{fill:#FF5A5F;} .buy-form-con .form-con .form-radio-btns label.selected {border: 1px solid #FF5A5F;} .buy-page-con footer { margin: 0; } .buy-form-con .agree-checkbox-con p {text-align: left !important;font-size: var(--clamp-text-xs);line-height: 120%;} .buy-form-con .agree-checkbox-con a {text-decoration: underline; color: var(--accent2) !important;} .buy-form-con .agree-checkbox-con a:hover {opacity: 0.5;} .buy-form-con .agree-checkbox-con input[type=checkbox] {accent-color: var(--accent2);margin: 0 !important;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box {padding: 0;max-width: 650px;background: #f5f4f6; overflow: hidden;border-radius: 6px;min-height:550px;display: inline-flex;flex-direction: column;justify-content: space-between;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .modal-box-title {margin-bottom: 15px;padding: 15px;/*border-bottom: 4px solid #dfdedf;*/background: #FFFFFF;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .modal-box-title .modal-logo-con {padding-right: 15px; border-right: 1px solid rgba(0,0,0,0.08); margin-right: 15px;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .modal-box-title h4 {font-weight:bold;letter-spacing: unset;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .modal-content {padding: 0 15px;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .amount-con {margin-bottom: 15px;padding: 15px;background: #FFFFFF;border-radius: 6px;border: 1px solid rgba(21, 21, 22, 0.05);} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box h3, .buy-page-con .modal-fixed-container .modal-box h4 {color: #333333;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .amount-con {-moz-box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); -webkit-box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .amount-con h3 {font-weight: 600;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .amount-con h4 {font-weight: normal} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .amount-con h4 sup {font-size: 14px; line-height: 0%;padding-top: 10px;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .amount-con h4 span {font-weight: normal;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con {padding: 10px 15px; background: #FFFFFF; border-radius: 6px;-moz-box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); -webkit-box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con h3 {color: #9a999a;border-bottom: 1.5px solid rgba(21, 21, 22, 0.1);padding: 5px 0 10px} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con table {width: 100%;margin-top: 5px;padding-top: 5px;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con table tr td {padding: 14px 0;color: #7d7b7d;text-align: left;font-size: 18px;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con table tr th {padding: 10px 0; color: #9b9a9b;text-align: left;font-weight: bold;letter-spacing: 0;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con table thead tr {border-bottom: 1px solid rgba(0,0,0,0.05);} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con table tr td:last-child, .buy-page-con .modal-fixed-container .modal-box .order-details-con table tr th:last-child {text-align: right;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .order-details-con table tbody td {font-weight: 600;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .warning-text {font-size: 12px; margin: 15px 0 0; color: var(--sys-red);} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .modal-btns-con {padding: 10px 15px; margin-top: 40px;margin-bottom: 15px;} .buy-page-con .modal-fixed-container.order-summary-modal .modal-box .modal-btns-con button:last-child:hover {opacity: 0.5 !important;} .buy-page-con .modal-fixed-container.payment-successful .modal-box {padding: 40px;} .complete-icon {display: block; height: 42px; width: 42px; background: #FFFFFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative;} .complete-icon svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} /**Temp Buy Page**/ .buy-page-con.temp-page .buy-content-container {margin-top: -350px;} .buy-page-con.temp-page .buy-form-con {top: unset;position: relative;float: right;} .buy-page-con.temp-page .buy-form-con .form-con h3:first-child {margin-top: 3px;} .buy-page-con.temp-page .buy-form-con .form-con h3 {margin-top: 15px;} .buy-page-con.temp-page .buy-bottom1-con {margin-top: 190px;float: left;padding: 40px 15px;min-height: 777px;margin-bottom:0;} .buy-page-con.temp-page .buy-bottom2 {clear: both;} .buy-page-con.temp-page .warning-text {margin-bottom: 10px;display: block;} .buy-page-con.temp-page .warning-text.show-warning {display: flex !important;} .buy-page-con.temp-page .warning-text p { color: #F72B2B;padding-top: 2px;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header h2 {text-align: left !important; line-height: 28px;font-size: 28px;line-height: 130%;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header ul {display: block;margin: 30px auto 55px;width: fit-content;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header ul li {align-items: flex-start;gap: 10px;margin-bottom:25px;font-size:26px;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header ul li:last-child{margin-bottom:0;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header ul li span small { min-width:280px !important; display: inline-block;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header ul li span i {font-style: unset;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header h3 {} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header .buy-bottom1-header-content{} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header .buy-bottom1-header-content p{font-size: 24px; font-weight: 500; color: #151516; text-align: left; line-height: 28px; font-weight: 600;} .buy-page-con.temp-page .buy-bottom1-content .buy-bottom1-header .buy-bottom1-header-content p:not(:last-child){margin-bottom: 25px;} .buy-page-con.temp-page .buy-bottom2-con {padding-top: 90px;} .buy-page-con.temp-page .buy-bottom2-con .btm2_info { width: 100%; margin-bottom: 0;} /**Start V1 Buy Page**/ .buy-page-con.v1 {} .buy-page-con.v1 .wrapper {} .buy-page-con.v1 .buy-page-banner-info{width:100%;text-align:center;} /*.buy-page-con.v1 .buy-page-banner-info h2{font-size:32px;}*/ .buy-page-con.v1 .buy-page-banner {background-color: transparent; position: relative; width: 100%; padding: var(--clamp-30) 0;background: none; min-height: unset; overflow: visible;} .buy-page-con.v1 .buy-page-banner:after {content: ""; min-height: 380px; background-position: center 26%; background-repeat: no-repeat; background-size: cover; background-image: url(../../images/home/de-banner.png); z-index: 2;position:absolute; width: 100%;top: 0; left: 0;} .buy-page-con.v1 .buy-page-banner:before {min-height: 380px;z-index: 3;} .buy-page-con.v1 .buy-content-flx {display: flex; justify-content: space-between;flex-direction: row-reverse;align-items: stretch;} .buy-page-con.v1 .buy-bottom1 {width: 62%;} .buy-page-con.v1 .buy-bottom1 > div {width: 100% !important; float: none;} .buy-page-con.v1 .buy-main-section {width: 36%;} .buy-page-con.v1 .buy-main-section .buy-form-con {width: 100%;float: none;} .buy-page-con.v1 .buy-form-con {padding: var(--clamp-20) var(--clamp-24);top: 0;} .buy-page-con.v1 .buy-form-con .form-con .form-radio-btns label small{} .buy-page-con.v1 .buy-form-con .form-con .form-radio-btns label small q{color: #151516;} .buy-page-con.v1 .buy-form-con .form-group.credit-card { gap: 0; margin-bottom: var(--clamp-12); border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); padding: var(--clamp-8) var(--clamp-12) var(--clamp-8) var(--clamp-40);position: relative;} .buy-page-con.v1 .buy-form-con .form-group.credit-card input[type=text] {border: none; border-radius: 0; background: none;padding: 0; box-shadow: unset;border-left: 1px solid rgba(21, 21, 22, 0.1);padding-left: var(--clamp-10); padding-top: 5px; padding-bottom: 3px;} .buy-page-con.v1 .buy-form-con .form-group.credit-card input[type=text]::placeholder { font-size: var(--clamp-text-sm); font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ letter-spacing: -0.64px; color: rgba(21, 21, 22, 0.30); line-height: 120%;} .buy-page-con.v1 .buy-form-con .form-group.credit-card i.credit-card-icon {position: absolute; top: 49%; transform: translateY(-50%);left: 10px;display: block; line-height: 0;} .buy-page-con.v1 .buy-form-con .form-group.credit-card input.card-input.credit-card-number {border: none; padding-left: 0;} .buy-page-con.v1 .buy-form-con .form-group.credit-card input.card-expiration {width: 22.5%;flex: unset; flex-shrink: 0;} .buy-page-con.v1 .buy-form-con .form-group.credit-card input.card-cvc {width: 15.66%;flex: unset; flex-shrink: 0;} .buy-page-con.v1 .buy-form-con .form-con h6{font-size: 12px;color: #151516;text-align: left;margin:5px auto 0;} .buy-page-con.v1 .buy-bottom1 {display: flex; flex-direction: column;gap: var(--gap-22);} .buy-page-con.v1 .buy-bottom1-con{padding:var(--clamp-14);margin: auto; flex: 1; display: flex; justify-content: center; justify-content: center; align-items: center;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header{padding:0;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header h2{text-align:center!important;margin-bottom:var(--clamp-20);} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header h2 span{display:inline;} .buy-page-con.v1 .buy-bottom1 .buy-page-video-con {margin-top: 0;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes{display: flex;gap: 20px;counter-reset: my-sec-counter;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box{display:flex;flex-direction:column;width:33.33%;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-img-holder{margin-bottom: 25px; border-radius: 10px; max-width: 100%; box-shadow: rgba(60, 64, 67, 0.32) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.1) 0px 1px 8px;min-height:76px;position:relative;display:none;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-img-holder img{} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-img-holder svg{width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-content-holder{display: flex ; flex-direction: column; align-items: center; height: 100%;text-align:center;border-radius: 10px; max-width: 100%; box-shadow: rgba(60, 64, 67, 0.32) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.1) 0px 1px 8px;padding:0 15px;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-content-holder h3{color: #151516; text-align: center; font-weight: 600; font-size: 18px; line-height: 100%; margin-bottom: 10px; display: flex; flex-direction:column;align-items: center; align-items: center; position: relative; padding-left: 0;margin-bottom:0;width:100%;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-content-holder h3:before{counter-increment: my-sec-counter; content: counter(my-sec-counter); background: var(--accent2); padding: 5px; border-radius: 50%; line-height: 100%; color: #fff; font-size: 22px; box-sizing: border-box; width: 50px; height: 50px; display: flex ; justify-content: center; align-items: center; position: static; top: -2px; left: 0;margin-bottom:10px;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-content-holder p{font-size: 14px;/*line-height: 14px;*/color: #151516;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-header .buy-bottom1-boxes .buy-bottom1-box .buy-bottom1-content-holder img {max-width: unset; width: 100%;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2{display: flex;gap: 20px;/*align-items: flex-start;*/margin:25px auto 0;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2{display:flex;flex-direction:column;width:50%;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-img-holder img{} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-content-holder{display: flex;flex-direction: column;gap: 8px;height:100%;align-items: flex-start;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-content-holder .buy-bottom1-content-holder-heading-icon{display:flex;flex-direction: row;gap:5px;align-items: center;height:100%;align-items: flex-start;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-content-holder .buy-bottom1-content-holder-heading-icon h3{color: #151516; text-align: left; font-weight: 600; font-size: 18px; line-height: 100%; position: relative;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-content-holder .buy-bottom1-content-holder-heading-icon svg{width:24px;height:24px;fill:var(--accent2);line-height:0;flex-shrink:0;} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-content-holder .buy-bottom1-content-holder-heading-icon svg path{} .buy-page-con.v1 .buy-bottom1-content .buy-bottom1-boxes2 .buy-bottom1-box2 .buy-bottom1-content-holder p{font-size: 14px;line-height: 14px;color: #151516;} ].buy-page-con.v1 .buy-bottom1-con.spa{} .buy-page-con.v1 .spa .buy-bottom1-content .buy-bottom1-header h2 span{display:block;} .buy-bottom2-con .btm2_info h2.spa-ver {font-size: 32px;} /**End V1 Buy Page**/ /*FOOTER*/ .text-4xl {font-size: clamp(1.5rem, 1.875vw, 2rem); line-height: 2.25rem;letter-spacing: -0.04em; font-weight: 600;} .text-3xl {font-size: clamp(1.25rem, 1.6vw, 1.75rem);line-height: 2rem;letter-spacing: -0.04em; font-weight: 600;} .text-2xl {font-size: clamp(1.15rem, 1.3vw, 1.375rem); line-height: 1.625rem;letter-spacing: -0.04em; font-weight: 600;} .text-xl {font-size: clamp(0.875rem, 1.3vw, 1.25rem); line-height: 1.375rem;letter-spacing: -0.04em; font-weight: 600;} .text-l {font-size: clamp(0.85rem, 1.05vw, 1.125rem); line-height: 1.25rem;letter-spacing: -0.04em; font-weight: 600;} .text-base {font-size: clamp(0.75rem, 0.95vw, 1rem) !important; line-height: 1.25rem; letter-spacing: -0.03em; font-weight: 500;color: #15151699; } .text-sm {font-size: clamp(0.75rem, 0.9vw, 0.875rem); line-height: 1.125rem; letter-spacing: -0.03em;font-weight: 500;color: #15151699; } .text-xs {font-size: clamp(0.625rem, 0.8vw, 0.75rem); line-height: 1rem; letter-spacing: -0.03em;font-weight: 500;color: #15151699; } .flx {display: flex;} .flx-btwn {display: flex; justify-content: space-between;} .flx-center {display: flex !important;align-items: center} .flx-start {display: flex !important;align-items: flex-start;} .flx-jcenter {display: flex !important;justify-content: center;} .flx-jend {display: flex !important;justify-content: flex-end;} .flx-wrap { display: flex; flex-wrap: wrap; width: 100%; } .flx-end {display: flex; align-items: flex-end} .gap--14 {gap: 14px;} .gap--10 {gap: 10px;} .gap--8 {gap: 8px;} .gap--6 {gap: 6px;} .gap--4 {gap: 4px;} .flx_grow--1 {flex-grow: 1;} .flx_item--1 {width: 100%;} .flx_item--2 {width: 50%;} .buy-page-con footer {background:#fff;width: 100%;border-top: 1px solid rgba(21, 21, 22, 0.05);position:relative;height:5.3vh;margin-top:32px;margin-top: calc(100% - 98.5%);height: 2.73vh;margin-top: calc(100% - 98.4%);margin-top: 3.5vh;height: 26px; margin-top: 32px;margin-top:0;padding:0 24px;} .buy-page-con footer > .wrapper{max-width:100%;height:100%;padding:0;} .buy-page-con footer .footer_con{height: 100%;} .buy-page-con footer .footer_con .footerBoxes {display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;} .buy-page-con footer .footer_con .footerBox{} /*FOOTERBOX1*/ .buy-page-con footer .footer_con .footerBox.footerBox1{position:relative;display: flex;align-items: center;} .buy-page-con footer .footer_con .footerBox.footerBox1 .copyright{color: rgba(21, 21, 22, 0.5);} .buy-page-con footer .footer_con .footerBox.footerBox1 .footer-logo{width:60px;vertical-align:middle;} /*FOOTERBOX1*/ /*FOOTERBOX2*/ .buy-page-con footer .footer_con .footerBox.footerBox2 ul{position:relative;display: flex;align-items: center;margin-bottom: 0 !important;} .buy-page-con footer .footer_con .footerBox.footerBox2 ul li {padding: 0 8px; position: relative; border-right: 1px solid rgba(21, 21, 22, 0.5)} .buy-page-con footer .footer_con .footerBox.footerBox2 ul li:last-child {border :0;} .buy-page-con footer .footer_con .footerBox.footerBox2 ul li a {color: rgba(21, 21, 22, 0.5);} .buy-page-con footer .footer_con .footerBox.footerBox2 ul li a:hover {text-decoration: underline; color: var(--sys-dark);} /*FOOTERBOX2*/ /*FOOTERBOX3*/ .buy-page-con footer .footer_con .footerBox.footerBox3 a {} .buy-page-con footer .footer_con .footerBox.footerBox3 a:hover {text-decoration: underline;color: var(--sys-dark);} /*FOOTERBOX3*/ /*END FOOTER*/ /**HELP BUTTON START**/ .help-btn {display: inline-flex;height: 44px;border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); backdrop-filter: blur(4px); align-items: center; justify-content: flex-start;position: fixed; right: 24px; bottom: 24px;z-index: 9999;padding-left: 42px; max-width: 187px;width: auto;max-width: 44px;-webkit-transition: max-width 0.5s; transition: max-width 0.5s; } .help-btn__icon-container { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); backdrop-filter: blur(4px); position: relative; display: flex; align-items: center; justify-content: center;width: 44px; height: 44px; position: absolute; top: -1px; left: -1px;padding: 6px;} .help-btn__icon { border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.20); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); position: relative; width: 30px; height: 30px;} .help-btn__icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .help-btn__text {padding-right: 10px;white-space: nowrap;padding-left: 1px;} .help-btn__text span {color: var(--sys-white);font-weight: 600;display: flex; align-items: flex-end; justify-content: flex-start;gap: 4px;} .help-btn__text span q {height: 15px;} .help-btn__text small {display: block;color: rgba(255, 255, 255, 0.60); } .help-btn:hover {max-width: 187px;-webkit-transition: max-width 0.5s; transition: max-width 0.5s;} /**HELP BUTTON END**/ /**BUY PAGE END**/ @media only screen and (max-width: 1000px) { #paidBillingModal .popUpHolder {width: 90% !important;height: 90% !important;} #paidBillingModal .popUp {width: 100%;margin: 0 auto; height: 100%; overflow-y: auto;padding: 15px;} #paidBillingModal .popUpHeading a {top: 15px; right: 15px; width: 20px; height: 20px;z-index: 20;} #paidBillingModal .popUpHeading a svg {width: 14px; height: 14px;} #subscribeModal .popUpHolder {width: 90% !important;height: 90% !important;} #subscribeModal .popUp {width: 100%;margin: 0 auto; height: 100%; overflow-y: auto;padding: 15px;} #subscribeModal .popUpHeading a {top: 15px; right: 15px; width: 20px; height: 20px;z-index: 20;} #subscribeModal .popUpHeading a svg {width: 14px; height: 14px;} } @media only screen and (max-width: 800px) { .checkout-bottom-content {flex-direction: column;} .checkout-order-price {font-size: 16px;flex-shrink: 0;} .subscribe-form-con {margin: 25px auto; width: 100%;} .subscribe-form-con .form-con .form-row button {font-size: 16px;} .buy-form-con {margin: 25px auto; width: 100%;} .buy-form-con .form-con .form-row button {font-size: 16px;} } .input-error { border: 1px solid #FF5A5F !important; } /**Payment Page**/ #invoicePage {background: #f6f6f6; } #paymentPage .wrapper {padding: 0;} #paymentPage .logo-con {margin: 0 auto 20px;text-align: center;} #paymentPage .logo-con img {height: 60px; text-align: center; margin: 0 auto} #paymentPage .payment-form-con {margin: 25px auto; max-width: 1000px; width: 100%;overflow: hidden; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 10px;padding: 20px 20px 0;} #paymentPage .payment-form-con h2 {color: #151516;position: relative; padding-bottom: 15px;} #paymentPage .payment-form-con h2::after { content: ""; display: block; bottom: 0; left: 0; width: 65px; height: 2px; margin-bottom: 2px; background: rgba(130,130,130,.3); display: block; position: absolute; } #paymentPage .payment-form-con .paymentModalHeading{} #paymentPage .payment-form-con .paymentModalHeading ul{} #paymentPage .payment-form-con .paymentModalHeading ul li{display: inline-block; vertical-align: initial; margin: 0 3px; border-radius: 4px;} #paymentPage .payment-form-con .paymentModalHeading ul li:first-child{margin-left:0;} #paymentPage .payment-form-con .paymentModalHeading ul li:last-child{margin-right:0;} #paymentPage .payment-form-con .paymentModalHeading ul li img{display:block;vertical-align:middle;width:100%;width:30px;} #paymentPage .form-con {padding: 20px 0;} #paymentPage .form-con .form-group {display: flex; gap: 16px;margin-bottom: 16px;} #paymentPage .form-con .form-group .form-item {flex: 1;} #paymentPage .form-con .form-group .card-info {width: 20%;width:25%;} #paymentPage .form-con .form-group .form-item select {max-height: 400px; overflow: auto;} #paymentPage .form-con .form-group .flx-item{display: flex; align-items: center; gap: 6px;} #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip-con { position: relative; cursor: pointer; line-height: 0; } #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip-con:hover .cvc-tooltip {display: block;} #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip { position: absolute; width: 165px; bottom: calc(100% + 10px); left: 50%; margin-left: -83px; padding: 14px; background: #e8e8ed; border-radius: 16px; display: none; z-index:1;} #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip_heading { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 10px; margin-bottom: 11px; } #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon {} #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon svg { width: 25px; height: auto; } #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip p { text-align: left; font-size: 10px; line-height: 14px; } #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip .cvc-tooltip-title { color: #151516; font-weight: bold; } #paymentPage .form-con .form-group .form-item.cvc-con .cvc-tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; border-bottom-right-radius: 2px; transform: rotate(45deg); bottom: -5px; background-color: #e8e8ed; left: 0; margin: 0 auto; right: 0; } #paymentPage .form-con .form-group .form-item.cvc-con p{color: #000; letter-spacing: -0.5px;} #paymentPage .form-con button {/*background: #ff5a5f !important;*/} #paymentPage .form-con button:hover {/*opacity: 0.5;*/} #paymentPage .form-con .errormsg {font-size: 12px; margin-top: 12px; color: red;} #paymentPage .form-con .select-wrapper {position: relative;height: 50px;overflow: visible;} #paymentPage .form-con .select-wrapper select {max-height: 200px; overflow: auto;height: 100%;} .payment-status-modal-con { position: fixed; width: 100%; height: 100%; z-index: 20; top: 0; left: 0; transform: none; backdrop-filter: blur(4px); background-color: currentColor; } .payment-status-modal {position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; max-width: 550px; font-size: 16px; z-index: 20; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 16px; width: 80%; padding: 14px 14px; min-height: 180px; display: flex; flex-direction: column; justify-content: center;} .payment-status-modal-con .modal-close-button {position: absolute; top: 14px; right: 14px; display: block; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 16px; height: 16px; line-height: 14px; text-align: center; z-index: 100;} .payment-status-modal-con .payment-status-title {text-align: center;} .payment-status-modal-con .payment-status-title h2 {color: #151516;margin-bottom: 8px;} .payment-status-modal-con .payment-status-title small{display:inline-block;vertical-align:middle;line-height:1;} .payment-status-modal-con .payment-status-title small svg{display:inline-block;vertical-align:middle;height:100%;} .payment-status-modal-con .payment-status-title h2 span{display: flex;gap: 6px;align-items: center;} /**Payment Page END**/ /**Invoice Page**/ #invoicePage {margin: 25px auto;} #invoicePage * {font-family: var(--primary-font);line-height: 100%;} #invoicePage .wrapper {padding: 50px 40px;background: #FFFFFF;max-width: 800px; width: 100%; margin: 0 auto;} #invoicePage .logo-con {margin: -30px 0 40px;} #invoicePage .logo-con img {height: 60px;} .invoice-number {text-align: right;position: relative;} .invoice-number h2 {text-transform: uppercase;color: #3a3a3a; font-size: 35px;margin-bottom: 5px;} .invoice-number h3 {font-weight: 500;font-size: 20px;} .invoice-details {display: flex; justify-content: space-between; align-items: flex-end;} /*.invoice-details .invoice-details-left {margin-left: 10px;}*/ .invoice-details .invoice-details-left h2 {font-weight: 600; color: #000000; margin-bottom: 30px;} .invoice-details-contact h3 {margin-bottom: 10px;font-size: 16px !important;} .invoice-details-contact ul li {line-height: 1.2em !important;font-size: 16px !important;margin-bottom: 1px;color: #000000;} .invoice-details-contact ul li:first-child {font-weight: 600; text-transform: uppercase;} .invoice-details-right {width: 48%;} .invoice-details-right table {text-align: right; width: 100%;margin-left: auto;position: relative; z-index: 3;} .invoice-details-right table tr {position: relative;} .invoice-details-right table tr td {padding: 10px 20px;font-size: 14px;white-space: nowrap;} .invoice-details-right table tr td:last-child {color: #000000;} .invoice-details-right table tr.invoice-balance td:first-child:before{background: #f5f5f5; border-radius: 5px;overflow: hidden;content: ""; position: absolute; left: 0; top: 0;content: "";height: 100%; width: 100%;z-index: -1;} .invoice-details-right table tr.invoice-balance td {color: #333333;font-weight: 600; font-size: 18px;} .invoice-details-right table tr.invoice-balance td:first-child {} .invoice-content {margin-top: 40px;} .invoice-content table {position: relative; z-index: 3;border-collapse: unset;margin-bottom: 30px;width: 100%;} .invoice-content table tr td:nth-child(3), .invoice-content table tr td:nth-child(4) {text-align: right;white-space: nowrap;} .invoice-content table tr td {padding: 10px 15px;font-size: 16px;width: 15%;} .invoice-content table tr td:first-child {width: 65%;} .invoice-content table thead tr {position: relative;} .invoice-content table thead tr td {padding: 7.5px 15px; color: #FFFFFF;border-right: 1px solid #545454;background:#3a3a3a;} /*.invoice-content table thead tr td:first-child:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #3a3a3a; border-radius: 5px;z-index: -1;}*/ .invoice-content table thead tr td:last-child {border: 0;} .invoice-content table tbody tr td:first-child {font-weight: 600; color: #000000;} .invoice-content table tbody tr td:nth-child(2) {text-align: center;color:#000000;} .invoice-content table tbody tr td:nth-child(3), .invoice-content table tbody tr td:nth-child(4) {color: #000000;} .invoice-content table tfoot tr {height: 15px;} .invoice-content table tfoot tr td {padding: 10px 15px;} .invoice-content table tfoot tr td:nth-child(2) {text-align: right;padding-right: 0;} .invoice-content table tfoot tr td:last-child {color: #000000;} .invoice-notes {font-size: 14px;} .invoice-notes ul li {color: #333333;margin-top: 13px; text-transform: capitalize;} .invoice-footer {margin-top: 20px; border-top: 1px solid #000000; padding-top: 10px;} .invoice-footer ul {display: flex;align-items: center; justify-content: center; gap: 8px;} .invoice-footer ul li {font-size: 14px; color: #000000;} .invoice-footer ul li a {color: #000000;text-decoration: underline;} .invoice-footer ul li a:hover {opacity: 0.5;} .receipt-btns {display: flex; gap: 10px; align-items: center; margin-top: 10px; margin-left: auto; text-align: right;justify-content: right;} .receipt-btns li {position: relative;} .receipt-btns a {display: block; line-height: 100%;} .receipt-btns a .tooltip {position: absolute; bottom: 115%; left: 50%; transform: translateX(-50%); z-index: 10; background: #151516; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display: none;font-style: unset;width: auto; text-align: center;} .receipt-btns a .tooltip::before { content: ""; display: block; background: #151516; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); left: 0; bottom: -5px; right: 0; margin: 0 auto;} .receipt-btns a:hover .tooltip {display: block} .receipt-btns a.btn-primary {line-height: 22px !important; min-width: unset;} @media print { .no-print { display: none; } #invoicePage .wrapper { padding: 0; background: #FFFFFF; max-width: 100%; width: 100%; margin: 0; } .invoice-number h2, .invoice-number h3, .invoice-details-left h2, .invoice-details-contact h3, .invoice-details-contact ul li, .invoice-details-right table tr td, .invoice-details-right table tr.invoice-balance td, .invoice-content table tr td, .invoice-content table thead tr td, .invoice-content table tbody tr td, .invoice-content table tfoot tr td, .invoice-notes ul li, .invoice-footer ul li { color: #000000; } .invoice-content table thead tr td { background: #3a3a3a; -webkit-print-color-adjust: exact; color-adjust: exact; } .invoice-content table thead tr td:first-child:before { /* background: #3a3a3a; -webkit-print-color-adjust: exact; color-adjust: exact;*/ } .invoice-content table thead tr td, .invoice-content table tbody tr td, .invoice-content table tfoot tr td { border: 1px solid #000; } .invoice-details-right table tr.invoice-balance td:first-child:before { background: #f5f5f5; -webkit-print-color-adjust: exact; color-adjust: exact; } .invoice-footer { border-top: 1px solid #000000; } /*RESET*/ .invoice-content table thead tr, .invoice-content table thead tr td{background:none;border:none;} .invoice-content table thead tr td:first-child{border-radius:10px 0 0 10px;} .invoice-content table thead tr td:last-child{border-radius:0 10px 10px 0;} .invoice-content table thead tr td { color: #ffffff; } .invoice-content table thead tr td, .invoice-content table tbody tr td { border-right:1px solid #545454; } .invoice-content table thead tr td{} .invoice-content table tfoot tr td { border: none; } /*RESET*/ } /**Invoice Page END**/ /**Refund Page**/ #refundPage {margin: 25px auto;background: #f6f6f6} #refundPage * {font-family: var(--primary-font);line-height: 100%;} #refundPage .wrapper {padding: 50px 40px;background: #FFFFFF;max-width: 800px; width: 100%; margin: 0 auto;} #refundPage .logo-con {margin: -10px 0 15px;} #refundPage .logo-con img {height: 60px;} .refund-number {text-align: right;position: relative;} .refund-number h2 {text-transform: uppercase;color: #3a3a3a; font-size: 40px;margin-bottom: 5px;} .refund-details {display: flex; justify-content: space-between} .refund-details h2 {color: #151516; font-weight: 600;margin: 15px 0;} .refund-details .invoice-details-left {margin-left: 10px;} .refund-details .invoice-details-left h2 {font-weight: 600; color: #000000; margin-bottom: 30px;} .refund-details-contact h3 {margin-bottom: 10px;font-size: 16px !important;} .refund-details-contact ul li {line-height: 1.2em !important;font-size: 16px !important;margin-bottom: 1px;color: #000000;} .refund-details-contact ul li:first-child {font-weight: 600; text-transform: uppercase;} .refund-details h4 {margin: 20px 0 0;color: #151516; font-weight: 600;} .refund-info {padding-top: 5px;} .refund-info table {width: auto;position: relative; z-index: 3;} .refund-info table tr {position: relative;} .refund-info table tr td {padding: 8px 5px;font-size: 14px;} .refund-info table tr td:last-child {color: #000000;} .refund-info table tr.invoice-balance td:first-child:before{background: #f5f5f5; border-radius: 5px;overflow: hidden;content: ""; position: absolute; left: 0; top: 0;content: "";height: 100%; width: 100%;z-index: -1;} .refund-info table tr.invoice-balance td {color: #333333;font-weight: 800; font-size: 18px;} .refund-info table tr.invoice-balance td:first-child {border-radius: 10px 0 0 10px;} .refund-content {margin-top: 40px;} .refund-content table {position: relative; z-index: 3;border-collapse: unset;margin-bottom: 30px;} .refund-content table tr td:nth-child(3), .refundcontent table tr td:nth-child(4) {text-align: right;} .refund-content table tr td {padding: 10px 15px;font-size: 16px;width: 15%;} .refund-content table tbody tr td:first-child {width: 65%;} .refund-content table thead tr {position: relative;} .refund-content table thead tr td {padding: 7.5px 15px; color: #FFFFFF;border-right: 1px solid #545454;} .refund-content table thead tr td:first-child:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #3a3a3a; border-radius: 5px;z-index: -1;} .refund-content table thead tr td:last-child {border: 0;} .refund-content table tbody tr td:first-child { color: #000000;} .refund-content table tbody tr td:nth-child(2) {text-align: center;color:#000000;} .refund-content table tbody tr td:nth-child(3), .refund-content table tbody tr td:nth-child(4) {color: #000000;} .refund-content table tbody tr td span {display: block;margin-top: 5px;} .refund-content table tfoot {} .refund-content table tfoot tr {height: 15px;} .refund-content table tfoot tr td {padding: 7px 15px;width: unset;text-align: right;} .refund-content table tfoot tr td.text-strong {color: #000000;} .refund-content table tfoot tr td:first-child {} .refund-content table tfoot tr td:last-child {color: #000000;text-align: right} .refund-notes {padding-top: 10px; border-top: 1px solid #000000; margin-top: 100px;} .refund-notes p {font-size: 14px;margin-bottom: 5px; line-height: 16px !important;color: #000000;} /**Refund Page END**/ /*WELCOME MODAL*/ #welcomeModal{display:block;} #welcomeModal.popUpContainer {/*-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);*/background: rgba(21, 21, 22, 0.7);height: 105%;} #welcomeModal .popUp {padding:50px 20px;width:100%;} #welcomeModal .popUpClose { display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; cursor:pointer;} #welcomeModal .popUpClose svg { vertical-align: middle; fill: var(--accent1); } #welcomeModal .popUpClose svg path { stroke: var(--accent1); } #welcomeModal .popUpHeading { margin-bottom: 50px; } #welcomeModal .popUpHeading:after{display:none;} #welcomeModal .popUpHeading .widgetModalLogo{} #welcomeModal .popUpHeading .widgetModalLogo img{width:200px;max-width:100%;} #welcomeModal .popUpContent{margin:0;} #welcomeModal .popUpContent p{color: var(--my-primary-color);} #welcomeModal .popUpContent p:not(:last-child){margin-bottom:25px;} #welcomeModal .popUpContent p span {display: block;} #welcomeModal .popUpContent p span.cursive{font-family: var(--third-font);font-size: 20px;margin-top:5px;line-height: 1;} /*END WELCOME MODAL*/ /** Campaign Event Page START**/ .campaign-event-page * {font-family: Lato, Helvetica, sans-serif; font-size: 14px; line-height: 1.42857143;letter-spacing: 0 !important;} .campaign-event-page { overflow: initial; background-color: rgba(255, 255, 255, 0); --rem: 16; background-image: url(https://gc.grantcardone.com/hosted/images/db/b89305ba1e41059c1056d5be258add/Background.jpg); font-family: "Source Sans Pro", Helvetica, sans-serif !important; background-attachment: fixed; } .campaign-event-page h1 {font-family: Montserrat; line-height: 0.8em;} .campaign-event-page h2, .campaign-event-page h3,.campaign-event-page h4 {font-family: Lato, Helvetica, sans-serif !important;} .campaign-event-page .wrapper {max-width: 1170px; margin: 0 auto; position: relative;padding: 0;} .campaign-event-page .campaign-event-header-top {background: rgb(45, 45, 45); } .campaign-event-page .campaign-event-header-top-con {display: flex; justify-content: space-between; align-items: center;padding: 5px 24px 10px;} .campaign-event-logo {padding: 5px 5px 0;} .campaign-event-logo img {width: 150px;} .campaign-event-top-right p {color: #FFFFFF;font-weight: 700;font-size: 20px;padding-right: 18px;line-height: 24px !important;margin-top: 4px;} .campaign-event-top-right p a {color: rgba(255, 255, 255, 0.87); font-weight: normal;line-height: 24px;display: inline-block;font-family: Lato; text-align: right; font-size: 20px;} .campaign-event-page .campaign-event-header-bottom {background:rgb(25, 49, 165);height: 72px;-webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.4);z-index: 999; position: relative;} .campaign-event-page .campaign-event-header-bottom.sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; } .campaign-event-page .campaign-event-header-bottom-con {display: flex; justify-content: space-between; align-items: center;min-height: 72px;padding: 0 30px 0 35px;} .campaign-event-page .campaign-event-header-bottom-con h2 {flex: 1;font-family: Lato; color: #FFFFFF;font-size: 22px;font-weight: 700;padding-left: 80px;} .campaign-event-page .campaign-event-header-bottom-con button { color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(230, 34, 39); font-size: 22px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); border-radius: 60px; padding-left: 25px !important; padding-right: 25px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block; flex-shrink: 0; border: 0;text-transform: uppercase;max-width: 242px; width: 100%; font-family: 'Source Sans Pro', sans-serif; } .campaign-event-page .campaign-event-header-bottom-con button:hover {box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.22), 0 233px 233px 0 rgba(255, 255, 255, 0.12) inset;} .campaign-event-page main {padding: 13px 0 50px;background-color: rgba(255, 255, 255, 0.89);} .campaign-event-page main h1 {color: rgb(45, 45, 45); text-align: center;font-weight: 700;font-size: 60px; line-height: 60px;} .campaign-event-page main h1 q {color: rgb(230, 34, 39); font-size: 60px;line-height: 60px;font-family: Montserrat;} .campaign-event-page main h1 span {display: block; line-height: 100%;font-size: 30px; color: #000000;font-family: Montserrat;margin-top: 6px;} .main-content {display: flex; justify-content: space-between;gap: 30px; padding: 0 15px;margin-top: 40px;} .main-content > div {flex: 1 1 0;} .main-content-left-con {padding: 25px 15px 10px; background-color: rgb(255, 255, 255); margin-top: 65px; position: relative; -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); border-radius: 20px; min-width: 555px;} .main-content-left-img {max-width: 450px;margin: -120px auto 0;} .main-content-left-img img:last-child {max-width: 350px; margin: 0 auto;display: block;} .main-content-left-con ul {margin-top: 20px;} .main-content-left-con ul li {position: relative; padding-left: 2em;font-family: Lato, Helvetica, sans-serif !important; font-size: 18px;color: #000000;padding-bottom: 6px; margin-bottom: 6px;margin-top: 5px;} .main-content-left-con ul li span {color: rgb(25, 49, 165); font-weight: 700;font-size: 18px;} .main-content-left-con ul li .fa-arrow-alt-circle-right {position: absolute; left: 0; top: 0;font-weight: 900;font-size: 18px;} .main-content-left-con ul li .fa-arrow-alt-circle-right:before {content: "\f35a"; font-family: "Font Awesome 5 Free";color: rgb(25, 49, 165);} .main-img-bottom-con {text-align: center;} .main-img-bottom-con img:first-child {max-width: 500px;} .main-img-bottom-con img:last-child {max-width: 400px;} .main-content-right {flex: unset !important;max-width: 555px;} .main-content-right-con {padding: 25px 15px 15px; background-color: rgb(255, 255, 255); position: relative; -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); border-radius: 20px; } .main-content-right-con h2 { text-align: center; font-size: 24px; line-height: 1em; color: #000000; } .main-content-right-con h3 { text-align: left; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(65, 65, 65); position: relative; line-height: normal; padding: 5px; margin-top: 20px; padding: 5px 5px 5px 10px; font-weight: bold;} .main-content-right-con .form-con {} .main-content-right-con .form-con .form-group {display: flex; gap: 10px;} .main-content-right-con .form-con .form-item { flex: 1; } .main-content-right-con .form-con .form-item input[type=text], .main-content-right-con .form-con .form-item input[type=tel], .main-content-right-con .form-con .form-item input[type=email] { border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #fff; font-size: 16px; padding: 12px 18px; margin-top: 15px; width: 100%;line-height: 21px;height: unset;} .main-content-right-con .form-con h4 { display: flex; justify-content: space-between; align-items: center; font-weight: bold; border-bottom: 1px solid #DDD; margin-bottom: 5px; padding: 5px; font-size: 14px; font-family: Source Sans Pro, sans-serif; color: #000000; line-height: 20px; margin-top: 5px; } .main-content-right-con .form-con input[type=radio] {width: unset; height: unset; margin: 0 5px 0 0;} .main-content-right-con .form-con label {font-size: 14px; color: #000000; font-family: Source Sans, sans-serif;} .main-content-right-con .form-con p {font-size: 14px; color: #000000; font-family: Source Sans, sans-serif;} .main-content-right-con .form-con .form-group.flx-center {padding: 5px;} .main-content-right-con .form-con .form-group.flx-center label {margin-bottom: 0;} .main-content-right-con .form-con .form-group.credit-card {display: flex; gap: 0; padding: 14px 18px; border: 1px solid rgba(0, 0, 0, 0.2);margin-top: 15px;border-radius: 8px;} .main-content-right-con .form-con .form-group.credit-card input[type] {background: unset; border-radius: unset; border: 0;box-shadow: unset;flex: unset;flex-shrink: 0;width: unset;padding: 0; height: unset;} .main-content-right-con .form-con .form-group.credit-card input[type]::placeholder {font-family: sans-serif !important;} .main-content-right-con .form-con .form-group.credit-card input.credit-card {flex: 1;} .main-content-right-con .form-con .form-group.credit-card input.exp-date {width: 60px;} .main-content-right-con .form-con .form-group.credit-card input.cvc {width: 40px;} .main-content-right-con .form-con .form-group.credit-card .card-icon{-webkit-backface-visibility: hidden; backface-visibility: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 5px 0 0; padding: 0; width: 1.5em;position: relative;} .main-content-right-con .form-con .form-group.credit-card .card-icon svg { opacity: 1; width: 100%; backface-visibility: hidden; transition: transform 1s; position: absolute; top: 0; left: 0;} .main-content-right-con .form-con .form-group.credit-card .card-icon .front { transform: rotateY(0deg);} .main-content-right-con .form-con .form-group.credit-card .card-icon .back { transform: rotateY(180deg); display: none;} .main-content-right-con .form-con .form-group.credit-card .card-icon.show-back .front { transform: rotateY(180deg); display: none;} .main-content-right-con .form-con .form-group.credit-card .card-icon.show-back .back { transform: rotateY(0deg); display: block;} .main-content-right-con .form-con button { display: block; color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(230, 34, 39); font-size: 26px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); border-radius: 60px; padding: 15px 25px; width: 100%; margin: 15px auto 0; color: rgb(255, 255, 255); font-weight: 600; font-size: 26px; line-height: 1.42857143; font-family: Source Sans Pro, Helvetica, sans-serif !important; border: 0; } .main-content-right-con .form-con button:hover {box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.22), 0 233px 233px 0 rgba(255, 255, 255, 0.12) inset;} .fa-lock:before { content: "\f023"; font-weight: 900; font-family: "Font Awesome 5 Free"; color: rgb(51, 51, 51); text-align: center; font-size: 14px; } .main-content-right-bottom p { text-align: center; color: rgb(0, 0, 0); font-weight: 700; line-height: normal; font-size: 14px; font-family: Lato, Helvetica, sans-serif !important; margin: 10px auto ; } .payment-method-icons {margin: 15px auto 0;text-align: center;} .main-content-right-con .form-con .form-item.name-field input { background-image: url(https://gc.grantcardone.com/images/name2.png); background-repeat: no-repeat; background-position: 97%; } .main-content-right-con .form-con .form-item.email-field input { background-image: url(https://gc.grantcardone.com/images/email2.png); background-repeat: no-repeat; background-position: 97%; } .main-content-right-con .form-con .form-item.phone-field input { background-image: url(https://gc.grantcardone.com/images/phone2.png); background-repeat: no-repeat; background-position: 97%; } .campaign-event-btm1 { padding-top: 30px; padding-bottom: 30px; background-color: rgba(0, 0, 0, 0.84); outline: none; margin-top: 0px; position: relative; } .campaign-event-btm1 h2 { text-align: center; font-size: 30px; position: relative; color: #FFFFFF; line-height: normal; padding: 0 35px;} .campaign-event-btm2 { padding-top: 30px; padding-bottom: 60px; outline: none; margin-top: 0px; background-color: rgba(255, 255, 255, 0.9); } .campaign-event-btm2 h3.campaign-event-btm2-header { display: block; text-align: center; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(144, 204, 242) 0%, rgb(67, 143, 247) 100%); padding: 5px 20px !important; line-height: 1.3em; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); border-radius: 10px; font-weight: 500; margin: .67em auto; max-width: 541px; font-size: 24px; font-family: Montserrat !important;font-weight: bold;} .campaign-event-btm2 h4 { font-weight: 700; text-align: center; font-size: 60px; line-height: 1em; margin: 0 auto 0; color: #2f2f2f; font-family: Montserrat !important;} .campaign-event-btm2 h4 q {color: rgb(230, 34, 39); font-size: 60px;} .campaign-event-btm2-box { padding: 30px; margin: 30px auto 0px; background-color: rgb(255, 255, 255); outline: none; width: 90%; max-width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; box-shadow: 10px 10px 49px -6px rgba(70, 145, 246, 0.38); -webkit-box-shadow: 10px 10px 49px -6px rgba(70, 145, 246, 0.38); border-radius: 25px; } .campaign-event-btm2-box-img-con {width: 41.66666667%;padding: 0 25px;text-align: center;} .campaign-event-btm2-box-info {width: 58.33333333%; padding-left: 15px; padding-right: 15px;} .campaign-event-btm2-box-info h2 { font-weight: 700; text-align: left; font-size: 32px; text-transform: uppercase; line-height: 1.3em; color: #2f2f2f;position: relative; font-family: Montserrat !important;} .campaign-event-btm2-box-info .header-separator { width: 100%; min-height: 1px; margin: 0px; padding: 10px 0; } .campaign-event-btm2-box-info .header-separator:after { content: ""; display: block; border-top-width: 3px; width: 30%; border-top-style: solid; min-height: 1px; border-color: #2f2f2f; } .campaign-event-btm2-box-info ul {margin-top: 20px;} .campaign-event-btm2-box-info ul li { position: relative; padding-left: 2em; font-family: Source Sans Pro, sans-serif !important; font-size: 18px; padding-bottom: 6px; list-style-type: none; margin-bottom: 6px; padding-left: 2em;font-weight: 700;color: #2F2F2F;} .campaign-event-btm2-box-info ul li span {color: rgb(25, 49, 165); font-weight: 700;} .campaign-event-btm2-box-info ul li .fa-arrow-alt-circle-right {position: absolute; left: 0; top: 0;font-weight: 900;} .campaign-event-btm2-box-info ul li .fa-arrow-alt-circle-right:before {content: "\f35a"; font-family: "Font Awesome 5 Free";color: rgb(25, 49, 165); font-size: 18px;} .campaign-event-btm2-box-info h3 { color: rgb(5, 24, 66); font-weight: 700; text-align: right; font-size: 30px; line-height: 1.3em; font-family: Montserrat !important; } .campaign-event-btm2-box:nth-child(odd) .arrow-con {margin-top: 0px; outline: none; position: absolute; z-index: 2; right: -140px; bottom: -70px; cursor: pointer;z-index: 20;padding: 0 20px;} .campaign-event-btm2-box:nth-child(even) .arrow-con{margin-top: 0px; outline: none; position: absolute; z-index: 2; left: -140px; bottom: -70px;z-index: 20;padding: 0 20px;} .campaign-event-bottom-box { padding: 40px 100px 85px; margin: 55px auto 0px; outline: none; background-color: rgba(174, 203, 242, 0.35); width: 80%; max-width: 100%; border-radius: 25px; overflow: hidden; } .campaign-event-bottom-box .image-con {margin: 0 auto; text-align: center;} .campaign-event-bottom-box .image-con img:first-child {max-width: 600px;} .campaign-event-bottom-box .image-con img:last-child {max-width: 500px;margin-top: 15px;} .campaign-event-bottom-box button { display: block; color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(230, 34, 39); font-size: 26px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); border-radius: 60px; padding: 15px 25px; width: 100%; margin: 15px auto 0; color: rgb(255, 255, 255); font-weight: 600; font-size: 28px; line-height: 1.42857143; font-family: "Source Sans Pro", Helvetica, sans-serif !important; border: 0; max-width: 687px;} .campaign-event-bottom-box button:hover {box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.22), 0 233px 233px 0 rgba(255, 255, 255, 0.12) inset;} .campaign-event-counter p { text-align: center; font-weight: 700; text-align: center; font-size: 24px; border-width: 0px; color: #242424;; border-style: solid; line-height: normal; font-family: Lato, Helvetica, sans-serif !important; padding: 15px 0; } .campaign-event-counter .timer-box-con {display: flex;justify-content: center;gap: 20px;text-align: center;} .campaign-event-counter .timer-box .count { border-radius: 100px; min-width: 67px; height: 67px; color: #2e2e2e; border: 4px solid #2e2e2e; padding: 10px; margin-bottom: 10px; text-align: center; font-size: 27px; display: flex; justify-content: center; align-items: center; font-weight: bold;} .campaign-event-counter .timer-box .label { text-align: center; font-size: 10px; font-weight: bold; display: block; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); } .campaign-event-btm3 { padding-top: 40px; padding-bottom: 80px; outline: none; background-color: rgba(255, 255, 255, 0.95); margin-top: 0px; background-image: url(https://gc.grantcardone.com/hosted/images/ec/3b57acc7874508bc0ba782ef92e338/gray-background-ml.jpg); -webkit-background-size: cover !important; background-attachment: fixed !important; background-repeat: repeat repeat !important; background-position: center center; } .campaign-event-btm3 h2.campaign-event-btm3-header { display: block; text-align: center; font-size: 24px; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(144, 204, 242) 0%, rgb(67, 143, 247) 100%); padding: 5px 20px !important; line-height: 1.3em; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); border-radius: 10px; font-weight: 500; margin: .67em auto; max-width: 636px; font-family: Montserrat !important;font-weight: bold;font-size: 26px;} .campaign-event-btm3 h3 { font-weight: 700; text-align: center; font-size: 60px; line-height: 1em; margin: 25px auto 0; color: #000000; font-family: Montserrat !important;} .campaign-event-btm3 h3 q {color: rgb(230, 34, 39)} .campaign-event-btm3-box {margin: 30px 0px 0px; background-color: rgb(246, 249, 255); outline: none; border-radius: 5px; padding: 10px 15px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);} .campaign-event-btm3-box h2 { text-align: left; font-size: 22px; line-height: 1.3em; font-family: 'MontserratBold'; color: #2f2f2f; font-weight: 700;} .campaign-event-btm3-box h2 i { color: rgb(26, 48, 165); font-weight: 900; font-family: "Font Awesome 5 Free"; font-size: 22px;margin-right: 5px;} .campaign-event-btm3-box h2 i:before {content: "\f059";} .campaign-event-btm3-box p { font-size: 18px; line-height: 1.6; color: #2f2f2f; margin-top: 10px; } .campaign-event-page footer {margin: 0;} .campaign-event-footer-top {padding-top: 20px; padding-bottom: 20px; outline: none; background-color: rgb(45, 45, 45); border-color: rgba(255, 255, 255, 0.87);} .campaign-event-footer-top-con {position: relative; display: flex; justify-content: space-between; align-items: center; } .campaign-event-footer-top-con .footer-logo-con img {width: 150px;} .campaign-event-footer-top-con p { color: rgb(255, 255, 255); font-weight: 700; font-size: 24px; line-height: normal; } .campaign-event-footer-top-con p a { color: rgba(255, 255, 255, 0.87); font-size: 24px; } .campaign-event-footer-bottom { padding-top: 20px; padding-bottom: 20px; background-color: rgba(0, 0, 0, 0.9); outline: none;} .campaign-event-footer-bottom-con .footer-logo-con {text-align: center;} .campaign-event-footer-bottom-con .footer-logo-con img {width: 200px;margin: 0 auto;} .campaign-event-footer-bottom-con ul {display: flex;justify-content: center; align-items: center;gap: 30px;margin: 10px auto} .campaign-event-footer-bottom-con ul li a { color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; } .campaign-event-footer-bottom-con p { text-align: center; font-size: 12px; color: rgb(219, 219, 219); line-height: normal; font-weight: 500; padding: 0 30px; } .campaign-event-footer-bottom-con .copyright-con {margin-top: 15px;} .campaign-event-footer-bottom-con .copyright-con p {font-family: Roboto, Helvetica, sans-serif !important;color: #DBDBDB; font-size: 13px;} /** Campaign Event Page END**/ /** Payment Instructions Start **/ .payment-instructions-page .container {display: flex; flex-direction: column; min-height: calc(100vh - 26px);} .payment-instructions-page header {height: 56px; flex-shrink: 0;border: 0;} .payment-instructions-page header .header_con {justify-content: center;} .payment-instructions-page main { padding: 14px 0 20px; background: #F9F9F9; flex: 1; position: relative; flex: 1;overflow: hidden;display: flex;} .payment-instructions-page main {overflow: auto;height: 100%; padding: 15px 10px 0;} .payment-instructions-con {padding: 20px 0;display: flex; flex-direction: column; gap: 15px;} .payment-instructions-page .payment-instructions-con h2 i {line-height: 0;} .payment-instructions-page .payment-instructions-con h2 {color: #151516;} .payment-instructions-page .payment-instructions-con h3 {color: #151516; margin-bottom: 10px;font-weight: 400;} .payment-instructions-page .payment-instructions-con p {margin-bottom: 15px;font-size: 16px;} .payment-instructions-page .payment-instructions-con p:last-child {margin: 0;} .payment-instructions-page .payment-instructions-con p.text-underline {text-decoration: underline;} .payment-instructions-page .payment-instructions-con ul {width: 100%; } .payment-instructions-page .payment-instructions-con ul li {font-size: 16px;display: flex; justify-content: center;width: 100%;gap: 30px;} .payment-instructions-page .payment-instructions-con ul li span {min-width: 150px;display: inline-block;flex: 1 1 0;text-align: right;} .payment-instructions-page .payment-instructions-con ul li b {color: #151516;flex: 1 1 0;text-align: left;} .payment-instructions-page .payment-instructions-con .section-container {max-width: 575px;margin: 0 auto;text-align: center;} .payment-instructions-page footer {background:#fff;width: 100%;border-top: 1px solid rgba(21, 21, 22, 0.05);position:relative;height:5.3vh;margin-top:32px;margin-top: calc(100% - 98.5%);height: 2.73vh;margin-top: calc(100% - 98.4%);margin-top: 3.5vh;height: 26px; margin-top: 32px;margin-top:0;min-height: 0;display: flex; align-items: center;} .payment-instructions-page footer .footer_con{height: 100%;} .payment-instructions-page footer .footer_con .footerBoxes {display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;} .payment-instructions-page footer .footer_con .footerBox{} .payment-instructions-page footer .footer_con .footerBox.footerBox1{position:relative;display: flex;align-items: center;} .payment-instructions-page footer .footer_con .footerBox.footerBox1 .copyright{color: rgba(21, 21, 22, 0.5);} .payment-instructions-page footer .footer_con .footerBox.footerBox1 .footer-logo{width:60px;vertical-align:middle;} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul{position:relative;display: flex;align-items: center;} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul li {padding: 0 8px; position: relative; border-right: 1px solid rgba(21, 21, 22, 0.5)} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul li:last-child {border :0;} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul li a {color: rgba(21, 21, 22, 0.5);} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul li a:hover {text-decoration: underline; color: var(--sys-dark);} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul li.active {text-decoration: underline; pointer-events: none;} .payment-instructions-page footer .footer_con .footerBox.footerBox2 ul li.active a {color: var(--sys-dark);} .payment-instructions-page footer .footer_con .footerBox.footerBox3 a:hover {text-decoration: underline;color: var(--sys-dark);} /** Payment Instructions End **/ /**Webinar**/ body.webinar-page::-webkit-scrollbar { width: unset !important;} .webinar-page * {font-family: "Bebas Neue Pro";letter-spacing: normal;} .webinar-page .wrapper {max-width: 1100px; padding: 0 24px;} .webinar-header {padding: 6px 5px; background: #000000; color: #fff; z-index: 2; width: 100%; text-align: center; font-family: "Bebas-Neue-Pro", sans-serif; font-size: 29px; font-weight: 400; line-height: 1.1 !important;} .webinar-header h2 {background: #000000; color: #fff; z-index: 2; width: 100%; text-align: center; font-family: "Bebas Neue Pro", sans-serif; font-size: 29px; font-weight: 400; line-height: 1.1;letter-spacing: normal;} .webinar-banner { background-image: url(https://vtwebinar.com/wp-content/uploads/2024/10/Hero-Bg-2.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 20px; padding-bottom: 20px;} .webinar-banner-con {display: flex; justify-content: space-between; align-items: center; padding: 15px 0 0;max-height: 606px;} .webinar-banner-left {width: 47%; position: relative; z-index: 2;} .webinar-banner-left h2, .webinar-banner-left h2 span { color: #ffffff; font-family: "countach", sans-serif; font-weight: bold; font-style: italic; font-size: 133px; text-shadow: 2px 4px 15px rgba(0, 0, 0, 0.5); text-transform: uppercase; text-align: center; line-height: 0.8; margin: 0 0 50px; position: relative; z-index: 1;} .webinar-banner-left img { position: absolute; right: 0; left: 0; top: 86%; z-index: -1; margin: 0 auto; max-width: 365px; padding-top: 0; } .webinar-banner-left h3 { color: #ffffff; text-align: center; font-family: "countach", sans-serif; font-weight: 400; font-style: italic; font-size: 36px; text-transform: uppercase; margin-top: 60px; line-height: 1.5;} .webinar-banner-left h4 {display: block;color: #ffffff; font-family: "countach", sans-serif; font-weight: 300; font-size: 21px; line-height: 21px; text-transform: uppercase; text-align: center;} .webinar-banner-left h4 span {color: #ffffff; font-family: "countach";line-height: 21px; font-size: 21px;font-weight: 300; text-transform: none; text-align: center;} .webinar-banner-right img {margin-bottom: -5px;} .webinar-counter-con { margin-top: 20px; margin-bottom: 10px; border-radius: 5px 5px 5px 5px; padding: 5px 20px; border: 1px solid #DA2C15; color: #fff; display: flex; flex-direction: column; } .webinar-counter-con h4 { color: #ffffff; font-family: "countach", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; text-transform: capitalize; text-align: center; margin-bottom: 12px; } .webinar-counter-con .timer-boxes {display: flex; align-items: center;justify-content: space-around;margin-bottom: 6px;} .webinar-counter-con .timer-boxes .timer-box {display: flex; align-items: center;} .webinar-counter-con .timer-boxes .timer-box .count { color: #ffffff; text-align: center; font-family: "Bebas Neue Pro", sans-serif; font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 1; margin-right: 5px; } .webinar-counter-con .timer-boxes .timer-box .label { color: #ffffff; text-align: center; font-family: "Bebas Neue Pro", sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; } .webinar-banner-left p {color: #F2F2F2; font-family: "Bebas Neue Pro", sans-serif; font-size: 16.5px; font-weight: 800; text-transform: capitalize; text-align: center; margin-top: 0;margin-bottom: 3px;} .webinar-banner-right {width: 50%;} .webinar-banner-right img{margin-top: 100px; } .webinar-about {padding: 50px 0; background: #F8F8FC;} .webinar-about-con {display: flex; justify-content: space-between; align-items: center;} .webinar-about-left {width: 45%;padding-right: 30px;} .webinar-about-right {width: 45%; padding-left: 30px;} .webinar-about-left h2 { color: #1d1d1d; font-family:'Bebas Neue Pro', sans-serif; font-size: 49px; font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 10px; } .webinar-about-left h2 span {color: #B50000; display: block; line-height: 1;} .webinar-about-left p {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 20px;} .webinar-form-con { border-radius: 5px; border: 1px solid #DDDDE3; background: #F2F2F7; padding: 10px 30px 20px; } .webinar-form-header {color: #fff; border-radius: 5px 5px 0px 0px; background: linear-gradient(174deg, rgba(0, 0, 0, 0) 5.39%, rgba(0, 0, 0, 0.5) 96.46%), #C61700; margin: -10px -30px 0; padding: 10px 30px 10px;} .webinar-form-header h2 { color: #FFF; font-family: 'Bebas Neue Pro', sans-serif; font-size: 56px; font-weight: 700; line-height: 1.1; text-transform: uppercase; text-align: center; } .webinar-form-header p {color: #FFF; text-align: center; font-family: "Manrope", sans-serif; font-size: 17px; font-weight: 500; line-height: 1.2; margin-top: 5px; margin-bottom: 10px; } .webinar-form .form-flexer { display: flex; justify-content: space-between; margin-top: 10px; margin-bottom: 10px; } .webinar-form .form-flexer .form-group { width: 48%; } .webinar-form label { color: #5D6170; font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 600; } .webinar-form .form-f-width { margin-top: 10px; margin-bottom: 10px; } .webinar-form input, .webinar-form select, .webinar-form textarea { background-color: #fff; border: solid 1px #444; border-radius: 0; color: #444; line-height: 36px; height: 36px; padding: 0 12px; width: 100%; border: none;font-family: Tahoma; font-size: 13px;} .webinar-form input::placeholder, .webinar-form select::placeholder, .webinar-form textarea::placeholder {color: #444;} .webinar-form button { color: #FFF; font-family: 'Bebas Neue Pro', sans-serif; font-size: 25px; font-style: normal; font-weight: 700; text-transform: uppercase; border-radius: 4px; background: linear-gradient(269deg, rgba(0, 0, 0, 0) 14.77%, rgba(0, 0, 0, 0.35) 87.22%), #234BD7; box-shadow: 0px 3px 7.5px 0px rgba(0, 0, 0, 0.2); display: inline-block; padding: 10px 20px; width: 100%; margin-top: 10px; border: 0;} .webinar-agenda { background: #F2F2F7; padding: 80px 10px; text-align: center; position: relative; } .webinar-agenda img {position: absolute; top: 0; left: 0;} .webinar-agenda-header {text-align: center;} .webinar-agenda-header h2 { color: #B50000; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase;} .webinar-agenda-header h2 span {display: block; color: #1d1d1d; font-family: 'Bebas Neue Pro', sans-serif; font-size: 49px; font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 10px;text-transform: none;margin-top: 4px;} .webinar-agenda-boxes { display: flex; justify-content: space-around; margin-top: 30px; } .webinar-agenda-boxes section {background: rgba(250, 250, 255, 0.7); padding: 18px 22px; width: 24%; margin-bottom: 20px;} .webinar-agenda-boxes section h3 {color: #060416; font-family: "Manrope", sans-serif; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.4; text-transform: capitalize;} .webinar-agenda-boxes section h3 b {color: #B50000; font-family: "Manrope", sans-serif; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.4; text-transform: capitalize;font-weight: bold;} .blue-btn { color: #FFF; font-family: 'Bebas Neue Pro', sans-serif; font-size: 25px; font-style: normal; font-weight: 700; text-transform: uppercase; border-radius: 4px; background: linear-gradient(269deg, rgba(0, 0, 0, 0) 14.77%, rgba(26, 24, 24, 0.35) 87.22%), #234BD7; box-shadow: 0px 3px 7.5px 0px rgba(0, 0, 0, 0.2); display: inline-block; padding: 5px 20px; display: inline-block;line-height: 37.5px;min-height: 47.5px;} .blue-btn svg {padding-left: 3px; margin-bottom: -2px; } .webinar-host-con {display: flex;} .webinar-host-left { width: 50%; background-image: url(https://vtwebinar.com/wp-content/uploads/2024/10/Chess-AI.jpg); background-size: cover; position: relative; min-height: 517px;} .webinar-host-left.webinar-host-left img { position: absolute; width: 460px; bottom: 0; right: -10px; } .webinar-host-right {width: 50%; padding: 30px 40px; max-width: 540px;} .webinar-host-right h2 { color: #B50000; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase;} .webinar-host-right h1 {display: block; color: #1d1d1d; font-family: 'Bebas Neue Pro', sans-serif; font-size: 49px; font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 10px;text-transform: none;margin-top: 4px;} .webinar-host-right p {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 20px;} .webinar-host-right ul {list-style-type: none; padding: 0; margin: 20px 0 0;} .webinar-host-right ul li {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.4; text-transform: capitalize; position: relative; padding-left: 30px; margin-bottom: 15px; text-align: left;} .webinar-host-right ul li:before { content: " "; background: url(https://vtwebinar.com/wp-content/uploads/2024/10/red-checkmark.svg) no-repeat center center / cover; position: absolute; top: 2px; left: 0px; width: 20px; height: 19px; } .webinar-logos {padding: 30px 0 40px; background: #F8F8FC;} .webinar-logos ul {display: flex ;justify-content: space-between;} .webinar-logos ul li {margin: 5px 10px;display: flex; align-items: center;} .webinar-attend { background: #F2F2F7; padding: 40px 0; } .webinar-attend-header {text-align: center;} .webinar-attend-header h2 { color: #B50000; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase;} .webinar-attend-header h3 {display: block; color: #1d1d1d; font-family: 'Bebas Neue Pro', sans-serif; font-size: 49px; font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 10px;text-transform: none;margin-top: 4px;} .webinar-attend-flex {display: flex; justify-content: space-between; align-items: center; margin: 30px auto 20px;} .webinar-attend-left {max-width: 480px; width: 45%;} .webinar-attend-left ul li h2 {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 700; position: relative; margin-left: 25px;} .webinar-attend-left ul li h2:before {content: " "; background: url(https://vtwebinar.com/wp-content/uploads/2024/10/double-red-check.svg) no-repeat center center / cover; position: absolute; top: 2px; left: -23px; width: 20px; height: 19px;} .webinar-attend-left ul li p {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; margin-bottom: 24px;} .webinar-attend-right {max-width: 400px;} .webinar-bottom-about {padding: 50px 0; background: #F8F8FC;} .webinar-bottom-about-con { display: flex; justify-content: space-between;align-items: center} .webinar-bottom-about-left {width: 45%;padding-right: 30px;} .webinar-bottom-about-left h2 {color: #1d1d1d; font-family: 'Bebas Neue Pro', sans-serif; font-size: 49px; font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 10px;} .webinar-bottom-about-left h2 span {color: #B50000;} .webinar-bottom-about-left p {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 20px;} .webinar-bottom-about-left p b {color: #060416; font-family: "Manrope", sans-serif; font-size: 16px; font-style: normal; font-weight: bold; line-height: 150%; } .webinar-bottom-about-left p span {color: #B50000; font-family: "Manrope", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .webinar-bottom-about-right {width: 45%;padding-left: 30px;flex-shrink: 0;} footer.webinar-footer {background: linear-gradient(180deg, #1c1c1c 0%, #060606 26%); padding: 20px 10px 0; position: relative; overflow: hidden;margin-top: 10px;} .webinar-footer-top {width: 130px;} .webinar-footer-bottom {display: flex; justify-content: space-between; align-items: center;} .webinar-footer-bottom p {color: #595959; font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 19.5px; font-weight: 400; text-transform: uppercase; padding: 20px 0;letter-spacing: normal;} /**Webinar End**/ /**VCP Buy Page**/ .vcp-buy-page-con { background: #000000;} .vcp-buy-page-con header {background: #000000;} .vcp-buy-page-con header .main_logo img {max-width: 100px;} .vcp-buy-page-con .nav_toggle_button .hamburger-inner, .vcp-buy-page-con .nav_toggle_button .hamburger-inner:before,.vcp-buy-page-con .nav_toggle_button .hamburger-inner:after { background: #FFF; } .vcp-buy-page-con .page_nav {background: #000000 !important;} .vcp-buy-page-con .page_nav ul li a {color: #FFFFFF;} .vcp-buy-page-con .page_nav ul li a:hover {color: #FF9200; background: none !important;} .vcp-buy-page-con .page_nav ul li a.nav-button {background: #FFFFFF; color: #000000;} .vcp-buy-page-con .page_nav ul li a.nav-button:hover {background: #FF9200 !important; color: #FFFFFF !important;} .vcp-buy-content-con {display: flex; justify-content: space-between;padding: 35px 40px;gap: 60px;} .vcp-buy-content-left {padding-left: 0;padding-top: 50px;} .vcp-buy-content-left h2 {font-size: 40px; color: #FFFFFF; font-weight: 600; line-height: 120%;padding-left: 0;letter-spacing: 3px;} .vcp-buy-content-left h2 span {display: block;} .vcp-buy-content-left img {margin: 60px 0;max-width: 580px;margin-left: -30px;} .vcp-buy-content-left p {color: #FFFFFF;line-height: 24px;padding-left: 0;font-size: 19px;margin-bottom: 80px;letter-spacing: 0.8px;} .vcp-buy-content-left h3 {color: #FFFFFF;padding-left: 0; font-size: 28px;font-weight: 600;} .vcp-buy-content-left ul {margin-top: 80px;padding-left: 60px;list-style: disc;} .vcp-buy-content-left ul li {color: #FFFFFF;font-size: 24px;font-weight: 500; line-height: 100%; margin-bottom: 8px;letter-spacing: 1px;} .vcp-buy-form-con {width: 36%; background: #FFFFFF;padding: 0 20px 20px;z-index: 20;background: #fff; border-radius: 0; box-shadow: 0px 10px 30px #1515160a;z-index:9;position: relative;flex-shrink: 0;} .vcp-buy-form-con .form-con {} .vcp-buy-form-con .form-con h3 {color: #151516;margin-bottom: 11px; padding-bottom: 11px;position: relative;margin-top: 20px ;margin-top: 15px;} .buy-page-con .vcp-buy-form-con .form-con h3:first-child { margin-top: 3px; } .vcp-buy-form-con .form-con h3:after { content: ""; display: block; bottom: 0; left: 0; width: 65px; height: 2px; margin-bottom: 2px; background: rgba(130,130,130,.3); display: block; position: absolute;} .vcp-buy-form-con .form-con .form-item {position: relative;margin-bottom: 11px;} .vcp-buy-form-con .form-con .form-group {display: flex; justify-content: space-between; gap: 11px;flex-wrap: wrap;} .vcp-buy-form-con .form-con .form-group .form-item {flex: 1;} .vcp-buy-form-con .form-con label {font-size: 0.75rem; line-height: 1rem; letter-spacing: -0.03em;font-weight: 500;margin-bottom: 6px;display: block;border: 1px solid transparent;} .vcp-buy-form-con .form-con input[type = "text"] { background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; padding: 10px 13px; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: var(--sys-dark); resize: none; height: 42px; flex: 1;width: 100%;} .vcp-buy-form-con .form-con input[type]::placeholder {color: #1515164D; } .vcp-buy-form-con .form-con .form-radio-btns {position: relative;} .vcp-buy-form-con .form-con .form-radio-btns .form-item {margin-bottom: 0;} /*.vcp-buy-form-con .form-con .form-radio-btns .form-item {padding-bottom: 8px; margin-bottom: 8px;border-bottom: 1px solid rgba(21, 21, 22, 0.05)} .vcp-buy-form-con .form-con .form-radio-btns .form-item:last-child {border-bottom: 0}*/ .vcp-buy-form-con .form-con .form-radio-btns label {font-size: 16px;line-height: 18px;margin-bottom: 0;color: #151516;cursor: pointer; padding-left: 25px;width: 100%;position: relative;border: 1px solid transparent;padding: 7px 10px 7px 30px; border-radius: 8px;} .vcp-buy-form-con .form-con .form-radio-btns label span {display: block !important;} .vcp-buy-form-con .form-con .form-radio-btns label small {display: flex; justify-content: space-between;width: 100%;} .vcp-buy-form-con .form-con .form-radio-btns input[type="radio"] {position: absolute; top: 9px;left: 9px; margin: 0;accent-color: #FF5A5F;cursor: pointer;} .vcp-buy-form-con .form-con select { background: url("../../images/drizzio/down-angle.png") no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 13px 15px; color: var(--sys-dark); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; } .vcp-buy-form-con .form-con button { width: 100%; height: 41px; font-weight: 500; display: block; border-radius: 21px; background: #FF9200; color: #fff; text-align: center; letter-spacing: -0.04em; border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid transparent; padding: 0 10px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); margin: 11px auto; font-size: 18px; color: #ffffff; text-transform: uppercase; } .vcp-buy-form-con .form-con button:hover {opacity: 0.5;} .vcp-buy-form-con .agree-checkbox-con p a {color: #FF9200 !important;text-decoration: underline} .vcp-buy-form-con .agree-checkbox-con p {text-align: left !important;font-size: 12px;} .vcp-buy-form-con .form-con .errormsg {display: block; margin-top: 5px;color: red;width: 100%;} .vcp-buy-form-con .form-con .form-group .errormsg {display: block; margin-top: -5px;color: red;width: 100%;} .vcp-buy-form-con .form-con .form-group #expirationErrorMsg.errormsg, .vcp-buy-form-con .form-con .form-group #cvcErrorMsg.errormsg {margin-top: 5px;} .vcp-buy-form-con .form-con #countryAreaCode {width: 10em;} .vcp-buy-form-con .form-con .declinedMsg{display:flex;align-items:center;justify-content:center;gap:5px;} .vcp-buy-form-con .form-con .declinedMsg svg{height:100%;vertical-align:middle;width:28px;} .vcp-buy-form-con .form-con .declinedMsg svg path{color: #FF5A5F;} .vcp-buy-form-con .form-con .declinedMsg h2{text-align: center;color: #FF5A5F;} .vcp-buy-form-con .form-con input.card-input {padding-right: 111px;} .vcp-buy-form-con .form-con .buy-card-icons {display: flex; gap: 4px; align-items: center; position: absolute; right: 11px;top: 34px;} .vcp-buy-form-con .form-con .form-item.cvc-con .flx-item {display: flex; align-items: center; gap: 6px;} .vcp-buy-form-con .form-con .form-item.cvc-con .flx-item .errormsg {} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip-con {position: relative;cursor: pointer;line-height: 0;} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip { position: absolute; width: 165px; bottom: calc(100% + 10px); left: 50%; margin-left: -83px; padding: 14px; background: #e8e8ed; border-radius: 16px; display: none;} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; border-bottom-right-radius: 2px; transform: rotate(45deg); bottom: -5px; background-color: #e8e8ed; left: 0; margin: 0 auto; right: 0; } .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip_heading{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;margin-bottom: 11px;} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon {} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-icon svg{width:25px;height:auto;} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip .cvc-tooltip-title {color: #151516; font-weight: bold;} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip p {text-align: left; font-size: 10px;line-height: 14px;} .vcp-buy-form-con .form-con .form-item.cvc-con .cvc-tooltip-con:hover .cvc-tooltip {display: block;} .vcp-buy-form-con .form-con h4 {margin: 11px 0 11px 0; text-align: center; color: #151516;font-size: 24px;font-weight:bold;padding-top: 11px; border-top: 1px solid rgba(190,190,190,.25)} .vcp-buy-form-con .form-con p {color: #151516; text-align: center;font-size: 14px;letter-spacing: -0.5px; line-height: 18px;} .vcp-buy-form-con .form-con p span {font-weight: bold;color: #294C99;} .vcp-buy-form-con .form-con p a {color: #294C99;} .vcp-buy-form-con .form-con p a:hover {text-decoration: underline;} .vcp-buy-form-con .form-con .buy-guarantee-con {display: flex; justify-content: space-between; gap: 11px;margin-top: 22px;} .vcp-buy-form-con .form-con .buy-guarantee-con li { display: flex; justify-content: flex-start; gap: 11px; align-items: center; color: #999999; font-size: 14px; letter-spacing: 1.2px; line-height: 1.3; } .vcp-buy-form-con .form-con .form-radio-btns label input[type=radio] {opacity: 0} .vcp-buy-form-con .form-con .form-radio-btns label .custom-radio-btn {display: block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #8f8f9d; position: absolute; top: 9px; left: 9px;} .vcp-buy-form-con .form-con .form-radio-btns label.selected { border: 1px solid #FF9200 ; } .vcp-buy-form-con .form-con .form-radio-btns label.selected .custom-radio-btn {box-shadow: 0; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,146,0,1); -moz-box-shadow: 0px 0px 0px 1px rgba(255,146,0,1); box-shadow: 0px 0px 0px 1px rgba(255,146,0,1);border: 1px solid #FFFFFF;} .vcp-buy-form-con .form-con .form-radio-btns label.selected .custom-radio-btn:before {content: ""; display: block; width: calc(100% - 2px); height: calc(100% - 2px); background:#FF9200; position: absolute; top: 1px; left: 1px;border-radius: 50%;} /**cancel Booking Presets**/ .cancel-booking-page * {font-family: Sohne, sans-serif;letter-spacing: unset !important;line-height: 1.5;} .cancel-booking-page {padding: 55px 0; height: 100vh;} .cancel-booking-page .cancel-booking-logo {text-align: center;margin: 0 auto 60px;} .cancel-booking-page .cancel-booking-box {min-height: 550px; transition: all .22s ease-out; border: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1)); border-radius: 8px; box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);background: #FFFFFF;display: block;width: max-content;margin: 0 auto;max-width: 895px; width: 95%; display: flex ; flex-direction: column;} .cancel-booking-page .cancel-booking-first-step {flex: 1;display: flex; flex-direction: column;} .cancel-booking-page .cancel-booking-flx { display: flex; flex: 1 1 auto; width: 100%; height: 100%;} .cancel-booking-page .cancel-booking-left {padding: 24px;width: 447px;border-right: 1px solid rgba(26,26,26,0.1);flex-shrink: 0;} .cancel-booking-page .cancel-booking-left h2 {font-weight: 500; color: #15151673; line-height: 100%;} .cancel-booking-page .cancel-booking-left h3 {line-height: 100%;font-weight: 600;color: #151516; display: block; margin-top: 12px;} .cancel-booking-page .cancel-booking-time {margin: 18px 0 10px;} .cancel-booking-page .cancel-booking-time > div {display: flex; align-items: center;gap: 6px;margin-bottom: 12px;} .cancel-booking-page .cancel-booking-time > div i {line-height: 16px;} .cancel-booking-page .cancel-booking-time > div i svg path {fill: var(--accent1);} .cancel-booking-page .cancel-booking-time > div span {color: var(--accent1);line-height: 100%;} .cancel-booking-page .cancel-booking-time > div small {color: var(--accent1);line-height: 100%;display: block;} .cancel-booking-page .cancel-booking-right {padding: 28px 0 28px 0; } .cancel-booking-page .cancel-booking-right {width: 447px;padding: 24px; display: flex; flex-direction: column;} .cancel-booking-page .cancel-booking-right h2 { font-weight: 600; color: var(--sys-dark); line-height: 100%; font-size: 24px;margin-bottom: 24px; line-height: 100%;} .cancel-booking-page .cancel-booking-form {max-width: 400px;} .cancel-booking-page .cancel-booking-form h2 {margin-bottom: 20px;padding: 0; color: #151516; font-weight: 600;} .cancel-booking-page .cancel-booking-form h3 {margin-bottom: 20px; font-weight: bold;padding: 0;} .cancel-booking-page .cancel-booking-form .form-item {margin-bottom: 20px;} .cancel-booking-page .cancel-booking-form .form-item button { position: relative; display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; box-sizing: border-box; min-height: 32px; padding: 8px 16px; border: 1px solid transparent; border-radius: 40px; font-size: 14px; line-height: 20px; border: 1px solid #a6bbd1; color: #a6bbd1; padding: 4px 12px;} .cancel-booking-page .cancel-booking-form .form-item p {font-size: 14px; margin-top: 10px;} .cancel-booking-page .cancel-booking-form .form-item i {line-height: 0;} .cancel-booking-page .cancel-booking-form label {margin-bottom: 8px; display: block; font-size: 14px; font-weight: 500; line-height: 16px; letter-spacing: -0.03em; color: #151516;} .cancel-booking-page .cancel-booking-form textarea {border-radius: 8px; width: 100%; background: #15151606; border: 1px solid #1515160D; box-shadow: 0px 2.5px 5px 0px #15151606; padding: 10px 13px; font-family: Sohne; font-size: 16px; font-weight: 400; letter-spacing: -0.02em; color: #151516; resize: none;min-height: 70px;} .cancel-booking-page .cancel-booking-form textarea::placeholder {color: #15151640} .cancel-booking-page .cancel-booking-form input[type=submit] { position: relative; display: block; vertical-align: middle; justify-content: center; align-items: center; font-weight: 700; margin: 12px 0;} .cancel-booking-page .cancel-booking-second-step {padding: 32px 24px;} .cancel-booking-page .cancel-booking-second-step h2 {text-align: center; color: #15151673; line-height: 100%;margin-bottom: 24px;font-weight: bold;} .cancel-booking-page .cancel-booking-second-step h4 {line-height: 100%;font-weight: 600;color: #151516; display: block; margin-bottom: 12px;text-align: center;} .cancel-booking-page .cancel-booking-second-step h4 span {display: block; line-height: 100%;} .cancel-booking-page .cancel-booking-second-step h4 i {display: block; line-height: 0;} .cancel-booking-page .cancel-booking-second-step .cancel-booking-time {margin: 0;} .cancel-booking-page .cancel-booking-second-step .cancel-booking-time > div {margin-bottom: 10px;} .cancel-booking-page .cancel-booking-second-step .cancel-booking-time > div:last-child {margin-bottom: 5px;} .cancel-booking-page .cancel-booking-second-step .cancel-booking-time > div span {line-height: 100%; display: block;} .cancel-booking-page .cancel-booking-details {width: 95%; max-width: 400px; padding: 16px 20px; margin: 12px auto;border: 1px solid rgba(26, 26, 26, 0.1);border-radius: 8px;} .cancel-booking-page .cancel-booking-details h3 {color: #151516;margin-bottom: 6px;} .cancel-booking-page .booking-confirmed-modal i {width: 40px; height: 40px; display: block; border-radius: 50%; border: 1px solid var(--sys-green); margin: 0 auto 15px;position: relative} .cancel-booking-page .booking-confirmed-modal i svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .cancel-booking-page .booking-confirmed-modal i svg path {fill: var(--sys-green);}