40 lines
4.3 KiB
CSS
40 lines
4.3 KiB
CSS
|
@charset "utf-8";
|
||
|
|
.header_bg { background-color: #f5f5f5; background-image: url(source/home-page-virat-banner-1.svg); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 100vh; }
|
||
|
|
.header_sec h1 { color: #444; font-size: 32px; font-weight: 700; padding-top: 6rem; }
|
||
|
|
.header_sec p { color: #444; font-size: 18px; font-weight: 500; margin-bottom: 4rem; }
|
||
|
|
.header_sec .nav-pills .nav-link { color: #444; text-align: center; margin-right: 30px; padding: 0 0.25rem; cursor: pointer; }
|
||
|
|
.header_sec .nav-pills .nav-link:hover, .header_sec .nav-pills .nav-link.active, .header_sec .nav-pills .show>.nav-link { color: #e31e24; background-color: inherit; }
|
||
|
|
.header_sec .nav-pills .nav-link span { float: left; height: 65px; width: 65px; background-color: #fff; border: 2px solid #fff; margin: 5px 0; }
|
||
|
|
.header_sec .nav-pills .nav-link.active span, .header_sec .nav-pills .nav-link:hover span { border: 2px solid #e31e24; }
|
||
|
|
.header_sec .nav-pills .nav-link span img { height: 50px; width: 50px; margin: 5px; }
|
||
|
|
.form_sec { background: #fff; border: 1px solid #DDD; border-radius: 4px; margin-bottom: 10px; }
|
||
|
|
.form_sec .form-group { margin-bottom: 0; border-right: 1px solid #DDD; padding-top: 18px; padding-bottom: 18px; }
|
||
|
|
.form_sec .form-group label { color: #444; font-size: 16px; font-weight: 500; margin-bottom: 0; display: block; }
|
||
|
|
.form_sec .form-group .form-control { color: #000; font-size: 18px; font-weight: 400; padding: 0; border: none; height: 27px; }
|
||
|
|
.form_sec .form-group .form-control:focus { border-color: transparent; outline: 0; box-shadow: none; }
|
||
|
|
.form_sec .form-group .form-control::placeholder { color: #aaa; }
|
||
|
|
.form_sec button { height: 48px; width: 100%; background: #e31e24; border: 1px solid #e31e24; color: #fff; font-size: 18px; font-weight: 800; margin-top: 20px; }
|
||
|
|
.form_sec .form-group .add_extension span { float: left; width: 40px; }
|
||
|
|
.form_sec .form-group .add_extension input { float: left; width: calc(100% - 40px); }
|
||
|
|
.header_sec h2 { text-transform: uppercase; color: #e31e24; font-size: 12px; margin-right: 10px; margin-top: 5px; font-weight: 800; background-color: #fff; border-radius: 20px; padding: 8px 10px; height: 30px; display: -ms-inline-flexbox; display: inline-flex; }
|
||
|
|
.header_sec h2 i { margin-left: 10px; }
|
||
|
|
.header_sec .form-check-label a { color: #000; text-decoration: underline; }
|
||
|
|
.header_sec .radio_sec { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
|
||
|
|
.header_sec .radio_sec input { position: absolute; opacity: 0; cursor: pointer; }
|
||
|
|
.header_sec .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #fff; border: 1px solid rgba(0,0,0,.36); border-radius: 50%; }
|
||
|
|
.header_sec .radio_sec input:checked ~ .checkmark { background-color: #fff; }
|
||
|
|
.header_sec .checkmark:after { content: ""; position: absolute; display: none; }
|
||
|
|
.header_sec .radio_sec input:checked ~ .checkmark:after { display: block; }
|
||
|
|
.header_sec .radio_sec .checkmark:after { top: 4px; left: 4px; width: 14px; height: 14px; border-radius: 50%; background: #e31e24; }
|
||
|
|
.more_product_modal .modal-header { border-bottom: none; }
|
||
|
|
.more_product_modal .modal-header h4 { font-size: 25px;margin: 0; color: #000; }
|
||
|
|
.more_product_modal .modal-header h4:after { content: " "; position: absolute; left: 1rem; top: 50px; background-color: #e31e24; height: 5px; width: 40px; border-radius: 10px; }
|
||
|
|
.more_product_modal .modal-body .img_sec { width: 45px; height: 45px; }
|
||
|
|
.more_product_modal .modal-body .img_sec img { width: 100%; height: 100%; }
|
||
|
|
.more_product_modal .modal-body p { font-size: 16px; font-weight: 900; margin-top: 18px; margin-bottom: 15px; }
|
||
|
|
.more_product_modal .modal-body ul { list-style-type: none; padding-left: 0; }
|
||
|
|
.more_product_modal .modal-body ul li { margin-bottom: 15px; }
|
||
|
|
.more_product_modal .modal-body ul li a { color: #444; font-size: 14px; text-decoration: none;font-weight: 400; line-height: 17px; letter-spacing: .7px; display: block; }
|
||
|
|
.more_product_modal .modal-body ul li a:hover, .modal-header .close:hover { color: #e31e24;}
|
||
|
|
.more_product_modal .modal-body .row .col:nth-child(even) { background: #f5f5f5; }
|
||
|
|
.more_product_modal .modal-body .row .col:nth-child(odd) { background: #fff; }
|