/* VARIABLES */ :root{ --text-color: #666666; } body { /* font-family: "Open Sans", sans-serif; */ /* font-size: 14px; */ /* line-height: 26px; */ color: #000; overflow-x: hidden; font-weight: 400; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { /* line-height: 1.1; */ /*font-weight:600;*/ /* color: #fff; */ margin: 0 0 15px 0; padding: 0; text-transform: capitalize; /* font-family: "Open Sans", sans-serif; */ } h1 { font-size: 40px; } h2 { font-size: 25px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .option-item a { color: #fff; } a { /* color: #fff; */ -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } a:hover { text-decoration: none; color: #cac8e0; } .row { padding-left: 7.875rem; padding-right: 7.875rem; } .row .row { padding: 0; } .clear { clear: both; } .btn { display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 15px 25px; font-size: 13px; border-radius: 0; background: #372d8e; color: #ffffff; text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; letter-spacing: 0.5; outline: hidden; } .btn:hover { background: #17114e; color: #ffffff; } .right{ float: right; } .left{ float: left; } .badge { border-radius: 2px; border:none; padding: 5px 10px; } .badge-success, .badge-success:hover{ background-color: #339966; } .badge-transparent, a.badge-transparent:hover{ border: 1px solid var(--text-color); color: var(--text-color); background-color: white; } .badge-danger, .badge-danger:hover{ background-color: #cc0000; } .badge-warning, .badge-warning:hover{ background-color: orange; } /*================================================ Header Area CSS =================================================*/ .top-header { background-color: #f5f8ff; padding-top: 10px; padding-bottom: 10px; } .top-header-social.header_account li a { display: block; margin-right: 5px; color: #000; font-size: 14px; } .top-header-social.header_account li a:last-child { margin-right: 0; } .top-header-social.header_account li a span { margin-left: 5px; } .top-header-social.header_account li a i { color: #000; margin-right: 3px; } .top-header-social.header_account li { margin-right: 5px; } .top-header-social.header_account li a:hover { color: #000; -webkit-transform: none; transform: none; } .top-header-social { padding-left: 0; margin-bottom: 0; list-style-type: none; float: right; } .top-header-social li { display: inline-block; margin-right: 10px; } .top-header-social li a { display: block; color: #000; font-size: 20px; } .top-header-social li a:hover { color: #37a4dd; -webkit-transform: translateY(-2px); transform: translateY(-2px); } .top-header-social li:last-child { margin-right: 0; } .top-header-contact-info { padding-left: 0; margin-bottom: 0; text-align: left; list-style-type: none; } .top-header-contact-info li { display: inline-block; margin-right: 10px; color: #000; font-size: 14px; position: relative; } .top-header-contact-info li i { color: #000; margin-right: 3px; } .top-header-contact-info li a { display: inline-block; font-weight: 600; } .top-header-contact-info li:first-child { margin-left: 0; } .navbar-area { -webkit-transition: 0.5s; transition: 0.5s; } .navbar-area.is-sticky { opacity: 1; /* display: none; */ visibility: visible; /* position: fixed; */ top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%); background: #ffffff !important; -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; } .navbar-brand > img { display: block; max-width: 128px; } .fashion-nav .navbar-collapse.collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5px; padding-right: 0px; } .navbar-area.navbar-style-two { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; height: auto; background-color: transparent; } .navbar-area.navbar-style-two .fashion-nav { background-color: transparent; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item a { color: #ffffff; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item a.active { color: #ffffff; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item.active a { color: #ffffff; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #000; } .navbar-area.navbar-style-two .fashion-nav .navbar .others-option { padding-left: 0; margin-left: 24px; } .navbar-area.navbar-style-two .fashion-nav .navbar .others-option::before { display: none; } .navbar-area.navbar-style-two .container-fluid { padding-left: 50px; padding-right: 50px; } .navbar-area.navbar-style-two.is-sticky { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #000 !important; -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; } .navbar-area.navbar-style-two.is-sticky .fashion-nav .navbar .others-option .option-item .default-btn { border-color: #ffffff; background-color: #ffffff; color: #000; } .navbar-area.navbar-style-two.is-sticky .fashion-nav .navbar .others-option .option-item .default-btn:hover { background-color: #000; color: #ffffff; border-color: #000; } .navbar-area.navbar-style-three { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; height: auto; background-color: transparent; } .navbar-area.navbar-style-three .fashion-nav { background-color: transparent; } .navbar-area.navbar-style-three .fashion-nav .navbar .others-option { padding-left: 0; margin-left: 24px; } .navbar-area.navbar-style-three .fashion-nav .navbar .others-option:before { display: none; } .navbar-area.navbar-style-three .fashion-nav .navbar .others-option .option-item .default-btn { background-color: #ac0001; border-color: #ac0001; color: #ffffff; border-radius: 30px; padding-top: 11px; padding-bottom: 11px; } .navbar-area.navbar-style-three .fashion-nav .navbar .others-option .option-item .default-btn:hover { color: #ffffff; border-color: #000; background-color: #000; } .navbar-area.navbar-style-three .container-fluid { padding-left: 60px; padding-right: 60px; } .navbar-area.navbar-style-three.is-sticky { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #ffffff !important; -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; } /* mobile Menu */ .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; /* background-color: rgba(0, 0, 0, 0.7); */ overflow-x: hidden; transition: 0.5s; padding-top: 0; z-index: 999; } .sidenav a { padding: 10px 0; text-decoration: none; transition: 0.3s; text-transform: capitalize; } .sidenav a:hover { color: #000; } .sidenav .closebtn { position: absolute; top: 0px; right: 20px; font-size: 36px; margin-left: 0; } .menu_open { color: #000; font-size: 24px; cursor: pointer; margin-right: 20px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .menu_open:hover { color: #37a4dd; } #mySidenav .mobile_menu_li { position: relative; } #mySidenavg .mobile_menu_li .head { position: absolute; right: 10px; top: 15px; } #mySidenav .panel.mobile_menu_li { margin-bottom: 0; background-color: #fff; border-bottom: 1px solid #eee !important; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 15px 0; } #mySidenav h3 { margin: 0; padding: 0 0 15px; font-size: 20px; color: #333; border-bottom: 1px solid #eee; } #mySidenav .mobile_menu_li ul li a { padding: 5px 15px; font-size: 13px; display: inline-block; } #mySidenav .mobile_menu_li ul { padding: 20px 0px 0px; } #mySidenav ul li .head .collapsed .plus { display: block; font-size: 20px; } #mySidenav ul li .head .minus { font-size: 20px; } #mySidenav ul li .head .plus { display: none; } #mySidenav ul li .head .collapsed .minus { display: none; } #mySidenav .mobile_menu_li .head { position: absolute; right: 10px; top: 15px; } #mySidenav .menu_slid_bg { background: #ffffff; max-width: 250px; position: relative; height: 100%; padding: 50px 15px; } #mySidenav ul { list-style: none; padding: 0px; margin: 0; max-height: 500px; overflow: auto; } /* mobile Menu */ .fashion-responsive-nav { display: none; } .fashion-nav { background-color: transparent; padding-top: 20px; padding-bottom: 20px; } .is-sticky .fashion-nav { background-color: #ffffff; padding-top: 20px; padding-bottom: 20px; } .fashion-nav .navbar { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; margin: 0; min-height: 0; border: 0px; } .fashion-nav .navbar .navbar-brand { font-size: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fashion-nav .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .fashion-nav .navbar .navbar-nav { margin-left: auto; } .fashion-nav .navbar .navbar-nav .nav-item { position: relative; } .fashion-nav .navbar .navbar-nav .nav-item a { font-size: 14px; font-weight: 400; padding-left: 8px; padding-right: 0; padding-top: 20px; padding-bottom: 20px; margin-left: 5px; margin-right: 5px; } /* .is-sticky .navbar .navbar-nav .nav-item a { color: #222222; } .is-sticky .navbar .navbar-nav .nav-item a:focus, .is-sticky .navbar .navbar-nav .nav-item a.active { color: #222222 !important; } */ /*.is-sticky .navbar .navbar-nav .nav-item a:hover, .is-sticky .navbar .navbar-nav .nav-item a:focus, .is-sticky .navbar .navbar-nav .nav-item a.active { color: #222222 !important; }*/ .fashion-nav .navbar .navbar-nav .nav-item a i { font-size: 18px; position: relative; display: inline-block; margin-left: 3px; } /*.fashion-nav .navbar .navbar-nav .nav-item a:hover, .fashion-nav .navbar .navbar-nav .nav-item a:focus, .fashion-nav .navbar .navbar-nav .nav-item a.active { color: #fff !important; }*/ .fashion-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0; } .fashion-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0; } /*.fashion-nav .navbar .navbar-nav .nav-item:hover a, .fashion-nav .navbar .navbar-nav .nav-item.active a { color: #000; }*/ .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: #ffffff; position: absolute; border: none; top: 40px; left: 0; width: 220px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; margin: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { padding: 13px 20px 11px; margin: 0; position: relative; display: block; color: #000; border-bottom: 1px dashed #e5e5e5; text-transform: capitalize; font-size: 15px; font-weight: 500; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i { margin: 0; position: absolute; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: -220px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -220px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #000; } .fashion-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .fashion-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .others-option { position: relative; margin-left: 0; padding-left: 0; } .others-option:before { content: ""; position: absolute; left: 0; top: 5px; width: 2px; height: 25px; background-color: transparent; } .others-option .option-item { display: inline-block; margin-left: 10px; position: relative; z-index: 3; } .others-option .option-item:first-child { margin-left: 0; } .others-option .option-item .search-btn-box { position: relative; } .others-option .option-item .search-btn-box .search-btn { cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; padding-right: 10px; } .others-option .option-item .search-btn-box .search-btn:hover { color: #cac8e0; } .others-option .option-item .cart-btn { position: relative; /* top: 5px; */ } .others-option .option-item .cart-btn a { display: inline-block; position: relative; color: #000; } .others-option .option-item .cart-btn a span { position: absolute; right: -10px; top: -9px; width: 17px; height: 17px; text-align: center; line-height: 11px; border-radius: 50%; color: #ffffff; background-color: #000; font-size: 10px; font-weight: 600; } .others-option .option-item .cart-btn a:hover { color: #000; } .others-option .option-item .default-btn { border-color: #000; background-color: #000; color: #ffffff; } .others-option .option-item .default-btn:hover { background-color: #000; color: #ffffff; border-color: #000; } @media only screen and (max-width: 991px) { .fashion-responsive-nav { display: block; } .fashion-responsive-nav .fashion-responsive-menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .mean-nav { margin-top: 60px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .mean-nav ul { font-size: 14px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .mean-nav ul li a.active { color: #000; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .mean-nav ul li li a { font-size: 14px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; height: 341px; -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item { overflow: hidden; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .container { padding-left: 0; padding-right: 0; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row { display: block; -ms-flex-wrap: unset; flex-wrap: unset; margin-left: 0; margin-right: 0; margin-top: -20px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: 100%; padding-left: 0; padding-right: 0; padding-top: 20px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child { margin-bottom: 15px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a { width: 100%; float: unset; display: block; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { color: #000; position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 5px; margin-top: 25px; margin-left: 15px; margin-right: 15px; font-size: 13.5px; font-weight: 600; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:before { width: 30px; height: 1px; content: ""; position: absolute; left: 0; bottom: -1px; background-color: #000; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { margin-top: 5px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a { border-bottom: none !important; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand { display: none !important; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu { width: auto; overflow: hidden; display: block !important; padding-left: 15px; padding-right: 15px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { border: none; margin-top: 15px; color: #666666; padding: 0; font-weight: 400; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { color: #000; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products { overflow: hidden; position: relative; text-align: center; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products img { -webkit-transition: 0.5s; transition: 0.5s; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category { position: absolute; left: 0; d-webkit-transition: 0.5s; transition: 0.5s; right: 0; bottom: 0; background-color: #ffffff; padding: 15px; margin-left: 10px; margin-right: 10px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category h4 { text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; font-size: 15px; font-weight: 600; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .link-btn { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:not(:first-child) { margin-top: 15px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover .category { bottom: 10px; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides { margin-top: 0; border-top: none; border-bottom: none; border-left: none; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides .brand-item a { display: block !important; padding: 20px !important; width: auto !important; } .fashion-responsive-nav .fashion-responsive-menu.mean-container .others-option { display: none !important; } .fashion-responsive-nav .mean-container a.meanmenu-reveal { color: #000; } .fashion-responsive-nav .mean-container a.meanmenu-reveal span { background: #000; } .fashion-responsive-nav .logo { position: absolute; left: 40px; width: 50px; z-index: 1; float: left; } .fashion-responsive-nav .logo a { display: inline-block; } .fashion-nav { display: none; } .navbar-area { padding-top: 18px; padding-bottom: 18px; } .navbar-area.navbar-style-two .fashion-responsive-nav .mean-container a.meanmenu-reveal { color: #ffffff; } .navbar-area.navbar-style-two .fashion-responsive-nav .mean-container a.meanmenu-reveal span { background: #ffffff; } .fashion-responsive-nav .others-option { margin-left: 0; padding-left: 0; width: 50%; float: right; text-align: right; } .fashion-responsive-nav .others-option:before { left: auto; right: 0; } } /* Search Style */ #search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; display: none; } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 999; display: block; overflow-y: auto; } #search input[type="search"] { position: absolute; top: 50%; left: 0; margin-top: -51px; width: 60%; margin-left: 20%; color: #000; background: transparent; border-bottom: 2px solid #000; border-left: 0px solid transparent; border-right: 0px solid transparent; font-size: 40px; /* font-family: Roboto; */ font-weight: 300; outline: none; padding: 10px; border-top: 0; text-align: left; } #search input[type="search"].placeholder { text-align: center; } #search .close { position: fixed; top: 15px; right: 100px; opacity: 1; font-size: 27px; color: #11100f; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #search .close:hover { color: #ff4562; cursor: pointer; } #search form { position: absolute; left: 0; right: 0; margin: auto; height: 66px; bottom: 0; top: 0; } #search .input-group-btn .btn { top: 4px; margin-right: 20%; font-weight: 300; text-align: center; border: 0; height: 0; z-index: 999; box-shadow: none; background: transparent; float: right; font-size: 21px; color: #000; right: 0; outline: none; } /* silder */ html body .owl-wrapper-outer { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 4px; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .silder_wrapper .owl-pagination { top: -40px; } .silder_wrapper .owl-controls .owl-page { border: 1.5px solid #ffffff; } .silder_wrapper .owl-controls .owl-page span { background: #ffffff; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3); border-color: #ffffff; } html body .owl-carousel .owl-buttons .owl-prev, html body .owl-carousel .owl-buttons .owl-next { background: #000; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; opacity: 0; margin-left: 10px; } html body .owl-carousel:hover .owl-buttons .owl-prev, html body .owl-carousel:hover .owl-buttons .owl-next { opacity: 1; } html body .owl-carousel .owl-buttons .owl-prev:hover, html body .owl-carousel .owl-buttons .owl-next:hover { background: #37a4dd; } html body .owl-carousel .owl-buttons div i { font-size: 18px; color: #ffffff; } html body .owl-pagination { text-align: center; position: relative; } .owl-controls .owl-page { border: 1.5px solid #000; padding: 2px; padding: 3px; border-radius: 100%; } html body .owl-controls .owl-page span { display: block; width: 11px; height: 11px; background: #000; border-radius: 100%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-color: #000; } html body .owl-controls .owl-page.active span { background: #000; border-color: #000; } html body .owl-controls .owl-page.active { border-color: #000; } html body .owl-carousel { margin: 0; background: transparent; } #about_us.about_section { padding: 220px 0; background: transparent; } #about_us.about_section h2, .about_section h3 { margin-bottom: 15px; } #about_us.about_section p { line-height: 28px; text-align: center; font-size: 14px; } #about_us.about_section h2.about_contact { color: #000; font-size: 36px; font-weight: 700; } #about_us.about_section .about_text .btn { margin-top: 5px; } #about_us.about_section img { border-radius: 5px; box-shadow: hsl(0, 0%, 80%) 0 0 16px; background-color: hsl(0, 0%, 100%); width: auto; } .about_text p { color: #000; } /* footer */ #footer { padding: 60px 0; background: #222222; } #footer .footer_newslatter { background: #1a1a1a; padding: 25px 34px 25px 40px; border-radius: 111px; position: relative; z-index: 1; overflow: hidden; } #footer .footer_newslatter .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #footer .footer_newslatter strong { letter-spacing: 1px; text-transform: uppercase; display: block; color: #fff; font-size: 24px; line-height: 36px; } #footer .footer_newslatter .box p { font-size: 18px; color: #fff; letter-spacing: 1px; margin: 8px 0 0; } #footer #newsletter { position: relative; overflow: hidden; display: block; border-radius: 48px; } #footer #newsletter label { position: relative; margin: 0; float: none; border: none; display: block; } #footer #newsletter input { box-shadow: none; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 100%; outline: none; background: #fff; border: none; color: #412a58; letter-spacing: 1px; padding: 14px 125px 14px 22px; border-radius: 48px; height: 48px; resize: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #footer #newsletter a { display: inline-block; position: absolute; color: #fff; padding: 0 20px; line-height: 48px; border-radius: 0; top: 0; right: 0; background: #37a4dd; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #footer .box:after { position: absolute; right: -250px; top: -375px; width: 750px; height: 750px; background: #000; content: ""; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #footer .footer_matter { width: 100%; padding-top: 20px; } #footer .footer_matter ul { list-style: none; margin: 0; padding: 0; } #footer .footer_matter ul li a { color: #999999; font-size: 14px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #footer .footer_matter .footer_list_wrapper li a i { margin-right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #footer .footer_matter .footer_list_wrapper li a:hover i { margin-right: 3px; } #footer .footer_matter .footer_list li a:hover { color: #000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #footer .footer_matter ul li { margin-bottom: 8px; } #footer .footer_matter h2 { font-size: 20px; color: #ffffff; padding-bottom: 20px; } #footer .footer_matter .footer_logo_wrapper h3 { font-size: 26px; color: #000; font-weight: bold; padding-top: 23px; margin-left: 10px; } #footer .footer_matter .footer_logo_wrapper p { margin: 20px 0 20px; color: #999999; margin-left: 10px; } #footer h4 { margin-left: 10px; } #footer .footer_matter .footer_logo_wrapper li a { float: left; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #282828; color: #ababab; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #footer .footer_matter .footer_logo_wrapper li a { font-size: 15px; } #footer .footer_matter .footer_logo_wrapper li { float: left; margin-left: 10px; } #footer .footer_matter .footer_logo_wrapper li:first-child { margin-left: 0; } #footer .footer_matter .footer_logo_wrapper ul { display: inline-block; margin-top: 0px; } #footer .footer_matter .footer_logo_wrapper li a:hover { background: #000; color: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #footer .footer_matter .download_btn_wrapper img { padding-bottom: 20px; } #footer .footer_matter .download_btn_wrapper { float: left; width: 100%; margin-top: 30px; } #footer .footer_matter .download_btn_wrapper { color: #999999; } .footer_copyright { width: 100%; position: relative; background: #fff; padding-top: 150px; padding-bottom: 70px; text-align: center; } .footer_copyright a { color: #000; } .footer_copyright a:hover { color: #37a4dd; } /* ******************************back-to-top scrtion *******************************************/ .back-to-top { cursor: pointer; z-index: 1000; background-color: #372d8e !important; width: 43px; bottom: 85px; right: 22px; height: 43px; line-height: 43px; overflow: hidden; position: fixed; display: block; text-align: center; border-radius: 3px; opacity: 1; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .back-to-top.hidden-top { bottom: -100px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .back-to-top:hover { background-color: #666; } .back-to-top i { font-size: 30px; margin: 0; color: #fff; display: block; height: 43px; line-height: 40px; background: #372d8e; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .back-to-top i:hover { background: #372d8e; } .back-to-top i:before { content: "\f102"; } /* ****************************** back-to-top scrtion end*******************************************/ /********************************* products wrapper *********************************/ #products.products_section { padding: 50px 0; } .products_section .product-thumb { margin-bottom: 83px; height: 450px; object-fit: scale-down; } #products.products_section .product-thumb .image { margin-bottom: 20px; /* -webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.1); */ background: white; border-radius: 10px; position: relative; text-align: center; } #products.products_section .product-thumb .image img { width: 100%; max-height: 400px; } #products.products_section .product-thumb .caption { text-align: center; } #products.products_section .product-thumb .caption .rating i { font-size: 14px; color: #ffcc00; margin-bottom: 8px; } #products.products_section .product-thumb .caption h4 { margin-bottom: 8px; } #products.products_section .product-thumb .caption h4 a { color: var(--text-color); line-height: 1.5; letter-spacing: 1.2px; font-weight: 400; } #products.products_section .product-thumb .caption .price .price-old { color: #000; text-decoration: line-through; margin-right: 10px; font-size: 13px; } #products.products_section .product-thumb .caption .price .price-new { text-align: center; /*font-size: 18px;*/ margin-top: 10px; color: var(--text-color); } #products.products_section .product-thumb .button-group { position: absolute; text-align: center; z-index: 1; right: 0; left: 0; bottom: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0; } #products.products_section .product-thumb .button-group button { text-transform: uppercase; width: auto; border: none; display: inline-block; vertical-align: top; line-height: 1; height: 46px; padding: 0; /* background-color: #00106d; color: #fff; */ font-size: 16px; font-weight: normal; /*border-radius: 5px;*/ /*-webkit-border-radius: 5px;*/ -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; outline: 0; border-right: 1px solid #eeeeee; padding: 10px 79px 10px 79px; } #products.products_section .product-thumb .button-group button:last-child { border-right: 0px solid #eeeeee; } #products.products_section .product-thumb .button-group button:hover { /* background: #00106d; color: #fff; */ } #products.products_section .product-thumb .button-cart:before { content: "\f07a"; } #products.products_section .product-thumb .button-group button:before { font-family: FontAwesome; display: inline-block; vertical-align: middle; line-height: inherit; font-weight: normal; } #products.products_section .product-thumb .button-group button span { display: none; } #products.products_section .product-thumb:hover .button-group { opacity: 1; bottom: 2rem; } #products.products_section .product-thumb .sale { position: absolute; left: 2rem; top: 2rem; min-width: 4rem; color: #ffffff; text-transform: uppercase; font-size: 1.2rem; font-weight: 400; line-height: 2rem; height: 2rem; z-index: 1; text-align: center; letter-spacing: 0; border-radius: 5px; background: #000; } #products.products_section .product-thumb .caption button i { margin-right: 3px; } /********************* about us CSS *******************************/ .about_page #about_us.about_section { padding: 0px 0 50px; background: #ffffff; } #content.about_page { padding: 50px 0 0; } /* **********************cart page *********************/ #cart .table-cart { text-align: center; border: 1px solid #eee; width: 100%; max-width: 100%; } #cart .table-custom th { padding: 20px 25px; font-size: 20px; line-height: 1.72; font-weight: 500; letter-spacing: 0.5px; text-transform: capitalize; color: #222222; background: #f5f8ff; text-align: center; } #cart .table-cart td:first-child { display: flex; align-items: center; min-width: 100%; width: 50%; } #cart .table-cart th:first-child, #cart .table-cart td:first-child { text-align: left; } #cart .table-cart td:nth-child(3) { min-width: 150px; } #cart .table-cart td:nth-child(2), #cart .table-cart td:nth-child(4) { min-width: 100px; } #cart .table-cart td:nth-child(2), #cart .table-cart td:nth-child(4) { width: 13%; } #cart .table-cart tbody tr td { padding: 12px 14px; color: #222222; } #cart .table-cart tbody tr:first-child td { padding-top: 26px; } #cart .table-cart-figure img { vertical-align: middle; background: #f5f8ff; max-width: 125px; border-radius: 4px; } #cart .table-cart-figure + a { margin-left: 30px; } #cart .table-cart tbody tr td { padding: 12px 14px; font-size: 18px; } #cart .table-cart-stepper .stepper input { width: 100%; padding: 10px; border-radius: 4px; box-shadow: none; border: 1px solid #eee; outline: 0; text-align: center; max-width: 100px; } #cart .table-custom-responsive + .group-justify { margin-top: 35px; } #cart .group-justify { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #cart .eb-form input { border: 1px solid #eee; padding: 15px; border-radius: 4px; outline: 0; font-size: 14px; min-height: 50px; } #cart .eb-form-inline .form-wrap { flex-grow: 1; min-width: 185px; } #cart .eb-form-coupon > * { display: inline-block; margin-top: 0; margin-bottom: 16px; margin-left: 16px; } #cart .eb-form-coupon { margin-bottom: -16px; margin-left: -16px; vertical-align: top; } #cart .eb-form-inline .form-button .btn { /* background-color: #000; */ min-width: 190px; box-shadow: none; border: 0; min-height: 58px; /* color: #ffffff; */ font-weight: 600; } #cart .eb-form-inline .form-button .btn:hover { /* background: #000; color: #ffffff; */ } #cart .group-xl > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 40px; } #cart .group-middle { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; } #cart .group-xl { margin-bottom: -30px; margin-left: -40px; } #cart .group-xl > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 40px; } #cart .group-middle a { min-width: 250px; box-shadow: none; border: 0; min-height: 58px; line-height: 38px; } #cart .text-gray-500 { color: #9b9b9b; font-size: 18px; } #cart .font-weight-normal { font-size: 30px; color: #222222; margin-left: 25px; } /* products page */ #products_products .single_product_image .sale { position: absolute; left: 35px; top: 20px; min-width: 4rem; color: #ffffff; text-transform: uppercase; font-size: 1.2rem; font-weight: 400; line-height: 2rem; height: 2rem; z-index: 1; text-align: center; letter-spacing: 0; border-radius: 5px; background: #37a4dd; } #products_products .single_products_left_side h2{ letter-spacing: 1.2px; } #products_products .single_products_left_side .small-text{ font-weight: 300; } #products_products .single_products_left_side .rating i { font-size: 14px; color: #ffd200; margin-bottom: 8px; } #products_products .single_products_left_side .rating span.border { padding: 0 10px; } #products_products .single_products_left_side .rating a { color: var(--text-color); font-size: 14px; } #products_products .single_products_left_side .rating a i { color: var(--text-color); } #products_products .single_products_left_side .in-stock { background: transparent; border: 2px solid #37a4dd; color: #37a4dd; padding: 4px; text-align: center; border-radius: 30px; max-width: 110px; margin-bottom: 20px; } #products_products .single_products_left_side .price-block { position: relative; margin-bottom: 10px; margin-top: 20px; } #products_products .single_products_left_side .price-box { display: block; margin: 0px; padding: 15px 0px; position: relative; min-height: inherit; } #products_products .single_products_left_side .price-box { border-bottom: 0px solid #eee; margin: 0; padding: 0; } #products_products .single_products_left_side .old-price { margin: 0px; margin-top: 0; display: inline-block; } #products_products .single_products_left_side .special-price { display: inline-block; margin: 0; padding: 0; } #products_products .single_products_left_side .old-price .price { font-size: 18px; font-weight: normal; margin-left: 10px; color: var(--text-color); text-decoration: line-through; } #products_products .single_products_left_side .price { font-size: 18px; color: var(--text-color); font-weight: normal; } #products_products .single_products_left_side .price-label { font-weight: 900; white-space: nowrap; color: var(--text-color); display: none; } #products_products .single_products_left_side .old-price .price-label { color: var(--text-color); display: none; white-space: nowrap; } #products_products .single_products_left_side .add-to-box { padding: 15px 0; overflow: hidden; text-align: left; margin-bottom: 0px; } .add-to-box .custom { background: #fff; border: 1px solid #eee; border-radius: 5px; } #products_products .single_products_left_side .add-to-box .btn-cart { font-size: 15px; text-shadow: none; padding: 7px 20px 6px; margin-top: 0px; margin-left: 15px; border: none; height: 50px; outline: 0; } #products_products .single_products_left_side .add-to-box .btn-cart:hover { text-shadow: none; } #products_products .single_products_left_side .add-to-box .icon-basket { margin-right: 5px; } .add-to-cart .qty, .qty-holder .qty { background-color: white; border: 1px solid #ececec; border-radius: 0px; font-weight: bold; outline: none; box-shadow: none; } .add-to-cart .qty { height: 30px; text-align: center; width: 100px; vertical-align: top; color: var(--text-color); background-color: white; padding: 15px; outline: none; margin-right: 5px; } .add-to-cart .qty:focus { outline: none; border: 1px solid #ececec; box-shadow: none; } .pro-counter button{ padding: 10px 40px; border:none; transition: 0.2s; text-transform: uppercase; } .image-tag { font-size: 20px !important; font-weight: 700; margin-bottom: 66px; } .bottom-img p { font-size: 15px; } .qty-input-text { float: left; margin-left: 10px; } .custom button.items-count { transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; font-size: 12px; line-height: 0px; padding: 13px 12px 9px 12px; height: 48px; width: 40px; background: transparent; border: 0; outline: 0; color: #000; } .custom button.items-count:hover { color: #37a4dd; } .email-addto-box { display: inline-block; margin-top: 20px; } .product-view .email-friend a span { font-size: 14px; font-weight: normal; } .product-view .promo-banner { margin-top: 20px; } #products_products .single_products_left_side ul.add-to-links { margin: 0; padding: 0; margin-top: 0px; display: inline-block; } #products_products .single_products_left_side .add-to-links li { display: inline-block; padding: 0px 7px 0px 0px; list-style-type: none; margin-bottom: 10px; } #products_products .single_products_left_side .add-to-links span { font-size: 14px; margin-left: 5px; font-weight: normal; } #products_products .single_products_left_side .add-to-links li a:hover { color: #fff; background: #fe5f6d; } #products_products .single_products_left_side .short-description { padding-top: 40px; } #products_products .single_products_left_side .email-addto-box { display: inline-block; margin: 20px 0 10px; } #products_products .single_products_left_side .link-wishlist { background: #efecec; color: #333; line-height: normal; font-weight: normal; vertical-align: top; display: block; height: 38px; border: none; line-height: 36px; vertical-align: top; text-align: center; border-radius: 5px; padding: 0px 15px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } #products_products .single_products_left_side .link-wishlist:before { content: "\f004"; font-family: FontAwesome; font-size: 13px; margin-right: 3px; } #products_products .single_products_left_side .link-compare { background: #efecec; color: #333; line-height: normal; font-weight: normal; vertical-align: top; display: block; height: 38px; border: 0px #ececec solid; line-height: 36px; vertical-align: top; text-align: center; border-radius: 5px; padding: 0px 15px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } #products_products .single_products_left_side .link-compare:before { content: "\f012"; font-family: FontAwesome; font-size: 13px; margin-right: 3px; } #products_products .single_products_left_side .email-friend a { background: #efecec; color: #333; line-height: normal; font-weight: normal; vertical-align: top; display: block; height: 38px; border: 0px #ececec solid; line-height: 36px; vertical-align: top; text-align: center; border-radius: 5px; padding: 0px 15px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } #products_products .single_products_left_side .email-friend { font-size: 12px; display: inline-block; margin-bottom: 0px; vertical-align: top; margin-left: 0px; } #products_products .single_products_left_side .email-friend a:before { content: "\f0e0"; font-family: FontAwesome; font-size: 14px; margin-right: 6px; } #products_products .single_products_left_side .email-friend a:hover { color: #fff; background: #fe5f6d; } #products_products .single_products_left_side .add-to-links li .separator { display: none; } ul.shipping-pro { padding: 0px 0 0 20px; font-size: 14px; margin-top: 5px; display: inline-block; width: 100%; font-weight: normal; } ul.shipping-pro li { padding: 3px 0px; } /* tads style */ .product-tabs { margin: 25px 0px 0; padding: 0px 0px; text-align: left; width: 100%; border: medium none; border-radius: 4px; line-height: inherit; margin-bottom: auto; min-height: inherit; background: #f5f8ff; } .nav-tabs.product-tabs > li { display: inline-block; float: none; margin-bottom: auto; } .nav-tabs.product-tabs > li > a { color: #333; padding: 15px 15px 12px; border: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .nav-tabs > li > a:hover { border: none; color: #fff; background: #372d8e; border-radius: 5px; transition: all 0.3s cubic-bezier(0.8, 0, 0, 1) 0s; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-radius: 5px; color: #fff; background: #372d8e; padding: 15px 15px 12px; border: 0px solid #00a6ed; } .tab-content > .active { margin-top: 10px; } .box-tags .input-box input { border: 1px solid #eee; float: left; margin-top: 0; padding: 6px; width: 25%; border-radius: 4px; margin-right: 15px; outline: 0; } .box-tags .input-box { margin-bottom: 15px; } .commentlist .avatar { width: 70px; height: 70px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .commentlist .comment-text { overflow: hidden; padding-left: 20px; } .commentlist .comment { list-style: none; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; } .rating-box .rating { float: left; height: 9px; background: url(../image/bkg_rating.png) 0 100% repeat-x; } .rating-box { width: 60px; height: 10px; font-size: 0; line-height: 0; background: url(../image/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .ratings .rating-box { display: inline-block; } .eb-Reviews-title { margin-top: 25px; } .comment-respond .comment-reply-title { display: block; font-size: 16px; line-height: 20px; color: #000000; padding-bottom: 15px; margin: 50px 0 30px 0; border-bottom: 1px solid #eee; } .comment-respond .stars { margin-bottom: 20px; } .comment-respond .stars a:first-child { padding-left: 0; } .comment-respond .stars a { font-size: 0; color: #ccc; display: inline-block; border-right: 1px solid #e6e6e6; padding: 0 10px; line-height: 12px; } .comment-respond .stars a.star-1:before { content: "\f005"; } .comment-respond .stars a.star-2:before { content: "\f005\f005"; } .comment-respond .stars a.star-3:before { content: "\f005\f005\f005"; } .comment-respond .stars a.star-4:before { content: "\f005\f005\f005\f005"; } .comment-respond .stars a.star-5:before { content: "\f005\f005\f005\f005\f005"; } .eb-Reviews .comment-respond .stars a:hover { color: #fed700; } .comment-respond .form-submit input[type="submit"] { display: inline-block; height: 44px; line-height: 44px; padding: 0 25px; border-radius: 5px; color: #ffffff; border: none; width: auto; } .comment-respond .stars a:before { font-family: "FontAwesome"; font-size: 12px; display: inline-block; letter-spacing: 2px; } .comment-respond .comment-form textarea { padding: 8px 10px; outline: none; color: #999; border: 1px solid #eee; width: 100%; border-radius: 5px; } .comment-respond .comment-form input { padding: 8px 10px; outline: none; color: #999; border: 1px solid #eee; width: 100%; border-radius: 5px; } .comment-respond .comment-form label { font-size: 14px; font-weight: 600; line-height: 19px; color: #333333; display: block; } #products.related_product { padding: 50px 0 0 0; } /* bolgs page */ #blogs.blog_section .blog_inner_matter { margin-bottom: 30px; } #blogs.blog_section { padding: 0; background: #ffffff; } #sidebar_blog.sidebar_blog .image { width: 42%; float: left; } #sidebar_blog.sidebar_blog .blog_text_matter { text-align: left; width: 50%; float: left; margin-left: 20px; } #sidebar_blog.sidebar_blog .blog_text_matter h3 { padding: 0; margin: 0; font-size: 14px; line-height: 20px; } #sidebar_blog.sidebar_blog .blog_inner_matter .blog_date { padding: 2px 7px; font-size: 10px; border-radius: 0 8px 0 0; } #sidebar_blog.sidebar_blog .blog_inner_matter .admin_and_comments { margin: 3px 0 0; font-size: 11px; } #sidebar_blog.sidebar_blog .blog_inner_matter .admin_and_comments .blog_admin { margin-right: 0; border-right: 0; padding-right: 0; } #sidebar_blog.sidebar_blog .btn { margin-bottom: 0; font-weight: 500; padding: 0; font-size: 13px; border-radius: 0; background: transparent; color: #333333; text-transform: capitalize; } #sidebar_blog.sidebar_blog .btn:hover { background: transparent; color: #37a4dd; } .blog_page #sidebar_blog.sidebar_blog .blog_inner_matter { margin-bottom: 20px; } #tags ul { list-style: none; padding: 0; margin: 0; } #tags ul li { display: inline-block; float: none; margin-right: 10px; margin-bottom: 10px; } .blog_margin { margin-bottom: 20px; } .blog_details #blogs.blog_section .blog_inner_matter .admin_and_comments { margin: 15px 0 15px; } .comment-form .field { margin-bottom: 15px; } em.required { color: red; } /***** contact page ****/ .contact-box-title { font-weight: 600; letter-spacing: 0.5px; text-transform: capitalize; color: #333333; } .contact-box-wrap .top-header-social { float: none; } .contact-box-wrap .top-header-social li { margin-right: 15px; } .contact-box-item:first-child { padding-top: 0; } .contact-box-item + .contact-box-item { border-top: 1px solid #eee; } .contact-box-item { padding-top: 27px; padding-bottom: 27px; } .contact-box-title + * { margin-top: 20px; } .contact-box-item .link-inline i { color: #37a4dd; margin-right: 5px; } .contact-box { max-width: 400px; margin-left: auto; margin-right: auto; padding-left: 25px; border-left: 1px solid #eee; } /* 404page */ .not_found { padding: 20px 0; text-align: center; } .not_found img { max-width: 400px; margin-bottom: 30px; } .not_found h2 { font-size: 60px; letter-spacing: 0; } .not_found h1 { font-size: 200px; display: inline-block; padding: 0; font-weight: 700; /* font-family: "Karla", sans-serif; */ } .not_found h1 span { color: #37a4dd; } .not_found .btn { margin-top: 30px; padding: 18px 40px; } /* register_page */ #register .signInclass { margin-top: 14px; /* cursor: pointer; */ } #register button.btn { margin-top: 5px; } #register ul { margin-top: 0; margin-bottom: 10px; padding: 0; list-style: none; } #register ul li { margin-bottom: 20px; } #register ul li i { margin-right: 5px; color: #c6ab83; } #register .registration p { margin: 0 0 20px; } #register .custom-checkbox { position: relative; } #register .custom-checkbox label { margin-left: 20px; } #register .eb-form input[type="checkbox"] { margin-left: 0; } .login_box { padding: 40px 195px; background: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); } .login_box h3{ color: var(--text-color); margin: 0 0 1.5em; font-weight: 400; } .login_box button{ padding: 10px 40px; border:none; transition: 0.2s; text-transform: uppercase; } .login_page .login_box { max-width: 900px; margin: auto; } /* background color pages*/ /* .head-bacg { background-color: #372d8e; } */ .is-sticky .head-bacg { background-color: #fff; } .head-bacg .navbar .navbar-nav .nav-item a { color: #ffffff; } #shiping.about_section p { line-height: 28px; text-align: left; font-size: 14px; } .is-sticky .fa { color: #000 !important; } /*.navbar-area .fa{ color: #fff; }*/ .is-sticky .search-btn-box .fa { color: #000 !important; } /*.navbar-area .search-btn-box .fa{ color: #fff; }*/ .box { float: left; overflow: hidden; background: #f0e68c; display: none; } /* Add padding and border to inner content for better animation effect */ .box-inner { width: 400px; padding: 10px; border: 1px solid #fff; height: auto; background-color: #fff; font-size: 14px; font-weight: 400; } .slide-toggle { background: transparent; border: none; float: left; outline: none; color: #fff; } .cart-btn span { background: transparent; padding: 4px 6px 4px 6px; border-radius: 113px; width: auto; font-size: 10px; max-width: 26px; height: 10px; top: -16px; position: relative; color: #fff; } .cart-btn button .fa { font-size: 24px; color: #fff; } .cart-btn button { background-color: transparent; outline: none; border: none; } .cart-btn button :hover { background-color: transparent !important; outline: none; } #about_us_two { padding-top: 40px; } #shiping { padding-top: 40px; } /*jjjjjjjjjjjjjjjjjjj*/ #sidebar { background: #fff; transition: all 600ms; position: relative; } #sidebar.active { margin-left: -250px; display: contents; } #sidebar .sidebar-header { padding: 20px; background: #fff; float: right; margin-right: -121px; border-left: 2px solid #acb9ff; transition: all 600ms ease; width: 0; padding: 0; height: auto; padding: 18px 42px 18px 3px; } #sidebar ul.components { padding: 20px 0; /* border-bottom: 1px solid #47748b; */ } #sidebar ul p { color: #000; padding: 10px; } #sidebar ul li a { padding: 10px; font-size: 1.1em; display: block; color: #000; } #close_cart { right: 0px; } #close_cart i{ color: var(--text-color); } .price--amount { text-align: right; } .about_text h2 { color: #000; text-align: center; font-size: 36px; /* font-family: Karla, sans-serif; */ margin: 0â 0â 1.5em; } #sidebar button.checkout_btn { display: inline-block; margin-bottom: 15px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 12px 70px; width: 100%; border-radius: 0; /* background: #372d8e; color: #ffffff !important; */ text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; letter-spacing: 0.5; outline: hidden; } .cart-page { overflow: auto; overflow-y: scroll; height: auto; max-height: 80vh; } .cart-page .col-sm-4, .cart-page .p-name{ margin-bottom: 20px; } #sidebar button a { color: #ffffff; } #sidebar ul li a:hover { color: #262933; background: #fff; } #sidebar ul.components { display: none; } #sidebar ul li.active > a, a[aria-expanded="true"] { color: #fff; background: #1b1d24; } a[data-toggle="collapse"] { position: relative; } .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20%; transform: translateY(-50%); } .wrapper { display: flex; text-decoration: none; transition: all 0.4s; } @media (max-width: 768px) { #sidebar { margin-left: -250px; } #sidebar.active { margin-left: 0; } #sidebarCollapse span { display: none; } } #contents { width: 100%; padding: 0px 1px; transition: all 0.4s; } /**********************Products Pages**********************************/ .single_products_left_side h2 { color: #000 !important; font-size: 30px; } .single_products_left_side { padding: 0 16px; } .btn-cart { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid #23145f; padding: 10px 78px; font-size: 13px; border-radius: 1px; background: #fff; color: #130e0e; text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; letter-spacing: 0.5; font-size: 18px; margin-bottom: 15px; } .by-it { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid #23145f; padding: 10px 78px; font-size: 13px; border-radius: 1px; background: #00106d; color: #fff; text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; letter-spacing: 0.5; font-size: 18px; margin-bottom: 15px; } .short-description h3 { color: #000; } .product-tab { padding: 12px 0; border-top: 1px solid #ececec; text-align: left; } .product-tabs { margin: 20px 0; } .product-tab-title { display: block; position: relative; padding: 0px 40px 0 0; cursor: pointer; } .is-active .product-tab-title::before { width: 100%; opacity: 0; -webkit-transition-property: width 0s linear 0s, opacity 0.5s ease; -webkit-transition-duration: 0.35s; -webkit-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition-property: width 0s linear 0s, opacity 0.5s ease; -moz-transition-duration: 0.35s; -moz-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -moz-transition-delay: 0s; -o-transition-property: width 0s linear 0s, opacity 0.5s ease; -o-transition-duration: 0.35s; -o-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -o-transition-delay: 0s; -ms-transition-property: width 0s linear 0s, opacity 0.5s ease; -ms-transition-duration: 0.35s; -ms-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -ms-transition-delay: 0s; transition-property: width 0s linear 0s, opacity 0.5s ease; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); transition-delay: 0s; } .product-tab-title::before, .product-tab-title::after { content: ""; position: absolute; left: 0; top: -12px; bottom: -12px; width: 0; opacity: 0.35; background: #d3d3d3; } .product-tab-title .icon-toggle { position: absolute; top: 50%; right: 10px; width: 15px; height: 1px; } .is-active .product-tab-title .icon-toggle::before { -moz-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } .is-active .product-tab-title .icon-toggle::after { -moz-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .is-active .product-tab-title::after { width: 0; opacity: 0.35; transition: none; } .is-active .product-tab-content { margin: 10px 0; max-height: 2000px; -webkit-transition-property: max-height 0.3s cubic-bezier(1, 0, 1, 0.5), margin 0.3s linear; -webkit-transition-duration: 0.35s; -webkit-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition-property: max-height 0.3s cubic-bezier(1, 0, 1, 0.5), margin 0.3s linear; -moz-transition-duration: 0.35s; -moz-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -moz-transition-delay: 0s; -o-transition-property: max-height 0.3s cubic-bezier(1, 0, 1, 0.5), margin 0.3s linear; -o-transition-duration: 0.35s; -o-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -o-transition-delay: 0s; -ms-transition-property: max-height 0.3s cubic-bezier(1, 0, 1, 0.5), margin 0.3s linear; -ms-transition-duration: 0.35s; -ms-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -ms-transition-delay: 0s; transition-property: max-height 0.3s cubic-bezier(1, 0, 1, 0.5), margin 0.3s linear; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); transition-delay: 0s; } #shopify-product-reviews { *zoom: 1; display: block; clear: both; overflow: hidden; margin: 1em 0; text-align: left; } #shopify-product-reviews:before, #shopify-product-reviews:after { content: " "; display: table; } .spr-container { padding: 15px 24px !important; border: 1px solid #ececec; } .product__reviews textarea{ width: 100%; outline: none; } .product__reviews .submit_review, .close_modal_button{ padding: 10px 40px; border:none; transition: 0.2s; text-transform: uppercase; float: right; margin-top: 10px; } p.review_customer{ margin: 0; } .spr-container:before, .spr-container:after { content: " "; display: table; } .spr-header-title { *zoom: 1; font-size: 24px; margin: 0 0 12px 0; } .spr-header-title:before, .spr-header-title:after { content: " "; display: table; } .spr-header-title:after { clear: both; } .spr-summary:before, .spr-summary:after { content: " "; display: table; } .spr-summary-actions-newreview { float: right; color: #000; } .spr-header:after { clear: both; } .spr-reviews { margin: 24px 0 0 0; } .spr-review, .spr-form { border-color: #ececec; } .spr-form > form { margin: 0; } .product-form input, .product-form textarea, .product-form select, #collection-sorting input, #collection-sorting textarea, #collection-sorting select { border: 1px solid #d3d3d3; } .spr-form-title { font-size: 16px; line-height: 24px; margin-top: 0; } .spr-form-contact, .spr-form-review, .spr-form-actions { *zoom: 1; padding: 0; border: 0; margin: 0; } .spr-form-contact-name, .spr-form-contact-email, .spr-form-contact-location, .spr-form-review-rating, .spr-form-review-title, .spr-form-review-body { *zoom: 1; margin: 0 0 15px 0; } .spr-form-label { font-size: 13px; line-height: 20px; } .spr-form-label + .spr-form-input { margin: 0; } .spr-form-label + .spr-form-input { margin: 0; } .featured-product-social-wrapper { margin: 20px 0; } .product-form { position: relative; } #product-tab--reviews { background-color: #fff !important; } p img { margin: 0; } .single_products_left_side p img { width: 100%; } .main-content { display: block; padding-top: 50px; } #products_products .preview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #products_products .tab-content { overflow: hidden; } #products_products .preview-pic { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #products_products .tab-content img { width: 100%; -webkit-animation-name: opacity; animation-name: opacity; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } #products_products .preview-thumbnail.nav-tabs { border: none; margin-top: 15px; } #products_products .preview-thumbnail.nav-tabs li { /* width: 18%; */ margin-right: 2.5%; } #products_products .preview-thumbnail.nav-tabs li a { padding: 0; margin: 0; } #products_products .preview-thumbnail.nav-tabs li img { width: auto; display: block; max-width: 92px; } html body .owl-carousel .owl-buttons .owl-prev { margin-left: -49px !important; } /*****************************address page ***************************************************/ .main-content { display: block; padding-top: 50px; } .wrapper--medium { max-width: 1100px; } .grid--full { margin-left: 0; } /******************@media screen and (min-width: 768px) Ipad responsive code************************************/ @media screen and (min-width: 768px) { .section-header { display: table; width: 100%; } .section-header__left { display: table-cell; margin-bottom: 0; } .section-header__right { display: table-cell; vertical-align: middle; text-align: right; width: 335px; } .large--one-half { width: 50%; } } /*********************************@media screen and (min-width: 768px) ********end*****************************/ .section-header { padding-top: 50px; padding-bottom: 50px; text-align: center; z-index: auto; } .address-title { display: block; color: #000; } .address-return { display: block; } .section-header div { padding: 0 6px; } .new-address { background: #00106d; display: inline-block; position: relative; color: #fff; border: 2px solid #00106d; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; /* font-family: "Open Sans", sans-serif; */ font-weight: 400; font-style: normal; box-shadow: none; line-height: 1.5; border-radius: 0px; backface-visibility: hidden; -webkit-backface-visibility: hidden; font-size: 14px; padding: 12px 24px; -moz-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition-property: color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -moz-transition-delay: 0s; -o-transition-property: color; -o-transition-duration: 0.3s; -o-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -o-transition-delay: 0s; -ms-transition-property: color; -ms-transition-duration: 0.3s; -ms-transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); -ms-transition-delay: 0s; transition-property: color; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.46, 0.01, 0.32, 1); transition-delay: 0s; outline: none; } .form-vertical { margin-bottom: 25px; } form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-repeat: no-repeat; background-position: right 10px center; background-color: transparent; background-size: 12px; padding-right: 28px; text-indent: 0.01px; text-overflow: ""; cursor: pointer; outline: none; } .grid:after, .grid--rev:after, .grid--full:after, .grid-uniform:after { content: ""; display: table; clear: both; } .wrapper:after { content: ""; display: table; clear: both; } .form-vertical input, .form-vertical select, .form-vertical button, .form-vertical textarea { display: block; margin-bottom: 10px; } .grid, .grid--rev, .grid--full, .grid-uniform { list-style: none; margin: 0; padding: 0; margin-left: -30px; } .template-customers-addresses label { color: #000; font-size: 14px; line-height: 1.6; /* font-family: "Open Sans", sans-serif; */ font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; border-radius: 0px; } input.input-full, textarea.input-full, select.input-full { width: 100%; outline: none; } .grid__item { box-sizing: border-box; float: left; min-height: 1px; padding-left: 30px; vertical-align: top; width: 100%; } .one-half { width: 50%; } .large--one-half { width: 50%; } .address-selector-wrapper { position: relative; display: block; padding-right: 0px; z-index: 1; } .address-selector-wrapper::after { font-family: "custom-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; margin-top: -10px; position: absolute; right: 25px; top: 50%; z-index: -1; font-size: 12px; line-height: 20px; display: block; color: #000; } option { color: #000; background-color: #fff; } .form-vertical input, .form-vertical select, .form-vertical button, .form-vertical textarea { display: block; margin-bottom: 10px; } input, textarea, select { border: 1px solid #d3d3d3; max-width: 100%; padding: 8px 10px; border-radius: 0px; } form h2 { font-size: 28px; color: #000; } form label { font-weight: 400; } /*************************account page****************************/ .account-header { color: var(--text-color); } .inline-list { margin-left: 0; float: left; } hr { margin-top: 85px; margin-bottom: 20px; border: 0; border-top: 2px solid #eee; } hr.hr--small{ margin-top: 0px; margin-bottom: 40px; border: 0; border-top: 2px solid #cccccc; } .grid__item h2 { margin-right: 50px; } .order-table{ color: var(--text-color) !important; } .three-quarters { width: 75%; } .account-details { padding-left: 50px; } .one-quarter { width: 25%; } /****************End**********************/ #sidebar .p-name button { background: transparent; padding: 0 !important; border: none; outline: none; position: relative; } #sidebar .p-name button i { color: var(--text-color); } #sidebar .p-name input { border: 1px solid var(--text-color); width: 43px; padding: 0px 2px; border-radius: 0px; outline: none; text-align: center; margin-right: 5px; margin-top: 20px; } #sidebar .total-price { padding: 12px 0px 25px 0px; } #sidebar hr { margin-top: 45px; margin-bottom: 20px; border: 0; border-top: 2px solid #acb9ff; } .sidebar-header { opacity: 1; visibility: visible; position: sticky; top: 0; left: 0; width: 100px; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%); box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%); background: #ffffff !important; -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown; } .input-group-btn { font-size: 10px; } .qtyplus { background-color: #ddd; outline: none; } .qtyminus { background-color: #ddd; outline: none; } /***********View Tecket Page******************/ .boder-head { border: 1px solid #eeee; border-radius: 0px; margin-top: 6px; background-color: #fff; color: #987e7e; padding-top: 20px; } .boder-head p label { display: none; } .top-bar-ticket { border: 1px solid #2d3d94; background-color: #657aef; border-radius: 0px; } .top-bar-ticket h2 { color: #fff; margin: 0; padding: 10px; font-size: 16px; } .detail-view { background: #211567; color: #fff; padding: 6px 14px; border: none; border-radius: 5px; font-size: 12px; } .status-ar .new { background: #258c18; padding: 0; border-radius: 5px; color: #fff; position: absolute; width: 100px; right: 103px; text-align: center; } .priority-ar .normal-pr { background: #53ce43; padding: 0; border-radius: 5px; color: #fff; position: absolute; width: 100px; right: 103px; text-align: center; } .status-ar .pending-st { background: #e8a01d; padding: 0; border-radius: 5px; color: #fff; position: absolute; width: 100px; right: 103px; text-align: center; } .priority-ar .high-pr { background: #f32626; padding: 0; border-radius: 5px; color: #fff; position: absolute; width: 100px; right: 103px; text-align: center; } .status-ar .close-st { background: #258c18; padding: 0; border-radius: 5px; color: #fff; position: absolute; width: 100px; right: 103px; text-align: center; } .boder-head span { padding: 5px 9px; border-radius: 5px; } @media screen and (min-width: 320px) and (max-width: 768px) { .top-bar-ticket { display: none; } .boder-head p label { display: inline-block; } } /*end ticket page*/ /*******************************Checkout File css*********************************************/ .checkout-area .bread-head { background-color: #f5f5f5; } .checkout-area .bread-head .breadcrumb { padding: 20px 16px; margin-bottom: 0; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .checkout-area .page-heading-title h2 { font-size: 36px; font-weight: 600; color: #000000; padding: 36px 8px; } .checkout-area .d-lg-flex { display: flex !important; font-size: 15px; font-weight: 600; } .checkout-area .nav > li > a { position: relative; display: block; padding: 14px 0px 14px 58px; } .pro-title { font-size: 20px; } .checkout-area .checkout-module .checkoutd-nav .nav-item { /* font-family: "Montserrat-Bold", sans-serif; */ width: calc(25% - 17px); margin-right: 15px; background: whitesmoke; } .checkout-area .checkout-module .checkoutd-nav .nav-item a.active { background: #372d8e; color: #fff; } .checkoutd-nav .nav-item a:before { content: ""; border-top: 24.7px solid transparent; border-bottom: 24.7px solid transparent; border-left: 25px solid #ffffff; position: absolute; right: -41px; top: -2px; z-index: 1; transition: 0.4s; } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-flex { display: flex !important; } } .checkout-area .checkout-module .checkoutd-nav .nav-item a:after { content: ""; border-top: 26.7px solid transparent; border-bottom: 28.7px solid transparent; border-left: 28px solid #372d8e; position: absolute; right: -26px; top: -3px; z-index: 1; transition: 0.4s; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #372d8e; } .checkout-area .form-control { display: block; width: 100%; height: calc(2.5em + 0.75rem + 2px); font-size: 15px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .checkout-area .checkout-module .checkoutd-nav { padding-left: 0; padding-right: 0; } .tab-content > .tab-pane { display: none; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .checkout-area .checkout-module .form-group { display: inline-block; width: 49.6%; padding: 0 15px; } form label { font-weight: 400; } .checkout-area .checkout-module .btn { display: inline-block; margin-bottom: 30px; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 14px 32px; font-size: 15px; border-radius: 0; background: #372d8e; color: #ffffff; text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; letter-spacing: 0.5; outline: hidden; } .form-check { position: relative; display: block; padding-left: 1.25rem; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } .text-muted { color: #6c757d !important; } .checkout-area .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding: 0; } .checkout-area p { color: #212529; /* font-family: "Montserrat-Regular", sans-serif; */ } .heading { margin-bottom: 15px; } .heading h2 { font-size: 2.25rem; margin-bottom: -55px; text-transform: uppercase; display: flex; justify-content: space-between; margin-top: 31px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } form label { font-weight: 400; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-dismissible { padding-right: 3.8125rem; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .tab-content > .active { margin-top: 10px; display: block; } .table { width: 100%; margin-bottom: 8rem; color: #111; } .checkout-area .tab-content .tab-pane .top-table tbody { border-bottom: 2px solid #ced4da; } .checkout-area .tab-content .tab-pane .top-table tbody tr { background-color: #fff; } .checkout-area .tab-content .tab-pane .top-table tbody tr td { display: inline-block; justify-content: center; align-items: center; width: 150px; } .form-check-label img { width: 100px !important; } .item-quantity { width: 75px; height: 44px; margin-bottom: 15px; } textarea.form-control { height: auto; } #coupon_applied { margin: 10px 23px; } #coupon_require_error { margin: 10px 23px; } #coupon_error { margin: 10px 23px; } #coupon-code { margin-top: 5px; margin-bottom: 20px; } .checkout-area .checkout-module .form-group .form-check-inline { margin-right: 5px; background-color: white; height: 34px; padding-left: 10px; padding-right: 10px; display: flex; justify-content: center; align-items: center; float: left; } .checkout-area .checkout-module .form-group .select-control { position: relative; position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; float: left; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .form-check-label { margin-bottom: 0; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0; border-top-right-radius: 0; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-header .close:hover { background-color: white; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .fade:not(.show) { opacity: 1; } .border { border: 1px solid #dee2e6 !important; } .checkout-area .right-table { margin: 0; background-color: #fff; border: 2px solid #dee2e6; margin-bottom: 30px; } .checkout-area .right-table thead tr th[align="center"] { text-align: center; } .checkout-area .right-table tbody th, .checkout-area .right-table tbody td { border-top: none; padding: 15px; } .checkout-area .item-price, .checkout-area .item-total { font-size: 2.25rem; font-weight: 600; padding: 22px; } .tab-content { margin-top: 60px; } #quickViewModal .modal-body { padding: 10px; } .modal .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; margin-top: 0; margin-bottom: 0; width: 100%; } .modal .modal-dialog .modal-body .pro-description { position: relative; bottom: 0; } .modal .modal-dialog .modal-body .pro-description .badges { position: relative; top: auto; left: auto; right: auto; } .modal .modal-dialog .modal-body .pro-description .pro-title { line-height: 1.5; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .modal .modal-dialog .modal-body .pro-description .pro-infos { margin-top: 10px; } .modal .modal-dialog .modal-body .pro-description .pro-infos .pro-catgory { display: inline-block; } .modal .modal-dialog .modal-body .pro-description .pro-infos .pro-single-info { display: flex; line-height: 24px; } .modal .modal-dialog .modal-body .pro-description .pro-infos .pro-single-info b { font-size: 0.875rem; font-weight: 700; color: #111; margin-right: 10px; } .modal .modal-dialog .modal-body .pro-description .pro-infos .pro-single-info ul { display: inline-block; padding-left: 0; margin-bottom: 0; } .modal .modal-dialog .modal-body .pro-description .pro-infos .pro-single-info ul li { display: inline-block; } .modal .modal-dialog .modal-body .pro-description .pro-infos .pro-single-info ul li:after { content: ","; } .modal .modal-dialog .modal-body .pro-description .pro-counter { display: flex; justify-content: space-between; align-items: center; } .modal .modal-dialog .modal-body .pro-description .popup-detail-info { line-height: 1.5; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .modal .modal-dialog .modal-body .pro-description .popup-detail-info div, .modal .modal-dialog .modal-body .pro-description .popup-detail-info p { color: #6c757d; margin-top: 10px; padding: 0; line-height: 1.5; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .modal .modal-dialog .modal-body .pro-description .pro-options { display: flex; justify-content: space-between; } .modal .modal-dialog .modal-body .pro-description .pro-options .box { display: flex; align-items: center; } .modal .modal-dialog .modal-body .pro-description .pro-options .box label { margin-bottom: 0; margin-right: 5px; } .modal .modal-dialog .modal-body .pro-description .pro-price { display: flex; align-items: flex-end; } .modal .modal-dialog .modal-body .pro-description .pro-price ins { /* font-family: "Montserrat-Bold", sans-serif; */ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 700; color: #28b293; text-decoration: none; line-height: 1; } .modal .modal-dialog .modal-body .pro-description .pro-price del { /* font-family: "Montserrat-Bold", sans-serif; */ color: #6c757d; text-decoration: line-through; margin-left: 10px; font-size: 0.875rem; } .modal .carousel .carousel-inner .carousel-item { background-color: #e9ecef; text-align: center; } .modal .carousel .carousel-inner .carousel-item a { position: absolute; bottom: 10px; right: 10px; font-size: 18px; color: #c8c8c8; } .modal .carousel .carousel-control-prev, .modal .carousel .carousel-control-next { z-index: 2; display: flex; justify-content: center; align-items: center; background-color: #ced4da !important; color: #212529 !important; border: none !important; border-radius: 0; height: 38px; width: 38px; text-align: center; line-height: 38px; text-decoration: none; outline: none; box-shadow: none; position: absolute; top: 50%; } .modal .carousel .carousel-control-prev .fas, .modal .carousel .carousel-control-next .fas { color: #212529; } .modal .carousel .carousel-control-prev:hover, .modal .carousel .carousel-control-next:hover { background-color: #28b293; } .modal .carousel .carousel-control-prev::after, .modal .carousel .carousel-control-next::after { content: ""; background-color: #1f8871; opacity: 0; } .modal .carousel .carousel-control-prev { transition: 1.4s ease-in-out; transform: translateX(-30px) !important; -webkit-transform: translateX(-30px) !important; overflow: hidden; opacity: 0; left: 15px; } .modal .carousel .carousel-control-next { transition: 1.2s ease-in-out; transform: translateX(20px) !important; -webkit-transform: translateX(20px) !important; overflow: hidden; opacity: 0; right: 15px; } .modal .carousel:hover .carousel-control-prev { transition: 0.4s ease-in-out; transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; opacity: 1 !important; overflow: hidden; box-shadow: none; } .modal .carousel:hover .carousel-control-prev .fas { color: #fff; } .modal .carousel:hover .carousel-control-next { transition: 0.4s ease-in-out; transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; opacity: 1 !important; box-shadow: none; overflow: hidden; } .modal .carousel:hover .carousel-control-next .fas { color: #fff; } .modal .modal-dialog .modal-body .pro-description .pro-counter { display: flex; align-items: self-start; flex-direction: column; } .modal .modal-dialog .modal-body .pro-description .pro-counter .item-quantity { margin-bottom: 15px; } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; } /********************check out end******************************/ /**********Header sticky*********/ header { z-index: 21; position: sticky; top: 0; height: 73px; } /*login page input*/ .form-input { margin-bottom: 14px; border-radius: 5px; padding: 25px; } /*******sidebar transition*********/ #sidebar.active .sidebar-header { /*transform: translateX(-300px); */ transition: all 600ms ease; width: 360px; padding: 26px 12px 10px 14px; height: 100vh; margin: 0; } /*Chat System start */ .body-chat { display: block; align-items: center; justify-content: center; min-height: 100vh; background: #fff; /* font-family: "arial", "Source Sans Pro", sans-serif; */ font-size: 1em; letter-spacing: 0.1px; color: #32465a; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-font-smoothing: antialiased; } #frame { width: auto; min-width: 100%; max-width: 100%; padding: 10px 100px 0px 100px; background: #fff; } @media screen and (max-width: 500px) { #frame { padding: 10px 10px 0px 10px; } #frame .btn { margin-bottom: 59px; } } @media screen and (max-width: 360px) { #frame { width: 100%; height: auto; padding: 0px 7px 0px 7px; position: sticky; overflow: auto; bottom: 60px; } #frame h1 { font-size: 26px; padding-top: 27px; } #frame .btn { display: inline-block; margin-bottom: 59px; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 11px 8px; font-size: 11px; } } #frame #sidepanel { float: left; min-width: 280px; max-width: 340px; width: 40%; height: 100%; background: #5bb1b5; color: #f5f5f5; overflow: hidden; position: relative; } @media screen and (max-width: 735px) { #frame #sidepanel { width: 58px; min-width: 58px; } } #frame #sidepanel #profile { width: 80%; margin: 25px auto; } @media screen and (max-width: 735px) { #frame #sidepanel #profile { width: 100%; margin: 0 auto; padding: 5px 0 0 0; background: #32465a; } } #frame #sidepanel #profile.expanded .wrap { height: 210px; line-height: initial; } #frame #sidepanel #profile.expanded .wrap p { margin-top: 20px; } #frame #sidepanel #profile.expanded .wrap i.expand-button { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipH; -ms-filter: "FlipH"; } #frame #sidepanel #profile .wrap { height: 60px; line-height: 60px; overflow: hidden; -moz-transition: 0.3s height ease; -o-transition: 0.3s height ease; -webkit-transition: 0.3s height ease; transition: 0.3s height ease; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap { height: 55px; } } #frame #sidepanel #profile .wrap img { width: 50px; border-radius: 50%; padding: 3px; border: 2px solid #e74c3c; height: auto; float: left; cursor: pointer; -moz-transition: 0.3s border ease; -o-transition: 0.3s border ease; -webkit-transition: 0.3s border ease; transition: 0.3s border ease; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap img { width: 40px; margin-left: 4px; } } #frame #sidepanel #profile .wrap img.online { border: 2px solid #2ecc71; } #frame #sidepanel #profile .wrap img.away { border: 2px solid #f1c40f; } #frame #sidepanel #profile .wrap img.busy { border: 2px solid #e74c3c; } #frame #sidepanel #profile .wrap img.offline { border: 2px solid #95a5a6; } #frame #sidepanel #profile .wrap p { float: left; margin-left: 15px; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap p { display: none; } } #frame #sidepanel #profile .wrap i.expand-button { float: right; margin-top: 23px; font-size: 0.8em; cursor: pointer; color: #435f7a; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap i.expand-button { display: none; } } #frame #sidepanel #profile .wrap #status-options { position: absolute; opacity: 0; visibility: hidden; width: 150px; margin: 70px 0 0 0; border-radius: 6px; z-index: 99; line-height: initial; background: #435f7a; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options { width: 58px; margin-top: 57px; } } #frame #sidepanel #profile .wrap #status-options.active { opacity: 1; visibility: visible; margin: 75px 0 0 0; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options.active { margin-top: 62px; } } #frame #sidepanel #profile .wrap #status-options:before { content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #435f7a; margin: -8px 0 0 24px; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options:before { margin-left: 23px; } } #frame #sidepanel #profile .wrap #status-options ul { overflow: hidden; border-radius: 6px; } #frame #sidepanel #profile .wrap #status-options ul li { padding: 15px 0 30px 18px; display: block; cursor: pointer; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options ul li { padding: 15px 0 35px 22px; } } #frame #sidepanel #profile .wrap #status-options ul li:hover { background: #496886; } #frame #sidepanel #profile .wrap #status-options ul li span.status-circle { position: absolute; width: 10px; height: 10px; border-radius: 50%; margin: 5px 0 0 0; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options ul li span.status-circle { width: 14px; height: 14px; } } #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before { content: ""; position: absolute; width: 14px; height: 14px; margin: -3px 0 0 -3px; background: transparent; border-radius: 50%; z-index: 0; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before { height: 18px; width: 18px; } } #frame #sidepanel #profile .wrap #status-options ul li p { padding-left: 12px; } @media screen and (max-width: 735px) { #frame #sidepanel #profile .wrap #status-options ul li p { display: none; } } #frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle { background: #2ecc71; } #frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before { border: 1px solid #2ecc71; } #frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle { background: #f1c40f; } #frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before { border: 1px solid #f1c40f; } #frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle { background: #e74c3c; } #frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before { border: 1px solid #e74c3c; } #frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle { background: #95a5a6; } #frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before { border: 1px solid #95a5a6; } #frame #sidepanel #profile .wrap #expanded { padding: 100px 0 0 0; display: block; line-height: initial !important; } #frame #sidepanel #profile .wrap #expanded label { float: left; clear: both; margin: 0 8px 5px 0; padding: 5px 0; } #frame #sidepanel #profile .wrap #expanded input { border: none; margin-bottom: 6px; background: #32465a; border-radius: 3px; color: #f5f5f5; padding: 7px; width: calc(100% - 43px); } #frame #sidepanel #profile .wrap #expanded input:focus { outline: none; background: #435f7a; } #frame #sidepanel #search { border-top: 1px solid #32465a; border-bottom: 1px solid #32465a; font-weight: 300; } @media screen and (max-width: 735px) { #frame #sidepanel #search { display: none; } } #frame #sidepanel #search label { position: absolute; margin: 10px 0 0 20px; } #frame #sidepanel #search input { /* font-family: "proxima-nova", "Source Sans Pro", sans-serif; */ padding: 10px 0 10px 46px; width: calc(100% - 25px); border: none; background: #32465a; color: #f5f5f5; } #frame #sidepanel #search input:focus { outline: none; background: #435f7a; } #frame #sidepanel #search input::-webkit-input-placeholder { color: #f5f5f5; } #frame #sidepanel #search input::-moz-placeholder { color: #f5f5f5; } #frame #sidepanel #search input:-ms-input-placeholder { color: #f5f5f5; } #frame #sidepanel #search input:-moz-placeholder { color: #f5f5f5; } #frame #sidepanel #contacts { height: calc(100% - 177px); overflow-y: scroll; overflow-x: hidden; } @media screen and (max-width: 735px) { #frame #sidepanel #contacts { height: calc(100% - 149px); overflow-y: scroll; overflow-x: hidden; } #frame #sidepanel #contacts::-webkit-scrollbar { display: none; } } #frame #sidepanel #contacts.expanded { height: calc(100% - 334px); } #frame #sidepanel #contacts::-webkit-scrollbar { width: 8px; background: #2c3e50; } #frame #sidepanel #contacts::-webkit-scrollbar-thumb { background-color: #243140; } #frame #sidepanel #contacts ul li.contact { position: relative; padding: 10px 0 15px 0; font-size: 0.9em; cursor: pointer; } @media screen and (max-width: 735px) { #frame #sidepanel #contacts ul li.contact { padding: 6px 0 46px 8px; } } #frame #sidepanel #contacts ul li.contact:hover { background: #32465a; } #frame #sidepanel #contacts ul li.contact.active { background: #32465a; border-right: 5px solid #435f7a; } #frame #sidepanel #contacts ul li.contact.active span.contact-status { border: 2px solid #32465a !important; } #frame #sidepanel #contacts ul li.contact .wrap { width: 88%; margin: 0 auto; position: relative; } @media screen and (max-width: 735px) { #frame #sidepanel #contacts ul li.contact .wrap { width: 100%; } } #frame #sidepanel #contacts ul li.contact .wrap span { position: absolute; left: 0; margin: -2px 0 0 -2px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #2c3e50; background: #95a5a6; } #frame #sidepanel #contacts ul li.contact .wrap span.online { background: #2ecc71; } #frame #sidepanel #contacts ul li.contact .wrap span.away { background: #f1c40f; } #frame #sidepanel #contacts ul li.contact .wrap span.busy { background: #e74c3c; } #frame #sidepanel #contacts ul li.contact .wrap img { width: 40px; border-radius: 50%; float: left; margin-right: 10px; } @media screen and (max-width: 735px) { #frame #sidepanel #contacts ul li.contact .wrap img { margin-right: 0px; } } #frame #sidepanel #contacts ul li.contact .wrap .meta { padding: 5px 0 0 0; } @media screen and (max-width: 735px) { #frame #sidepanel #contacts ul li.contact .wrap .meta { display: none; } } #frame #sidepanel #contacts ul li.contact .wrap .meta .name { font-weight: 600; } #frame #sidepanel #contacts ul li.contact .wrap .meta .preview { margin: 5px 0 0 0; padding: 0 0 1px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-transition: 1s all ease; -o-transition: 1s all ease; -webkit-transition: 1s all ease; transition: 1s all ease; } #frame #sidepanel #contacts ul li.contact .wrap .meta .preview span { position: initial; border-radius: initial; background: none; border: none; padding: 0 2px 0 0; margin: 0 0 0 1px; opacity: 0.5; } #frame #sidepanel #bottom-bar { position: absolute; width: 100%; bottom: 0; } #frame #sidepanel #bottom-bar button { float: left; border: none; width: 50%; padding: 10px 0; /* background: #32465a; color: #f5f5f5; */ cursor: pointer; font-size: 0.85em; /* font-family: "proxima-nova", "Source Sans Pro", sans-serif; */ } @media screen and (max-width: 735px) { #frame #sidepanel #bottom-bar button { float: none; width: 100%; padding: 15px 0; } } #frame #sidepanel #bottom-bar button:focus { outline: none; } #frame #sidepanel #bottom-bar button:nth-child(1) { border-right: 1px solid #2c3e50; } @media screen and (max-width: 735px) { #frame #sidepanel #bottom-bar button:nth-child(1) { border-right: none; border-bottom: 1px solid #2c3e50; } } #frame #sidepanel #bottom-bar button:hover { background: #435f7a; } #frame #sidepanel #bottom-bar button i { margin-right: 3px; font-size: 1em; } @media screen and (max-width: 735px) { #frame #sidepanel #bottom-bar button i { font-size: 1.3em; } } @media screen and (max-width: 735px) { #frame #sidepanel #bottom-bar button span { display: none; } } #frame .content { float: right; width: 60%; height: 100%; overflow: hidden; position: relative; bottom: 60px; } @media screen and (max-width: 735px) { #frame .btn { margin-bottom: 59px; } #frame .content { width: calc(100% - 0px); } } @media screen and (min-width: 900px) { #frame .btn { margin-bottom: 59px; } #frame .content { width: calc(100% - 0px); } } #frame .content .contact-profile { width: 100%; height: 60px; line-height: 60px; background: #f5f5f5; } #frame .content .contact-profile img { width: 40px; border-radius: 50%; float: left; margin: 9px 12px 0 9px; } #frame .content .contact-profile p { float: left; float: left; font-weight: 600; font-size: 20px; padding-left: 14px; } #frame .content .contact-profile .social-media { float: right; } #frame .content .contact-profile .social-media i { margin-left: 14px; cursor: pointer; } #frame .content .contact-profile .social-media i:nth-last-child(1) { margin-right: 20px; } #frame .content .contact-profile .social-media i:hover { color: #435f7a; } #frame .content .messages { height: auto; min-height: calc(100% - 93px); max-height: calc(100% - 93px); padding: 24px; } @media screen and (max-width: 735px) { #frame .content .messages { max-height: calc(100% - 0px); } } #frame .content .messages::-webkit-scrollbar { width: 8px; background: transparent; } #frame .content .messages::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); } #frame .content .messages ul li { display: inline-block; clear: both; float: left; margin: 15px 15px 5px 15px; width: calc(100% - 0px); font-size: 0.9em; } .replies p span { line-height: 3; } #frame .content .messages ul li:nth-last-child(1) { margin-bottom: 20px; } #frame .content .messages ul li.sent img { margin: 6px 8px 0 0; } #frame .content .messages ul li.sent p { background: #1815a5; color: #f5f5f5; } #frame .content .messages ul li.sent p span { line-height: 30px; } #frame .content .messages ul li.replies img { float: right; margin: 6px 0 0 8px; } #frame .content .messages ul li.replies p { background: #f5f5f5; float: right; } #frame .content .messages ul li img { width: 22px; border-radius: 50%; float: left; } #frame .content .messages ul li p { display: inline-block; padding: 10px 15px; border-radius: 20px; max-width: 205px; line-height: 130%; } @media screen and (min-width: 735px) { #frame .content .messages ul li p { max-width: 300px; } } #frame .content .message-input { position: fixed; bottom: 0; width: 1149px; z-index: 99; } #frame .content .message-input .wrap { position: relative; } #frame .content .message-input .wrap input { /* font-family: "proxima-nova", "Source Sans Pro", sans-serif; */ float: left; border: none; width: calc(100% - 50px); padding: 11px 32px 10px 8px; font-size: 0.8em; color: #32465a; background: #cfcfd0; } @media screen and (max-width: 735px) { #frame .content .message-input .wrap input { padding: 20px 32px 16px 8px; } } #frame .content .message-input .wrap input:focus { outline: none; } #frame .content .message-input .wrap .attachment { position: absolute; right: 60px; z-index: 4; margin-top: 10px; font-size: 28px; color: #435f7a; opacity: 0.5; cursor: pointer; } @media screen and (max-width: 735px) { #frame .content .message-input .wrap .attachment { margin-top: 17px; right: 65px; } } #frame .content .message-input .wrap .attachment:hover { opacity: 1; } #frame .content .message-input .wrap button { float: right; border: none; width: 50px; padding: 10px; cursor: pointer; /* background: #1815a5; color: #f5f5f5; */ } @media screen and (max-width: 735px) { #frame .content .message-input .wrap button { padding: 16px 0; } } #frame .content .message-input .wrap button:hover { background: #435f7a; } #frame .content .message-input .wrap button:focus { outline: none; } form .products_section { padding-top: 120px; } form button .fa { color: #000; } /*chat system End*/ /*rating start*/ .rating { display: inline-block; position: relative; height: 20px; line-height: 20px; } .rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; } .rating label:last-child { position: static; } .rating label:nth-child(1) { z-index: 5; } .rating label:nth-child(2) { z-index: 4; } .rating label:nth-child(3) { z-index: 3; } .rating label:nth-child(4) { z-index: 2; } .rating label:nth-child(5) { z-index: 1; } .rating label input { position: absolute; top: 0; left: 0; opacity: 0; } .rating label .icon { float: left; color: transparent; } .rating label:last-child .icon { color: #000; } .rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon { color: #ffd200; text-shadow: 0 0 5px #ffd200; } .rating label input:focus:not(:checked) ~ .icon:last-child { color: #000; text-shadow: 0 0 5px #ffd200; } /*rating end*/ /* checkout blade start */ /* checkout blade end */ /* language select style start*/ .goog-te-gadget-simple { background-color: transparent !important; border-left: 0px !important; border-top: 0px !important; border-bottom: 0px !important; border-right: 0px !important; font-size: 14pt; display: inline-block; padding-top: 6px !important; cursor: pointer; zoom: 1; *display: inline; border: 0; } .navbar-area.is-sticky .fashion-nav .goog-te-menu-value { color: #222222 !important; padding: 0px !important; border: 0px; } .navbar-area.is-sticky .fashion-nav .goog-te-menu-value span { color: #222222 !important; } .navbar-area .fashion-nav .goog-te-menu-value { color: #ffffff !important; padding: 0px !important; border: 0px; } /* .navbar-area .fashion-nav .goog-te-menu-value span { color: #ffffff !important; } */ /* language select style end*/ /* single product */ .single_products_page { padding: 70px 0px 0px 0px; } /*end */ /* Review Modal start */ #reviewModal .modal-content.review-content { position: relative; display: flex; flex-direction: column; width: auto; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; max-width: 50vw; height: auto; max-height: 50vh; overflow: auto; } #reviewModal { left: 25vw; right: 25vw; } /* Review Modal end */ /*2nd april 2021*/ .old-price { text-decoration: line-through; } .small-text { font-size: 16px; } /* notification start */ #notiquick-tray { align-items: center; bottom: 0; display: flex; flex-direction: row; flex-wrap: wrap; /* font-family: "Recursive", sans-serif; */ height: 100px; justify-content: center; left: 0; position: fixed; transition: all ease-in-out 0.3s; width: 100%; } #notiquick { border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.25) 0 14px 28px, rgba(0, 0, 0, 0.22) 0 10px 10px; display: block; font-size: 1em; padding: 10px 20px; text-align: center; } .ok { background-color: #2a9d8fff; color: white; } .warning { background-color: #ffc300; color: black; } .error { background-color: #e63946ff; color: white; } .info { background-color: #261f62; color: white; } .no-show { height: 0px !important; } /* notification end */ /* home banner start */ .home-banner { width: 100%; background-repeat: no-repeat; background-size: cover; margin-top: -85px; } .home-banner-img { margin-top: -85px; width: 100%; } .skiptranslate  { margin-top: -40px; } /* home banner end */ /* outof stock button start */ .outOfstockButton { background-color: #b30000 !important; } /* outof stock button end */ /* address page button setting */ .grid__item a { margin-bottom: 20px; float: left; margin-right: 10px; } /* address page button setting end */ .form-control { border-radius: 0px; } .about_text h2 { font-size: 36px; } /*9th april 2021*/ .terms-modal { left: 27%; right: 0; max-width: 600px; } /* admin panel footer cms start */ .footer_icon_close { position: relative; top: -30rem; } /* admin panel footer cms end */ .crase-ticket { padding-top: 20px; } .prd_div{ margin-bottom: 20px; } @media screen and (max-width: 735px) { .prd_div{ margin-bottom: 150px; } .home-banner { margin-top: -75px; } .home-banner-img { margin-top: -75px; } } @media screen and (max-width: 600px) { .home-banner { margin-top: -38px; } .home-banner-img { margin-top: -38px; } } ul.dropdown-menu{ border-radius: 0px; border: 1px solid #cccccc; } ul.dropdown-menu li a { color: var(--text-color) !important; } ul.dropdown-menu li a:hover { color: var(--text-color) !important; } ul.dropdown-menu li a:hover { background-color: #f2f2f2 !important; } ul.dropdown-menu li a:focus, ul.dropdown-menu li a:active{ outline: none !important; } .navbar-brand img{ max-width: 90px !important; }