/********** Template CSS **********/ html{ overflow-x:hidden !important; } body{ position: relative; overflow-x:hidden !important; } :root { --primary: #b60002 !important; --secondary: #999999; --light: #F2F8FE; --dark: #111111; --white: #FFF; --yellowed: #FFF112; --priceButton: #b60002; --spinBg: #900; --qlwapp-scheme-font-family:arial; --qlwapp-scheme-font-size:18px; --qlwapp-scheme-brand:#00A859; --qlwapp-scheme-text:#FFF; --qlwapp-scheme-qlwapp_scheme_form_nonce:ba96294472; --orange_color:#FEAF00; } .bg-red { background-color: #FC3 !important; } .text-red { color:var(--primary) !important; } .back-to-top { position: fixed; display: none; right: 10px; bottom: 100px; z-index: 99; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); background: var(--brand-color); border-radius: 3px; color:#F00 } .back_to_top { transform: translateY(0); animation: bounceInDown 2s; } .menu-bg-top { background:#8DC546 !important; border-bottom:1px solid #fff !important; } h4, h5, h6, .h4, .h5, .h6 { font-weight: 500 !important; } /*** Spinner ***/ #spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; } #spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; } .spinBg { color: #FFFFFF !important; background: var(--spinBg) !important; } .spinTx { color: #FFFFFF !important; } /*** Button ***/ .btn { font-weight: 500; transition: .5s; } .btn.btn-primary { color: #FFFFFF; } .btn-square { width: 38px; height: 38px; } .btn-sm-square { width: 32px; height: 32px; } .btn-lg-square { width: 48px; height: 48px; } .btn-square, .btn-sm-square, .btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; } /*** Navbar ***/ .navbar.sticky-top { top: -100px; transition: .5s; } .navbar .navbar-brand { height: 75px; } .navbar .navbar-nav .nav-link { margin-right: 30px; padding: 25px 0; color: var(--white); font-weight: 500; outline: none; font-size:18px; position: relative; transition: .5s; } .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active { color: var(--yellowed); } .navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px; } @media (max-width: 991.98px) { .navbar .navbar-nav .nav-link { margin-right: 0; padding: 10px 0; } .navbar .navbar-nav { border-top: 1px solid #EEEEEE; } } @media (min-width: 992px) { .navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s; } .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1; } } .navbar .btn:hover { color: #FFFFFF !important; background: var(--primary) !important; } /*** Header ***/ .hero-header .breadcrumb-item+.breadcrumb-item::before { color: var(--secondary); } /*** Service ***/ .service-item { position: relative; overflow: hidden; } .service-item::after { position: absolute; content: ""; width: 0; height: 0; top: -80px; right: -80px; border: 80px solid; transform: rotate(45deg); opacity: 1; transition: .5s; } .service-item.bg-white::after { border-color: transparent transparent var(--light) transparent; } .service-item.bg-light::after { border-color: transparent transparent #FFFFFF transparent; } .service-item:hover::after { opacity: 0; } /*** Roadmap ***/ .roadmap-carousel { position: relative; } .roadmap-carousel::before { position: absolute; content: ""; height: 0; width: 100%; top: 20px; left: 0; border-top: 2px dashed var(--secondary); } .roadmap-carousel .roadmap-item .roadmap-point { position: absolute; width: 30px; height: 30px; top: 6px; left: 50%; margin-left: -15px; background: #FFFFFF; border: 2px solid var(--primary); transform: rotate(45deg); display: flex; align-items: center; justify-content: center; } .roadmap-carousel .roadmap-item .roadmap-point span { display: block; width: 18px; height: 18px; background: var(--primary); } .roadmap-carousel .roadmap-item { position: relative; padding-top: 150px; text-align: center; } .roadmap-carousel .roadmap-item::before { position: absolute; content: ""; width: 0; height: 115px; top: 0; left: 50%; transform: translateX(-50%); border-right: 2px dashed var(--secondary); } .roadmap-carousel .roadmap-item::after { position: absolute; content: ""; width: 14px; height: 14px; top: 111px; left: 50%; margin-left: -7px; transform: rotate(45deg); background: var(--primary); } .roadmap-carousel .owl-nav { margin-top: 40px; display: flex; justify-content: center; } .roadmap-carousel .owl-nav .owl-prev, .roadmap-carousel .owl-nav .owl-next { margin: 0 12px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 22px; color: var(--light); background: var(--primary); transition: .5s; } .roadmap-carousel .owl-nav .owl-prev:hover, .roadmap-carousel .owl-nav .owl-next:hover { color: var(--primary); background: var(--dark); } /*** FAQs ***/ .accordion .accordion-item { border: none; margin-bottom: 15px; color:#000 !important; } .accordion .accordion-button { background: var(--light); border-radius: 10px; color:#000; } .accordion .accordion-button:not(.collapsed) { color: #FFFFFF; background: var(--primary); box-shadow: none; } .accordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion .accordion-body { padding: 15px 0 0 0; } /*** Footer ***/ .footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: var(--secondary); font-weight: normal; text-transform: capitalize; transition: .3s; } .footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--secondary); margin-right: 10px; } .footer .btn.btn-link:hover { color: var(--primary); letter-spacing: 1px; box-shadow: none; } .footer .btn.btn-square { color: var(--primary); border: 1px solid var(--primary); } .footer .btn.btn-square:hover { color: #FFFFFF; background: var(--primary); } .footer .copyright { padding: 25px 0; border-top: 1px solid rgba(17, 17, 17, .1); } .footer .copyright a { color: var(--primary); } .footer .copyright a:hover { color: var(--dark); } .wd_alert_box { display:none; position:fixed !important; margin:0 auto !important; text-align:center !important; left:0px; right:0px; top:0px !important; width:100% !important; z-index:99999999999999999999 !important; background:#FFF; min-height:40px; border-bottom:1px solid #E1E1E1; padding-right:45px; } .wd_alert_box .wdexit { display: block; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-weight: normal; font-size: 16px; color: #fff; cursor:pointer; background-color: #d9534f; border-color: #d43f3a; } .modal h4, .fade h4 { text-align:left !important; } .modal .modal-footer, .fade .modal-footer { margin-right:10px !important; } /* The Overlay (background) */ .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 9999999999; /* Sit on top */ left: 0 !important; top: 0 !important; background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgba(0,0,0, 0.1); /* Black w/opacity */ overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ display:none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .overlay .wdlding { width:133px; height:10px; margin-top:20px; margin-bottom:14px !important; background:url(../img/loadings.png) center center no-repeat; } .overlay .loaddingIMG { width:128px !important; height:128px !important; margin-top:20px; margin-bottom:14px !important; background:url(../img/loading.png) center center no-repeat; } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 25%; /* 25% from the top */ width: 100%; /* 100% width */ text-align: center; /* Centered text/links */ margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */ } /* The navigation links inside the overlay */ .overlay a { padding: 30px; padding-left:60px; padding-right:60px; padding-top:30px; text-decoration: none !important; font-size: 26px !important; font-family:arial !important; color: #333; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ background:#FFF; display:inline-block; text-align:center; border:1px solid #e1e1e1; box-shadow: 0 8px 6px -6px black; border-radius:20%; } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus { color: #000; } /* Position the close button (top right corner) */ .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ @media screen and (max-height: 450px) { .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } .app_error_box { position:fixed; top:0px; left:0px; right:0px; z-index:999999; width:100%; height:60px; display:none; } .app_error_box_inner { border: 1px solid #a2d246 !important; box-shadow: 0 1px 1px #fff inset; color: #000; background-color: #ebf8a4; text-align:center; font-family:arial; font-size:14px; width:100%; /* background: #FFCCCE; border-left: 0.5rem solid #FF4A48; color: #434F58; line-height: calc(1em + 8px); text-align:left; font-family:arial; font-size:14px; box-sizing: inherit; width:100%; margin:0 auto; text-align:center; */ } .app_error_box_inner_b { padding:10px; display:inline-block; font-weight:normal !important; font-size:14px !important; } .app_success_box { position:fixed; top:0px; left:0px; right:0px; z-index:9999999999999999999; width:100%; height:60px; display:none; } .app_success_box_inner { border: 1px solid #a2d246 !important; box-shadow: 0 1px 1px #fff inset; color: #4F8A10; background-color: #DFF2BF; text-align:center; font-family:arial; font-size:14px; width:100%; } .app_success_box_inner_b { padding:10px; display:inline-block; } .vtell { border: 1px solid #fff; color: #000; background-color: #fff; border-right:8px solid #6CF !important; padding:10px; text-align:left; font-family:arial; font-size:14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .vwarn { border: 1px solid #a2d246; -moz-box-shadow: 0 1px 1px #fff inset; -webkit-box-shadow: 0 1px 1px #fff inset; box-shadow: 0 1px 1px #fff inset; color: #000; background-color: #ebf8a4; border-left:8px solid #FC6 !important; padding:10px; text-align:left; font-family:arial; font-size:13px; } .vinform { background: #FFCCCE; border-left: 0.5rem solid #FF4A48; color: #434F58; line-height: calc(1em + 8px); padding:10px; text-align:left; font-family:arial; font-size:14px; box-sizing: inherit; } .vsuc { background: #E5FEFF; border-left: 0.5rem solid #00CAAA; color: #434F58; line-height: calc(1em + 8px); padding:10px; text-align:left; font-family:arial; font-size:14px; box-sizing: inherit; } .wd_pagination_system { display: inline-block; } .wd_pagination_system a { color: black !important; display: inline-block; padding: 3px 10px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 4px; font-family:arial !important; font-weight: normal !important; font-size:16px !important; } .wd_pagination_system a.active { background-color: #415E9B; color: white !important; border: 1px solid #415E9B; } .wd_pagination_system span.current { display: inline-block; padding: 3px 10px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px; background: #00A859 !important;/*rgb(66, 184, 221) !important;*/ color: white !important; border: 2px solid #98cc54 !important; font-family:arial !important; } .wd_pagination_system span.disabled { color: black !important; display: inline-block; padding: 3px 10px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px; background-color:#f9f9f9; border:1px solid #e1e1e1; } .wd_pagination_system a:hover:not(.active) {background-color: #f1f1f1;color: black !important;border: 1px solid #e2e2e2;} .wd_loading_rounds { width:200px; margin:0 auto; border:1px solid #E4E4E4; padding:20px; padding-top:30px; background: #fff; box-shadow: 0 0px 2px #FAFAFA; -moz-box-shadow: 0 0px 2px #FAFAFA; -webkit-box-shadow: 0 0px 2px #FAFAFA; text-align:center; font-family:arial; font-size:16px !important; color: #666; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; margin-top:20px; margin-bottom:50px; } .wd_loading_rounds img { width:100px; height:100px; margin:0px; padding:0px; background-color:transparent !important; } .wd_loading_img { padding:20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; } .wd_loading_img img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; } .wd_pagination_box { border: solid 0px #E1E1E1; background-color: #FFF; box-shadow: 0 0 2px #cbcbcb; -moz-box-shadow: 0 0 2px #cbcbcb; -webkit-box-shadow: 0 0 2px #cbcbcb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:0 auto; margin-top:0px; padding:10px; padding-bottom:5px !important; width:100%; display:table !important; box-shadow: 0 8px 6px -6px black; border: 1px solid #e9e9e9 !important; } .wd_pagination_box .pleft { text-align:center; margin:10px 0px; width:100%; display:block; } .wd_pagination_box .pright { text-align:center; margin:10px 0px; width:100%; display:block; } .empty_box { border:1px solid #E5E5E5; width:100%; padding:100px 10px; margin:0 auto; text-align:center; vertical-align:middle; font-family:arial !important; font-size:14px; line-height:32px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; /*border-top:0px solid; background:#FFF;padding:20px; padding-bottom:70px;*/ } .show_box_shadow_overlay:hover .box-shadow-overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; box-shadow: 0 8px 6px -6px black; border: 1px solid #e9e9e9 !important; background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgba(0,0,0, 0.1); /* Black w/opacity */ transition: 0.5s; } .btn-secondary { color: #FFFFFF !important; background-color: #b60002 !important; border: 5px solid #dc3545 !important; } .btn-secondary:hover { background-color: #660 !important; color: #FFFFFF !important; } .toggler_navbar { display:none; } @media (max-width: 991.98px) { .navbar-dark .navbar-nav .nav-link { margin-left: 0; padding: 18px; background-color: #FFF; border-top:1px solid #ccc; color:#00A651; width:100% !important; } .navbar-dark .navbar-nav .nav-link:hover { background-color:#FFE468; border-top:1px solid #FFF; color:#000; } .navbar-dark .navbar-nav .nav-link.active { background-color:#FFE468; border-top:1px solid #FFF; color:#000; } .navbar.px-5 { padding-right: 0rem !important; padding-left: 0rem !important; } .navbar .pe-4 { padding-right: 0rem !important; } .sticky-top.navbar-dark .navbar-nav .nav-link { padding: 18px; } .navbar .navbar-brand { margin-left: 10px !important; margin-bottom:16px !important; } .navbar .navbar-toggler { margin-right: 14px !important; margin-top:-14px !important; } .toggler_navbar { padding:.25rem .75rem; font-size:1.25rem; line-height:1; background-color: transparent; border:1px solid #FFF !important; border-radius:0px; transition:box-shadow 0.15s ease-in-out; display:inline-block; margin-right: 14px !important; margin-top: -14px !important; cursor:pointer; color:#FFF !important; } .toggler_navbar.isOpen { background-color:var(--secondary); color:var(--primary); border:1px solid var(--primary) !important; } .toggler_navbar.isOpen .icon-bar { background-color:var(--primary); } } .icon-bar{display:block;width:26px;height:2px;border-radius:1px;background-color:#fff !important;margin-top:6px;margin-bottom:6px;} .bg-green { background-color: #8DC546 !important; border-bottom:1px solid #fff !important; } .goog-te-menu2 table { margin:0px !important; padding:0px !important; } .indicator { display: none !important; } .goog-te-gadget-icon { display: none !important; } .goog-te-gadget-simple { visibility: hidden !important; width:0px !important; height:0px !important; } .pointercursor { cursor:pointer !important; } .defaultcursor { cursor:default !important; } #google_translate_element { margin:0px !important; padding:0px !important; position:absolute !important; left:auto; top:auto; } .relative { position: relative !important; } .blackhover:hover { color:#00A859 !important; } .goog-te-menu2-item div { background:#fff !important; color:#00A859 !important; } .goog-te-menu2-item:hover div { background:#00A859 !important; color:#fff !important; } .goog-te-menu2-item:active div { background:#00A859 !important; color:#fff !important; } .goog-te-menu2-item div:hover { background:#00A859 !important; color:#fff !important; } .goog-te-menu2-item div:active { background:#00A859 !important; color:#fff !important; } /*How Section*/ .how__item .how__thumb .thumb::after, .how__item .how__thumb .thumb::before, .how__item::after { position: absolute; content: ''; } .social__icons, .footer-links, .footer-links li, .header-wrapper, .menu, .investor__item, .how__item .how__thumb, .contact__item { display: flex; flex-wrap: wrap; } .how__item .how__thumb::before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; content: ""; } .pt-120 { padding-top: 80px; } .pb-120 { padding-bottom: 80px; } .pt-80 { padding-top: 80px; } .pb-80 { padding-bottom: 80px; } @media (min-width: 992px) { .pt-120 { padding-top: 120px; } .pb-120 { padding-bottom: 120px; } } .spinner { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .preloader { position: fixed; width: 100%; height: 100%; background: linear-gradient(to right, #3264f5 2%, #7202bb 82%); z-index: 999999999; left: 0; top: 0; display: block; } .how__item { text-align: center; margin-bottom: 40px; position: relative; } .how__item .how__thumb { width: 116px; height: 116px; margin: 0 auto 30px; justify-content: center; align-items: center; position: relative; } .how__item .how__thumb::before { width: 100%; height: 100%; background: url(../img/how-shape4.png) no-repeat center center; animation: rev-rotate 20s linear infinite; -webkit-animation: rev-rotate 20s linear infinite; -moz-animation: rev-rotate 20s linear infinite; } .how__item .how__thumb .thumb { width: 86px; height: 86px; text-align: center; line-height: 86px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 40px; background-color: #3ed03a; box-shadow: 0px 0px 7.8px 5.2px rgba(0, 0, 0, 0.04); position: relative; overflow: hidden; } .how__item .how__thumb .thumb::after, .how__item .how__thumb .thumb::before { width: 100%; height: 100%; top: -40px; left: -40px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 0; opacity: 0; animation: scaleIn3 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); } .how__item .how__thumb .thumb::after { animation-delay: 2s; } .how__item .title { text-transform: none; margin-bottom: -9px; } @media (max-width: 575px) { .how__item .title { margin-bottom: -8px; } } .how__item::after { width: 107px; height: 55px; background: url(../img/arrow-1.png) no-repeat center center; background-size: contain; top: 50px; left: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1199px) { .how__item::after { height: 45px; left: calc(100% + 10px); } } @media (max-width: 575px) { .how__item::after { display: none; } } div[class*="col"]:nth-of-type(4n + 1) .how__item .how__thumb::before { background: url(../img/how-shape.png) no-repeat center center; } div[class*="col"]:nth-of-type(4n + 1) .how__item .how__thumb .thumb { background: #12cbc4; } div[class*="col"]:nth-of-type(4n + 2) .how__item::after { background: url(../img/arrow-2.png) no-repeat center center; background-size: contain; } @media (max-width: 991px) { div[class*="col"]:nth-of-type(4n + 2) .how__item::after { display: none; } } div[class*="col"]:nth-of-type(4n + 2) .how__item .how__thumb::before { background: url(../img/how-shape2.png) no-repeat center center; } div[class*="col"]:nth-of-type(4n + 2) .how__item .how__thumb .thumb { background: #f74a05; } div[class*="col"]:nth-of-type(4n + 2) .how__item .how__thumb::before { animation-delay: 2.5s; } @media (max-width: 991px) { div[class*="col"]:nth-of-type(4n + 3) .how__item::after { background: url(../img/arrow-2.png) no-repeat center center; background-size: contain; } } div[class*="col"]:nth-of-type(4n + 3) .how__item .how__thumb::before { background: url(../img/how-shape3.png) no-repeat center center; } div[class*="col"]:nth-of-type(4n + 3) .how__item .how__thumb .thumb { background: #AC32E4; } div[class*="col"]:nth-of-type(4n + 4) .how__item::after { display: none; } div[class*="col"]:nth-of-type(4n + 4) .how__item .how__thumb::before { animation-delay: 2.5s; } /* NOT IN USE YET STARTS */ /* @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes bounceIn { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } 90% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3) translateY(-50%); transform: scale(0.3) translateY(-50%); } 40% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 70% { -webkit-transform: scale(0.94); transform: scale(0.94); } } */ /* NOT IN USE YET ENDS */ @keyframes rev-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); } } @-webkit-keyframes rev-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); } } @-moz-keyframes rev-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); } } .btn_top_round { font-weight: 400 !important; text-transform: capitalize !important; font-family: "Roboto", sans-serif !important; color: #fff !important; background: #f6a200 !important; cursor: pointer !important; outline: none !important; border: 2px solid #fff !important; border-radius: 35px !important; padding: 8px 14px !important; font-size: 15px !important; text-align: center !important; } .btn_top_round:hover { background: #FF9900 !important; } .text-primary { color:var(--primary) !important; } .text-secondary { color:var(--secondary) !important; } .testimonialBox { background: #f6f6f6 !important; color: #07153F !important; border: 1px solid #e1e1e1; padding:12px; padding-top:0px; height:340px; overflow-y:auto; box-shadow: 0 0 45px rgba(0, 0, 0, .07); border: 1px solid #e1e1e1; transform: scale(.85); transition: .5s; } .modal { position: fixed !important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; outline: 0; overflow: auto; /* Enable scroll if needed */ } .modal-backdrop { background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; } .modal.fade .modal-dialog { z-index:999999999999 !important; } /* Modal Content/Box */ .modal-content { margin-top:20px !important; background-color: #fefefe; margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 90%; /* Could be more or less, depending on screen size */ } .wd_medium .modal-content { max-width: 90% !important; } .wd_large .modal-content { max-width: 90% !important; } .wd_largea .modal-content { max-width: 95% !important; } .wd_largeaaa .modal-content { max-width: 98% !important;min-width: 98% !important;width: 98% !important; margin-top:6px !important; } .wd_larger .modal-content { max-width: 90% !important; } .hide_on_small_screen { display:none !important; } .100percent { max-width: 100% !important;min-width: 100% !important;width: 100% !important; } .show_only_on_small_screen { display:block !important; } @media (min-width: 768px) { .modal-content { margin-top:20px !important; background-color: #fefefe; margin: 0% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ } .wd_larger .modal-content { max-width: 80% !important; } .wd_medium .modal-content { max-width: 50% !important; } .wd_large .modal-content { max-width: 60% !important; } .wd_largea .modal-content { max-width: 70% !important; } .wd_largeaaa .modal-content { max-width: 98% !important;min-width: 98% !important;width: 98% !important; margin-top:6px !important; } .hide_on_small_screen { display: inline-block !important; } .100percent { max-width: 100% !important;min-width: 100% !important;width: 100% !important; } .show_only_on_small_screen { display:none !important; } } .modal-body { font-family:arial !important; font-size:14px; text-align:left !important; } .center{ text-align:center !important;} .modal-header { padding:12px 16px !important; background-color: #00A651 !important;/*#5cb85c;*/ font-size: 20px; color: #FFF !important; border:0px solid !important; } .modal-header .close { color: #ccc !important; text-align: center; position: absolute; right: 10px !important; top: 4px !important; font-size: 30px !important; font-weight: normal !important; background-color: transparent !important; border:0px solid #00A651 !important; } .modal-header .close:hover { color: #FFF !important; } .alert .close { color: #999 !important; text-align: center; position: absolute; right: 10px !important; top: 0px !important; font-size: 30px !important; font-weight: normal !important; background-color: transparent !important; border:0px solid #00A651 !important; } .alert .close:hover { color: #000 !important; } .modal-header h4 { color: #FFF !important; text-align: center; font-size: 20px; padding:0px !important; margin:0px !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:normal !important; } .modal-footer { background-color: #f9f9f9; padding:5px !important; padding-right:10px !important; padding-left:10px !important; width:100% !important; } .modal-dialog { margin-top:0px !important; } .modal h4, .fade h4 { text-align:left !important; } .modal .modal-footer, .fade .modal-footer { margin-right:0px !important; } .modal-open { overflow-y: auto !important; } .cbtn { display: inline-block; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; border: 1px solid #ccc; border-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; font-family: arial; font-size: 15px !important; font-weight: normal; padding: 5px 12px; cursor: default; text-decoration: none !important; cursor:pointer; outline:none !important; margin:4px; margin-left:10px; border-left: 6px solid var(--secondary) !important; } .bg-dark { background-color: #000 !important; } .bg-footer { background: #900 !important; background-size: contain; } .text-dark { color: #07153F !important; } .btn-link { text-align: left !important; font-weight: normal !important; transition: .3s; } .btn-link:hover { letter-spacing: 1px !important; box-shadow: none; } .btn.btn-socials { margin-right: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #FFF !important; background: #660 !important; border: 1px solid #98cc54 !important; border-radius: 35px; transition: .3s; } .btn.btn-socials:hover { background-color: #8DC546 !important; color: #FFFFFF !important; } #qlwapp { font-family: var(--qlwapp-scheme-font-family); } #qlwapp { font-size: var(--qlwapp-scheme-font-size); } #qlwapp .qlwapp-toggle, #qlwapp .qlwapp-box .qlwapp-header, #qlwapp .qlwapp-box .qlwapp-user, #qlwapp .qlwapp-box .qlwapp-user:before { background-color: #b60002 !important; border: 5px solid #dc3545 !important; } #qlwapp .qlwapp-toggle, #qlwapp .qlwapp-toggle .qlwapp-icon, #qlwapp .qlwapp-toggle .qlwapp-text, #qlwapp .qlwapp-box .qlwapp-header, #qlwapp .qlwapp-box .qlwapp-user { color: var(--qlwapp-scheme-text); } .qlwapp-description, .qlwapp-description-container { padding:0px !important; margin:0px !important; } .qlwapp-header { padding: 12px 16px !important; background-color: #00A651 !important; font-size: 20px; color: #FFF !important; border: 0px solid !important; margin:0px !important; } .qlwapp-header .qlwapp-description-container h4 { color: #FFF !important; text-align: left; font-size: 20px; padding: 0px !important; margin: 0px !important; font-family: Arial, Helvetica, sans-serif !important; font-weight: normal !important; } .qlwapp-header .close { color: #ccc !important; text-align: center; position: absolute; right: 10px !important; top: 2px !important; font-size: 30px !important; font-weight: normal !important; background-color: transparent !important; border:0px solid #00A651 !important; cursor:pointer !important; z-index:1 } .qlwapp-header .close:hover { color: #FFF !important; } .hoverThis { color: #2E9DF7 !important; text-decoration: none !important; } .hoverThis:hover { color: #2E9DF7 !important; text-decoration: underline !important; } .hoverOnly { text-decoration: none !important; } .hoverOnly:hover { color: #2E9DF7 !important; text-decoration: underline !important; } .bg-lighter { background:#f9f9f9 !important; border-right:1px solid #ccc !important; } .btn-link { text-align: left !important; font-weight: normal !important; transition: .3s; } .btn-link:hover { letter-spacing: 1px !important; box-shadow: none; } .qlwapp-body { font-size:16px !important; } .qlwapp-account { padding-top: 16px !important; padding-bottom: 16px !important; } .borderRound { position: relative !important; padding: 10px 0 10px 5px !important; border-left: 10px solid #FEAF00 !important; } .borderRound .borderRoundExtends::before, .borderRound .borderRoundExtends::after { position: absolute; content: ""; top: 0; left: 0; width: 60px; height: 10px; background: #FEAF00 !important; } .borderRound .borderRoundExtends::after { top: 100%; margin-top: -10px; } .borderPageContent { position: relative !important; padding: 10px 15px 10px 15px !important; border-left: 10px solid #FEAF00 !important; } .borderPageContent .borderPageContentExtends::before, .borderPageContent .borderPageContentExtends::after { position: absolute; content: ""; top: 0; left: 0; width: 10px; height: 10px; background: #FEAF00 !important; } .borderPageContent .borderPageContentExtends::after { top: 100%; margin-top: -10px; } .qlwapp-name { font-size:18px !important; } .page_containers { margin-left:20px !important; margin-right:20px !important; width:100% !important; max-width:100% !important; min-width:100% !important; } .col-lg-v { flex: 0 0 auto; width: 32.33%; } .PageContainers { margin:0 auto !important; width:100% !important; padding-left:40px !important; padding-right:40px !important; } .management_team .img-fluid { width:200px !important; height:200px !important; } .securityCodeBox { display:table; width:100%; } .securityCodeBox .aa { display: table-cell; min-width:160px !important; width:160px !important; vertical-align:top; border:0px solid; } .securityCodeBox .bb { display:table-cell; width:100%; vertical-align:top; border:0px solid; } .securityCodeBox .bb input { margin:0px !important; } .securityCodeBox .cc { display:table-cell; min-width:63px !important; width:63px !important; vertical-align:top; border:0px solid; } .securityInnerCodeBox { display: inherit; width:auto; } @media (max-width: 767.98px) { .PageContainers { margin:0 auto !important; width:100% !important; padding-left:20px !important; padding-right:20px !important; } .page_containers { margin-left:0px !important; margin-right:0px !important; width:100% !important; max-width:100% !important; min-width:100% !important; } .col-lg-v { flex: 10 0 auto; width: 100%; } .management_team .img-fluid { width:75% !important; height:auto !important; } .securityCodeBox { display: block; width:100%; } .securityInnerCodeBox { display: table; width:100%; } .securityCodeBox .aa { display: block;; min-width:100% !important; width:100% !important; vertical-align:top; border:0px solid; } .securityCodeBox .bb { display:table-cell; width:100%; vertical-align:top; border:0px solid; } .securityCodeBox .bb input { margin:0px !important; } .securityCodeBox .cc { display:table-cell; min-width:63px !important; width:63px !important; vertical-align:top; border:0px solid; } } /*******************************/ /********** Fact CSS ***********/ /*******************************/ .fact { position: relative; width: 100%; padding: 0px 0; } .fact .col-6 { display: flex; align-items: flex-start; } .fact .col-12 { display: flex; align-items: flex-start; } .fact .fact-icon { position: relative; margin: 7px 15px 0 15px; width: 60px; display: flex; align-items: center; justify-content: center; } .fact .fact-icon [class^="flaticon-"]::before { margin: 0; font-size: 60px; line-height: 60px; background-image: linear-gradient(#ffffff, #fdbe33); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fact .fact-right .fact-icon [class^="flaticon-"]::before { background-image: linear-gradient(#ffffff, #030f27); } .fact .fact-left, .fact .fact-right { padding: 16px; padding-top: 0px; } .fact .fact-text h2 { font-size: 18px !important; font-weight: 700; margin-top:16px !important; color:#54595F !important; } .fact .fact-text p { margin: 0; font-weight: normal !important; color:#666 !important; } .fact .fact-left { color: #00A859 !important; background: #f9f9f9 !important; border:1px solid #e1e1e1 !important; } .fact .fact-right { color: #030f27 !important; background: #f9f9f9 !important; border:1px solid #e1e1e1 !important; } .fact h2 { color: #07153F !important; } /*** Facts ***/ .fact-item { transition: .5s; } .fact-item:hover { margin-top: -10px; background: #FFFFFF !important; box-shadow: 0 0 45px rgba(0, 0, 0, .07); } /*** Team ***/ .management_team .team-item { box-shadow: 0 0 45px rgba(0, 0, 0, .07); } .management_team .team-item .team-text { position: relative; height: 65px; overflow: hidden; } .management_team .team-item .team-title { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s; } .management_team .team-item:hover .team-title { top: -65px; } .management_team .team-item .team-social { position: absolute; width: 100%; height: 100%; top: 65px; left: 0; display: flex; align-items: center; justify-content: center; background: #FFFFFF; transition: .5s; } .management_team .team-item .team-social .btn { margin: 0 3px; } .management_team .team-item:hover .team-social { top: 0; } .panel.date { margin: 0px; width: 60px; text-align: center; } .panel.date .month { padding: 2px 0px; font-weight: 700; text-transform: uppercase; } .panel.date .day { padding: 3px 0px; font-weight: 700; font-size: 1.5em; } .panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:var(--primary)}.panel-primary>.panel-heading{color:var(--dark);background-color:var(--primary);border-color:var(--primary)}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:var(--primary)}.panel-primary>.panel-heading .badge{color:var(--primary);background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:var(--primary)}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1} .panel-body:after,.panel-body:before{display:table;content:" "} .panel-body:after{clear:both} /* ======================== */ /* Syed Sahar Ali Raza */ /* ======================== */ #generic_price_table{ } /*PRICE COLOR CODE START*/ #generic_price_table .generic_content{ background-color: #fff; border:1px solid #e1e1e1; } #generic_price_table .generic_content .generic_head_price{ background-color: #f6f6f6; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{ border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{ color: #525252; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{ color: #414141; } #generic_price_table .generic_content .generic_feature_list ul li{ color: #a7a7a7; border-left: 5px solid #fff; } #generic_price_table .generic_content .generic_feature_list ul li span{ color: #414141; } #generic_price_table .generic_content .generic_feature_list ul li:hover{ background-color: #E4E4E4; border-left: 5px solid #2ECC71; } #generic_price_table .generic_content .generic_price_btn a{ border: 1px solid #2ECC71; color: #2ECC71; } #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{ border-color: #b60002 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b60002; color: #fff; } #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span, #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{ color: #fff; } #generic_price_table .generic_content:hover .generic_price_btn a, #generic_price_table .generic_content.active .generic_price_btn a{ background-color: #2ECC71; color: #fff; } #generic_price_table{ margin: 0; font-family: 'Raleway', sans-serif; } .row .table{ padding: 0; } /*PRICE BODY CODE START*/ #generic_price_table .generic_content{ overflow: hidden; position: relative; text-align: center; } #generic_price_table .generic_content .generic_head_price { margin: 0 0 20px 0; } #generic_price_table .generic_content .generic_head_price .generic_head_content{ margin: 0 0 50px 0; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{ border-style: solid; border-width: 90px 1411px 23px 399px; position: absolute; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head{ padding-top: 40px; position: relative; z-index: 1; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{ font-family: "Raleway",sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 2px; margin: 0; padding: 0; text-transform: capitalize; } #generic_price_table .generic_content .generic_head_price .generic_price_tag{ padding: 0 0 20px; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price{ display: block; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{ display: inline-block; font-family: "Lato",sans-serif; font-size: 28px; font-weight: 400; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ font-family: "Lato",sans-serif; font-size: 60px; font-weight: 300; letter-spacing: -2px; line-height: 60px; padding: 0; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{ display: inline-block; font-family: "Lato",sans-serif; font-size: 24px; font-weight: 400; vertical-align: bottom; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{ font-family: "Lato",sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0px; vertical-align: bottom; } #generic_price_table .generic_content .generic_feature_list ul{ list-style: none; padding: 0; margin: 0; } #generic_price_table .generic_content .generic_feature_list ul li{ font-family: "Lato",sans-serif; font-size: 18px; padding: 15px 0; transition: all 0.3s ease-in-out 0s; } #generic_price_table .generic_content .generic_feature_list ul li:hover{ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } #generic_price_table .generic_content .generic_feature_list ul li .fa{ padding: 0 10px; } #generic_price_table .generic_content .generic_price_btn{ margin: 20px 0 32px; } #generic_price_table .generic_content .generic_price_btn a{ border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; display: inline-block; font-family: "Lato",sans-serif; font-size: 18px; outline: medium none; padding: 12px 30px; text-decoration: none; text-transform: uppercase; } #generic_price_table .generic_content, #generic_price_table .generic_content:hover, #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content .generic_head_price .generic_head_content .head h2, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2, #generic_price_table .generic_content .price, #generic_price_table .generic_content:hover .price, #generic_price_table .generic_content .generic_price_btn a, #generic_price_table .generic_content:hover .generic_price_btn a{ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } @media (max-width: 320px) { } @media (max-width: 767px) { #generic_price_table .generic_content{ margin-bottom:75px; } } @media (min-width: 768px) and (max-width: 991px) { #generic_price_table .col-md-3{ float:left; width:50%; } #generic_price_table .col-md-4{ float:left; width:50%; } #generic_price_table .generic_content{ margin-bottom:75px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px) { } #generic_price_table_home{ font-family: 'Raleway', sans-serif; } .text-center h1, .text-center h1 a{ color: #7885CB; font-size: 30px; font-weight: 300; text-decoration: none; } .demo-pic{ margin: 0 auto; } .demo-pic:hover{ opacity: 0.7; } #generic_price_table_home ul{ margin: 0 auto; padding: 0; list-style: none; display: table; } #generic_price_table_home li{ float: left; } #generic_price_table_home li + li{ margin-left: 10px; padding-bottom: 10px; } #generic_price_table_home li a{ display: block; width: 50px; height: 50px; font-size: 0px; } #generic_price_table_home .blue{ background: #3498DB; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .emerald{ background: #2ECC71; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .grey{ background: #7F8C8D; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .midnight{ background: #34495E; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .orange{ background: #E67E22; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .purple{ background: #9B59B6; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .red{ background: #E74C3C; transition:all 0.3s ease-in-out 0s; } #generic_price_table_home .turquoise{ background: #1ABC9C; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .blue:hover, #generic_price_table_home .emerald:hover, #generic_price_table_home .grey:hover, #generic_price_table_home .midnight:hover, #generic_price_table_home .orange:hover, #generic_price_table_home .purple:hover, #generic_price_table_home .red:hover, #generic_price_table_home .turquoise:hover{ border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .divider{ border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 20px; } #generic_price_table_home .divider span{ width: 100%; display: table; height: 2px; background: #ddd; margin: 50px auto; line-height: 2px; } #generic_price_table_home .itemname{ text-align: center; font-size: 50px ; padding: 50px 0 20px ; border-bottom: 1px solid #ddd; margin-bottom: 40px; text-decoration: none; font-weight: 300; } #generic_price_table_home .itemnametext{ text-align: center; font-size: 20px; padding-top: 5px; text-transform: uppercase; display: inline-block; } #generic_price_table_home .footer{ padding:40px 0; } .price-heading{ text-align: center; } .price-heading h1{ color: #666; margin: 0; padding: 0 0 50px 0; } .demo-button { background-color: #333333; color: #ffffff; display: table; font-size: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium ; padding: 10px; text-align: center; text-transform: uppercase; } .bottom_btn{ background-color: #333333; color: #ffffff; display: table; font-size: 28px; margin: 60px auto 20px; padding: 10px 25px; text-align: center; text-transform: uppercase; } .demo-button:hover{ background-color: #666; color: #FFF; text-decoration:none; } .bottom_btn:hover{ background-color: #666; color: #FFF; text-decoration:none; } .pricing-tab-menu { margin: -3px; margin-bottom: 50px; justify-content: center; border: none; } .pricing-tab-menu .nav-item { padding: 3px; } .pricing-tab-menu .nav-item .nav-link { border-radius: 3px; border: 1px solid #e1e1e1; background:#FFF; color: #007bff; } .pricing-tab-menu .nav-item .nav-link.active { background: var(--priceButton); border-color: var(--priceButton); color: #fff; } .about-start, .about-end { background: url(../img/about-bg.jpg) center center no-repeat; background-size: contain; } @media (min-width: 992px) { .about-start { position: relative; margin-right: -90px; z-index: 1; } .about-end { position: relative; margin-left: -90px; z-index: 1; } } .bg-quote { background: url(../img/quote.jpg) top right no-repeat; background-size: contain; } @media (max-width: 991.98px) { .bg-quote { background-size: cover; } } /* Contact Us page starts here */ .contact_form { color: #3F3F3F; font-family:'Droid Sans', Tahoma, Arial, Verdana sans-serif; font-size:16px; width:100%; text-align:left !important; border:0px solid; position:relative; z-index:1; } .contact_form article, .contact_form aside, .contact_form details, .contact_form figcaption, .contact_form figure, .contact_form footer, .contact_form header, .contact_form hgroup, .contact_form menu, .contact_form nav, .contact_form section { display: block; } .contact_form label { font-family:'Questrial', Verdana, sans-serif; font-weight:normal !important; font-size:14px; color:#333; text-align:left !important; } .contact_form label i { font-size:14px; color:#aaa; text-align:left !important; } .contact_form h1 { font-family:'Questrial', Verdana, sans-serif; text-align:center; font-size:30px; padding:0; margin:0 auto !important; position:relative; color:#7fbf4d; } /** have a nice ampersand **/ .contact_form h1:after { font-size:45px !important; color:#D6CFCB; content:"\f0d7"; text-align:center; display:block; width:100%; font-family:'Alice', Verdana, serif; text-shadow: 0px 1px 0px #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /** create the gradient bottom **/ .contact_form h1:before { position:absolute; bottom:25px; content:' '; text-align:center; display:block; height:2px; width:100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(182, 180, 180, 0.7)), color-stop(43%, rgba(180, 178, 178, 0)), color-stop(50%, rgba(168, 166, 166, 0)), color-stop(57%, rgba(180, 178, 178, 0)), color-stop(58%, rgba(182, 180, 180, 0.7)), color-stop(90%, rgba(238, 237, 237, 0.3)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* W3C */ } /* Here comes to good stuff : content styling */ .contact_form #content { position:relative; margin:0 auto; z-index:100; padding:30px; padding-bottom:10px; border:1px solid #ccc; /* My stipped background */ background: #D1D1D1; /* Old browsers */ background: -moz-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: -o-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ /*box-shadow*/ box-shadow: 0 8px 6px -6px black; text-align:left !important; } /** my "fake" background that will hover the stripes **/ .contact_form #content:after { background:#F9F9F9; margin:10px; position: absolute; content :" "; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; border:1px #E5E5E5 solid; /*border-radius*/ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } /*** form styling **/ /** we remove the red glow around required fields since we are already using the red star */ .contact_form input:required, .contact_form textarea:required { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .qlwapp-body { font-size:16px !important; } .qlwapp-account { padding-top: 16px !important; padding-bottom: 16px !important; } .borderRound { position: relative !important; padding: 10px 0 10px 5px !important; border-left: 10px solid #FEAF00 !important; } .borderRound .borderRoundExtends::before, .borderRound .borderRoundExtends::after { position: absolute; content: ""; top: 0; left: 0; width: 60px; height: 10px; background: #FEAF00 !important; } .borderRound .borderRoundExtends::after { top: 100%; margin-top: -10px; } .borderPageContent { position: relative !important; padding: 10px 15px 10px 15px !important; border-left: 10px solid #FEAF00 !important; } .borderPageContent .borderPageContentExtends::before, .borderPageContent .borderPageContentExtends::after { position: absolute; content: ""; top: 0; left: 0; width: 10px; height: 10px; background: #FEAF00 !important; } .borderPageContent .borderPageContentExtends::after { top: 100%; margin-top: -10px; } .qlwapp-name { font-size:18px !important; } .page_containers { margin-left:20px !important; margin-right:20px !important; width:100% !important; max-width:100% !important; min-width:100% !important; } .col-lg-v { flex: 0 0 auto; width: 32.33%; } .PageContainers { margin:0 auto !important; width:100% !important; padding-left:40px !important; padding-right:40px !important; } .management_team .img-fluid { width:200px !important; height:200px !important; } .securityCodeBox { display:table; width:100%; } .securityCodeBox .aa { display: table-cell; min-width:160px !important; width:160px !important; vertical-align:top; border:0px solid; } .securityCodeBox .bb { display:table-cell; width:100%; vertical-align:top; border:0px solid; } .securityCodeBox .bb input { margin:0px !important; } .securityCodeBox .cc { display:table-cell; min-width:63px !important; width:63px !important; vertical-align:top; border:0px solid; } .securityInnerCodeBox { display: inherit; width:auto; } @media (max-width: 767.98px) { .PageContainers { margin:0 auto !important; width:100% !important; padding-left:20px !important; padding-right:20px !important; } .page_containers { margin-left:0px !important; margin-right:0px !important; width:100% !important; max-width:100% !important; min-width:100% !important; } .col-lg-v { flex: 10 0 auto; width: 100%; } .management_team .img-fluid { width:75% !important; height:auto !important; } .securityCodeBox { display: block; width:100%; } .securityInnerCodeBox { display: table; width:100%; } .securityCodeBox .aa { display: block;; min-width:100% !important; width:100% !important; vertical-align:top; border:0px solid; } .securityCodeBox .bb { display:table-cell; width:100%; vertical-align:top; border:0px solid; } .securityCodeBox .bb input { margin:0px !important; } .securityCodeBox .cc { display:table-cell; min-width:63px !important; width:63px !important; vertical-align:top; border:0px solid; } } .outer_form { background-color: #fff; font-family: "Roboto", sans-serif; position: relative; min-height:auto; height:auto; display:block; border: 0px solid var(--light); border-radius: 10px; padding:0px !important; } .outer_form .login { overflow: hidden; background-color: white; padding: 0px; border-radius: 10px; position: relative; top: 50%; left: 50%; max-width: 440px; width:100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 300ms, box-shadow 300ms; -moz-transition: -moz-transform 300ms, box-shadow 300ms; transition: transform 300ms, box-shadow 300ms; box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2); border-top: 5px solid var(--secondary); box-shadow: 0 8px 6px -6px black; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: 1px solid #ccc; } .app_no_user_photo { -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 100px; margin: 20px auto 0px auto; width: 120px; height: 120px; margin-bottom:18px; display: block; background: url(/photos/avatar.png) top center; } .outer_form .login::before, .outer_form .login::after { content: ""; position: absolute; width: 600px; height: 600px; border-top-left-radius: 40%; border-top-right-radius: 45%; border-bottom-left-radius: 35%; border-bottom-right-radius: 40%; z-index: -1; } .outer_form .login::before { left: 25%; bottom: -80%; background-color: rgba(69, 105, 144, 0.15); -webkit-animation: wawes 6s infinite linear; -moz-animation: wawes 6s infinite linear; animation: wawes 6s infinite linear; } .outer_form .login::after { left: 20%; bottom: -75%; background-color: rgba(2, 128, 144, 0.2); -webkit-animation: wawes 7s infinite; -moz-animation: wawes 7s infinite; animation: wawes 7s infinite; } .outer_form .login input { font-family: Arial, Helvetica, sans-serif !important; display: block; border-radius: 5px; font-size: 15px; width: 100%; padding: 10px; margin: 15px 0px; background: #f9f9f9; border:1px solid #ccc !important; font-weight: normal !important; color: #000 !important; text-shadow: none !important; outline: #ccc; } .outer_form .login input:focus { display: block; border-radius: 5px; width: 100%; padding: 10px; margin: 15px 0px; background: #fff; border:1px solid #ccc !important; font-weight: normal !important; color: #000 !important; text-shadow: none !important; outline: #ccc; } .outer_form .login > div > button { font-family: "Roboto", sans-serif; cursor: pointer; color: #fff; font-size: 16px; text-transform: uppercase; border: 0; padding: 4px 15px; margin-top: 10px; border-radius: 5px; background-color: #f45b69; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; transition: background-color 300ms; text-align:center !important; } @-webkit-keyframes wawes { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes wawes { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @keyframes wawes { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .form_control { background: #f6f6f6 !important; border:1px solid #ccc !important; font-family: arial !important; font-weight: normal !important; font-size: 15px !important; color: #000 !important; text-shadow: 1px 1px 0 rgba(256,256,256,1.0) !important; border-radius:0px !important; transition:none; padding:8px !important; width:100%; outline: #ccc; } .form_control:focus { background: #fff !important; border:1px solid #ccc !important; font-family: arial !important; font-weight: normal !important; font-size: 15px !important; color: #000 !important; text-shadow: 1px 1px 0 rgba(256,256,256,1.0) !important; border-radius:0px !important; transition:none; padding:8px !important; width:100%; outline: #ccc; } .dleft { float:none; text-align:left !important; color: #2E9DF7; width:100%; border:0px solid; padding-bottom:15px; } .dright { float:none; text-align:left !important; color: #f4511e; width:100%; border:0px solid; display: block; } .mainCaptcha { padding-left: 8px; min-width: 160px; width:100%;height: auto;padding:3px 12px; font-size: 20px; font-weight: bold; display:block; background-color: rgb(255, 0, 128); border: 0px solid !important; margin: 0px !important; margin-bottom:-10px !important; border-radius:0px !important;font-size:22px !important; } .showbtn { padding-top:9px !important; padding-bottom:8px !important;margin:0px !important;border-radius:0px !important; outline:none !important; border-left:0px solid !important; display:none !important;} .hidebtn { padding:8px 14px !important; display:inline-block !important; font-family:arial; font-size:16px; cursor:pointer; margin-left:0px !important; margin:0px !important;} .enter_security_code { width:100% !important; background:#FFF !important; } .loginBoxLinks { width:100%;padding:10px 12px !important;font-size:14px !important; border:0px solid;background:#fff; } .scodewordsbutton { display:table; width:100%; margin-bottom:20px; } @media (min-width: 765px) { .scode { display:table-cell; width:160px; vertical-align:top; } .enter_security_code { width:100% !important; background:#FFF !important; } .sword { display:table-cell; width:160px; vertical-align:top; } sbutton { display:table-cell; width:40px; border:0px solid; vertical-align:top; } .showbtn { padding-top:9px !important; padding-bottom:8px !important; margin:0px !important;border-radius:0px !important; outline:none !important; border-left:0px solid !important; display:inline-block !important;} .hidebtn { padding:6px 14px !important; display:none !important;} .dleft { float:left; text-align:left !important; color: #2E9DF7; width:50%; border:0px solid; padding-bottom:0px; } .dright { float:right; text-align:right !important; color: #f4511e; width:48%; border:0px solid; } .mainCaptcha { padding-left: 10px; width: 160px; height: auto !important; font-weight: bolder; display: block; background-color: rgb(255, 0, 128); border: 0px solid !important; margin: 0px !important;border-radius:0px !important; font-size:22px !important;padding:3px 12px !important; } .outer_form { background-color: #f9f9f9; font-family: "Roboto", sans-serif; position: relative; min-height:550px; height:100%; display:block; border: 5px solid var(--light); border-radius: 10px; padding:20px !important; } .scodewordsbutton { display:table; width:100%; margin-bottom:10px; } .outer_form .login { overflow: hidden; background-color: white; padding: 0px; border-radius: 10px; position: absolute; top: 50%; left: 50%; max-width: 440px; width:100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 300ms, box-shadow 300ms; -moz-transition: -moz-transform 300ms, box-shadow 300ms; transition: transform 300ms, box-shadow 300ms; box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2); border-top: 5px solid var(--secondary); box-shadow: 0 8px 6px -6px black; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: 1px solid #ccc; } } .color_eye { vertical-align:top;cursor:pointer; color:#999;} .color_eye:hover { color:#333;} .login input#app_uname { background: #f9f9f9 url(../img/emailIcon.png) 10px top no-repeat !important; background-size: 16px 80px !important; padding: 10px 20px 10px 38px !important; } .login input#app_uname:focus { background: #fff url(../img/emailIcon.png) 10px top no-repeat !important; background-size: 16px 80px !important; padding: 10px 20px 10px 38px !important; } .login input#app_pwd { background: #f9f9f9 url(../img/Qf83FTt.png) 10px top no-repeat !important; background-size: 16px 80px !important; padding: 10px 20px 10px 38px !important; } .login input#app_pwd:focus { background: #fff url(../img/Qf83FTt.png) 10px top no-repeat !important; background-size: 16px 80px !important; padding: 10px 20px 10px 38px !important; } .login input:active, .login input:focus { border: 1px solid #ff656c; } .signup_form { background-color: #fff; font-family: "Roboto", sans-serif; position: relative; display:block; border: 0px solid var(--light); border-radius: 10px; padding:0px !important; } .signup_form_default { min-height:auto; height:auto; } .signup_form_no_referral_code_default { min-height:auto; height:100%; } .signup_form_step_one { min-height:auto; height:auto; } .signup_form_step_two { min-height:auto; height:auto; } .signup_form_step_three { min-height:auto; height:auto; } .signup_form .register { overflow: hidden; background-color: white; padding: 0px; border-radius: 10px; position: relative; top: 50%; left: 50%; max-width: 500px; width:100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 300ms, box-shadow 300ms; -moz-transition: -moz-transform 300ms, box-shadow 300ms; transition: transform 300ms, box-shadow 300ms; box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2); border-top: 5px solid var(--secondary); box-shadow: 0 8px 6px -6px black; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: 1px solid #ccc; } .oregister { overflow: hidden; background-color: white; padding: 0px; border-radius: 10px; position: inherit !important; top: 50% !important; margin-top:0px !important; max-width: 500px; width:100%; margin:0 auto; box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2); border-top: 5px solid var(--secondary); box-shadow: 0 8px 6px -6px black; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: 1px solid #ccc; } .app_no_user_photo { -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 100px; margin: 20px auto 0px auto; width: 120px; height: 120px; margin-bottom:18px; display: block; background: url(/photos/avatar.png) top center; } .signup_form .register::before, .signup_form .register::after { content: ""; position: absolute; width: 600px; height: 600px; border-top-left-radius: 40%; border-top-right-radius: 45%; border-bottom-left-radius: 35%; border-bottom-right-radius: 40%; z-index: -1; } .signup_form .register::before { left: 25%; bottom: -80%; background-color: rgba(69, 105, 144, 0.15); -webkit-animation: wawes 6s infinite linear; -moz-animation: wawes 6s infinite linear; animation: wawes 6s infinite linear; } .signup_form .register::after { left: 20%; bottom: -75%; background-color: rgba(2, 128, 144, 0.2); -webkit-animation: wawes 7s infinite; -moz-animation: wawes 7s infinite; animation: wawes 7s infinite; } .signup_form .register input { font-family: Arial, Helvetica, sans-serif !important; display: block; border-radius: 5px; font-size: 15px !important; width: 100%; padding: 10px; margin: 15px 0px; background: #f9f9f9; border:1px solid #ccc !important; font-weight: normal !important; color: #000 !important; text-shadow: none !important; outline: #ccc; } .signup_form .register select { font-family: Arial, Helvetica, sans-serif !important; font-size: 15px; width: 100%; margin: 15px 0px; font-weight: normal !important; text-align:left !important; min-width:100% !important; } .signup_form .register input:focus { font-family: Arial, Helvetica, sans-serif !important; display: block; border-radius: 5px; font-size: 15px !important; width: 100%; padding: 10px; margin: 15px 0px; background: #fff; border:1px solid #ccc !important; font-weight: normal !important; color: #000 !important; text-shadow: none !important; outline: #ccc; } .signup_form .register > div > button { font-family: "Roboto", sans-serif; cursor: pointer; color: #fff; font-size: 16px; text-transform: uppercase; border: 0; padding: 4px 15px; margin-top: 10px; border-radius: 5px; background-color: #f45b69; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; transition: background-color 300ms; text-align:center !important; } @-webkit-keyframes wawes { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes wawes { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @keyframes wawes { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .first_and_last_name_box { display:block; width:100%; margin-top:20px !important; text-align:left !important; } .first_and_last_name_box .inner { display: block; width:100%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner2 { display: block; width:100%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner3 { display: block; width:100%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner4 { display: block; width:100%; text-align:left !important; vertical-align:top; } .forgotPasswordBox { display:block !important; width:100% !important; border:0px solid; text-align:right; } .forgotPasswordBox .aaaa { display:block;width:100%;vertical-align:top; text-align:left; } .forgotPasswordBox .bbbb { display:block;min-width:100% !important;width:100% !important;vertical-align:top; border:0px solid; text-align:right; } .forgotPasswordBox .bbbb .cbtn { border-top:0px solid !important; } .LoginPadding { padding: 0px 20px 30px 20px; text-align:center; } .RegisterPadding { padding: 0px 20px 30px 20px; text-align:center; } .minimum_height { min-height:auto; } @media (min-width: 765px) { .oregister { overflow: hidden; background-color: white; padding: 0px; border-radius: 10px; position: inherit !important; top: 50% !important; margin-top:12px !important; max-width: 500px; width:100%; margin:0 auto; box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2); border-top: 5px solid var(--secondary); box-shadow: 0 8px 6px -6px black; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: 1px solid #ccc; } .minimum_height { min-height:360px; } .first_and_last_name_box { display:table; width:100%; margin-top:20px !important; text-align:left !important; } .first_and_last_name_box .inner { display: table-cell; width:50%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner:first-child input { border-radius: 5px 0px 0px 5px; border-right:0px solid !important; margin:0px !important; } .first_and_last_name_box .inner:last-child input { border-radius: 0px 5px 5px 0px; margin:0px !important; } .first_and_last_name_box .inner2 { display: table-cell; width:50%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner2:first-child input { border-radius: 5px 0px 0px 5px; border-right:0px solid !important; margin:0px !important; } .first_and_last_name_box .inner2:last-child input { border-radius: 0px 5px 5px 0px; margin:0px !important; } .first_and_last_name_box .inner3 { display: table-cell; width:50%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner3:first-child input { border-radius: 5px 0px 0px 5px; border-right:0px solid !important; margin:0px !important; } .first_and_last_name_box .inner3:last-child input { border-radius: 0px 5px 5px 0px; margin:0px !important; } .first_and_last_name_box .inner4 { display: table-cell; width:50%; text-align:left !important; vertical-align:top; } .first_and_last_name_box .inner4:first-child input { border-radius: 5px 0px 0px 5px; border-right:0px solid !important; margin:0px !important; } .first_and_last_name_box .inner4:last-child input { border-radius: 0px 5px 5px 0px; margin:0px !important; } .signup_form { background-color: #f9f9f9; font-family: "Roboto", sans-serif; position: relative; display:block; border: 5px solid var(--light); border-radius: 10px; padding:20px !important; } .signup_form_default { min-height:950px; height:100%; } .signup_form_no_referral_code_default { min-height:230px; height:100%; } .signup_form_step_one { min-height:430px; height:100%; } .signup_form_step_two { min-height:400px; height:100%; } .signup_form_step_three { min-height:500px; height:100%; } .signup_form .register { overflow: hidden; background-color: white; padding: 0px; border-radius: 10px; position: absolute; top: 50%; left: 50%; max-width: 500px; width:100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 300ms, box-shadow 300ms; -moz-transition: -moz-transform 300ms, box-shadow 300ms; transition: transform 300ms, box-shadow 300ms; box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2); border-top: 5px solid var(--secondary); box-shadow: 0 8px 6px -6px black; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: 1px solid #ccc; } .forgotPasswordBox { display:table !important; width:100% !important; border:0px solid; } .forgotPasswordBox .aaaa { display:table-cell;width:100%;vertical-align:top; } .forgotPasswordBox .bbbb { display:table-cell;min-width:131px !important;width:131px !important;vertical-align:top; border:0px solid; } .LoginPadding { padding: 0px 25px 20px 25px; text-align:center; } .RegisterPadding { padding: 0px 30px 30px 30px; text-align:center; } } .dtooltip { position: relative; } .dtooltip > span { display: none; position: absolute; top: -46px; left: 50%; margin-left: -75px; min-width: 100px; width:auto; height: auto; line-height: 20px; padding: 8px 12px; text-align: center; color: rgb(255, 255, 255); background: #07153F; border-radius: 5px; z-index:99999999999999999999; } .dtooltip > span:after { content: ""; position: absolute; border-width: 10px; border-style: solid; border-color: #222 transparent transparent transparent; bottom: -20px; left: 50%; margin-left: -10px; } .dtooltip:hover > span { display: block; } .dtooltip input:focus + span { display: block; } .termsBox { text-align:left !important; font-size:14px !important; padding-top:0px; } .select2-drop-active { border: 1px solid var(--secondary); border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid var(--secondary); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid var(--secondary); outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid var(--secondary); border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .select2-container-multi.select2-container-active .select2-choices { border: px solid var(--secondary); outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-drop-active { border: 1px solid var(--secondary); border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid var(--secondary); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid var(--secondary); outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid var(--secondary); border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .select2-container-multi.select2-container-active .select2-choices { border: px solid var(--secondary); outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-results .select2-highlighted { background: var(--secondary) !important; /*MAN*/ color: #fff; text-align:left !important; } /* Contact Us page starts here */ .contact_form { color: #3F3F3F; font-family:'Droid Sans', Tahoma, Arial, Verdana sans-serif; font-size:16px; width:100%; text-align:left !important; border:0px solid; position:relative; z-index:1; } .contact_form article, .contact_form aside, .contact_form details, .contact_form figcaption, .contact_form figure, .contact_form footer, .contact_form header, .contact_form hgroup, .contact_form menu, .contact_form nav, .contact_form section { display: block; } .contact_form label { font-family:'Questrial', Verdana, sans-serif; font-weight:normal !important; font-size:14px; color:#333; text-align:left !important; } .contact_form label i { font-size:14px; color:#aaa; text-align:left !important; } .contact_form h1 { font-family:'Questrial', Verdana, sans-serif; text-align:center; font-size:30px; padding:0; margin:0 auto !important; position:relative; color:#7fbf4d; } /** have a nice ampersand **/ .contact_form h1:after { font-size:45px !important; color:#D6CFCB; content:"\f0d7"; text-align:center; display:block; width:100%; font-family:'Alice', Verdana, serif; text-shadow: 0px 1px 0px #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /** create the gradient bottom **/ .contact_form h1:before { position:absolute; bottom:25px; content:' '; text-align:center; display:block; height:2px; width:100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(182, 180, 180, 0.7)), color-stop(43%, rgba(180, 178, 178, 0)), color-stop(50%, rgba(168, 166, 166, 0)), color-stop(57%, rgba(180, 178, 178, 0)), color-stop(58%, rgba(182, 180, 180, 0.7)), color-stop(90%, rgba(238, 237, 237, 0.3)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%); /* W3C */ } /* Here comes to good stuff : content styling */ .contact_form #content { position:relative; margin:0 auto; z-index:100; padding:30px; padding-bottom:10px; border:1px solid #ccc; /* My stipped background */ background: #D1D1D1; /* Old browsers */ background: -moz-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: -o-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ /*box-shadow*/ box-shadow: 0 8px 6px -6px black; text-align:left !important; } /** my "fake" background that will hover the stripes **/ .contact_form #content:after { background:#F9F9F9; margin:10px; position: absolute; content :" "; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; border:1px #E5E5E5 solid; /*border-radius*/ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } /*** form styling **/ /** we remove the red glow around required fields since we are already using the red star */ .contact_form input:required, .contact_form textarea:required { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .floating-label-form-group { position: relative; border-bottom: 1px solid #e9ecef; } .floating-label-form-group input, .floating-label-form-group textarea { font-size: 15px; font-family:arial; position: relative; z-index: 1; padding-right: 10px; padding-left: 10px; resize: none; border: 1px solid #e9e9e9; border-radius: 0; background: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; } .floating-label-form-group label { font-size: 0.85em; line-height: 1.764705882em; position: relative; z-index: 0; top: 2em; display: block; margin: 0; -webkit-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; vertical-align: middle; vertical-align: baseline; opacity: 0; } .floating-label-form-group:not(:first-child) { padding-left: 14px; border-left: 1px solid #e9ecef; } .floating-label-form-group-with-value label { top: 0; opacity: 1; } .floating-label-form-group-with-focus label { color: #18BC9C; } /* FORM DATA */ form-control { display: block; width: 100%; height: 38px; padding: 6px 12px !important; font-size: 14px !important; font-family:arial !important; line-height: 1.42857143; color: #555 !important; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } input.form-control { display: block; width: 100%; color: #555 !important; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } textarea.form-control { display: block; width: 100%; color: #555 !important; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; resize:none; } .form-control:focus { border-color: #66afe9 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); outline: 0; } .form-control::-moz-placeholder { color: #bbb !important; opacity: 1; font-family:arial !important; font-size:14px; } .form-control:-ms-input-placeholder { color: #bbb !important; font-family:arial !important; font-size:14px; } .form-control::-webkit-input-placeholder { color: #bbb !important; font-family:arial !important; font-size:14px; } .alert { font-size: 14px !important; font-family:arial !important; text-align:left !important; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 20px !important; border: 1px solid transparent; border-radius: .25rem; } .floating-label-form-group label { color:#999 !important; } .calendar-wrapper[data-theme='green'] .calendar-head-card { background-color: #8DC546 !important; color:#FFF !important; } .calendar-year, .calendar-date-wrapper { color:#FFF !important; } .calendar-date-wrapper:hover { color:#8DC546 !important; } .Short { width: 100%; background-color: #dc3545 !important; margin-top: -12px !important; margin-bottom:25px !important; height: 3px !important; color: #dc3545 !important; font-weight: 500 !important; font-size: 16px !important; display:block !important; text-align: left !important; padding-top:3px !important; } .Weak { width: 100% !important; background-color: #ffc107 !important; margin-top: -12px !important; margin-bottom:25px !important; height: 3px !important; color: #ffc107 !important; font-weight: 500 !important; font-size: 16px !important; display:block !important; text-align: left !important; padding-top:3px !important; } .Good { width: 100% !important; background-color: #28a745 !important; margin-top: -12px !important; margin-bottom:25px !important; height: 3px !important; color: #28a745 !important; font-weight: 500 !important; font-size: 16px !important; display:block !important; text-align: left !important; padding-top:3px !important; } .Strong { width: 100% !important; background-color: #d39e00 !important; margin-top: -12px !important; margin-bottom:25px !important; height: 3px !important; color: #d39e00 !important; font-weight: 500 !important; font-size: 16px !important; display:block !important; text-align: left !important; padding-top:3px !important; } .blogPostSearchResults { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #FFF; box-shadow: 0 0 2px #cbcbcb; -moz-box-shadow: 0 0 2px #cbcbcb; -webkit-box-shadow: 0 0 2px #cbcbcb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; word-break: break-all; width:100%; padding:16px; } .blogPostSearchResults:hover { background-color: #f9f9f9; } .blogPostSearchResultsDesc { font-family:arial; font-size:14px; color:black; line-height:25px; font-weight:normal; width:100%; } input, input:focus { font-size: 16px !important; font-family:arial !important; font-weight:normal !important; padding: 8px 10px !important; } .glyphicon { margin-right:4px !important; /*override*/ } .pagination .glyphicon { margin-right:0px !important; /*override*/ } .pagination a { color:#555; } .panel ul { padding:0px; margin:0px; list-style:none; } .news-item { padding:4px 4px; margin:0px; border-bottom:1px dotted #555; } li.news-item:last-child { padding:4px 4px; margin:0px; border-bottom:0px dotted #555 !important; } .panel ul li:last-child { border-bottom:0px solid #fff !important; } .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}