html { scroll-behavior: smooth; }
@font-face {
font-family: 'autumn-in-november';
src: url(./fonts/autumn-in-november.ttf)format('truetype');
}
body{
padding:0;
margin:0;
background:#fff;
}
body a{
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
input[type="button"],input[type="submit"]{
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
margin:0;
text-align: center;
font-weight: 700;
}
p{
margin:0;
}
ul{
margin:0;
padding:0;
}
label{
margin:0;
}
td, th {
padding: 10px;
}
/* Section Fix */
.section {
position: relative;
}
.row { margin-right: 0; margin-left: 0;}
/*-----start-header----*/
span.glyphicon.glyphicon-user,span.glyphicon.glyphicon-lock {
font-size: 10px;
vertical-align: initial;
margin-right: 6px;
}
a.simpleCart_empty {
font-size: 14px;
color: #FFC6CF;
}
.logo h1 a {
text-decoration: none;
font-size: 30px;
letter-spacing: 2px;
}
.logo a span {
font-size: 35px;
/*border: 2px solid #AB1156;*/
border-radius: 50%;
width: 50px;
display: block;
text-align: center;
float: left;
padding: 2px 0 0 4px;
height: 50px;
vertical-align: middle;
margin-right: 3px;
}
.navbar-default {
background-color: #3F4347;
/*background-color: transparent;*/
border-color: transparent;
}
.grey-topbar { width: 100%; top: 0; background-color: #3F4347; height: 125px;}
.navbar-default .navbar-nav > li > a {
padding-top: 7px;
padding-bottom: 7px;
}
.navbar-collapse.collapse {
padding: 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #000;
background-color: transparent;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #fff;
}
.navbar-header {
float: left;
}
/*--header--*/
@media screen and (max-width: 600px) {
/*-- online-strip --*/
.products-grid {
padding: 30px 0;
}
.product {
position:relative;
margin-top: 50px;
}
.products-grid img {
max-width:100%;
}
.products-grid a {
display:block;
/*color:#000;*/
text-transform:uppercase;
font-size:14px;
letter-spacing:2px;
text-decoration:none;
}
a.product_name {
margin: 7px 0px 0;
}
.product-one:nth-child(1){
margin-top:0;
}
.product p {
color: #999;
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
.product p a {
text-decoration: none;
color: #999;
}
}
/*--end-product--*/
/*** Navigation ***/
/*-- news-letter-starts-here --*/
.news-letter {
background-color: #F7F7F7;
padding: 35px 0;
}
.join h6 {
font-size: 22px;
font-weight: 400;
color: #000;
float: left;
margin-right: 5%;
margin-top:10px;
letter-spacing: 1px;
padding: 0;
}
.join input[type="text"] {
width: 48%;
color: #C3C3C3;
letter-spacing: 1px;
font-weight: 300;
font-size: 15px;
padding: 10px 10px;
border: 1px solid #E4E4E4;
outline: none;
text-align: left;
}
.join input[type="submit"]{
outline: none;
cursor: pointer;
width: 22%;
padding: 6px 0 10px;
/*background: #97D700;*/
color: #fff;
font-size: 19px;
font-weight: 400;
margin: 0px 0 0 -3px;
border: none;
-webkit-apperance: none;
}
.join input[type="submit"]:hover {
background-color:#000;
}
/*-- news-letter-ends-here --*/
/*-- footer-starts-here --*/
.frontBottom div[data-iessection="templatebottom"] {
/*max-height: 250px;*/
max-height: 150px;
overflow-y: hidden;
}
.footer {
padding: 12px 0;
margin-top: 100px;
height:100%;
}
.frontBottom .footer {
margin-top: 0;
}
ul.f_nav li{
list-style-type: none;
margin: 5px 0;
}
ul.f_nav li a{
list-style-type: none;
font-size: 14px;
/*color: #B3B3B3;*/
text-transform:capitalize;
}
/*-- footer-ends-here --*/
/*-- products-page-starts-here --*/
.products{
width:20%;
margin-right:2%;
float:left;
}
ul.product-list{
padding:0em 0 0.5em 0;
margin:0.5em 0;
}
ul.product-list li{
display: block;
margin:5px 0;
}
ul.product-list li a{
color:#FFF;
text-transform:uppercase;
font-size:0.85em;
text-decoration:none;
padding:5px 2em;
font-weight:400;
display: block;
}
ul.product-list li a:hover{
background:#000;
color:#fff;
padding:5px 2em;
transition:0.5s all;
-webkit-transition:0.5s all;
-o-transition:0.5s all;
-moz-transition:0.5s all;
-ms-transition:0.5s all;
}
.new-product{
width:78%;
float:right;
background:rgba(245, 243, 243, 0.27);
min-height:800px;
padding:2em;
}
ul.product-top-list{
padding:0;
float: left;
}
ul.product-top-list li{
display: inline-block;
font-size:0.82em;
color:#777;
}
ul.product-top-list li a{
/*color: #97D700;*/
font-size: 16px;
}
ul.product-top-list li span.act{
background: yellow;
font-size: 14px;
padding: 3px;
}
p.quick_desc {
color: #999;
font-size: 0.8125em;
line-height: 1.8em;
}
ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #555;
font-size: 0.85em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
margin-top: 2em;
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.btn_form form input[type="submit"] {
cursor: pointer;
border: none;
outline: none;
display: inline-block;
font-size: 1em;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top: 2em;
}
.btn_form form input[type="submit"]:hover{
}
.abt-ft{
margin-top:2em;
}
p.quick_desc {
color: #999;
font-size: 0.8125em;
line-height: 1.8em;
}
ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #555;
font-size: 0.85em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
margin-top: 2em;
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.btn_form form input[type="submit"] {
cursor: pointer;
border: none;
outline: none;
display: inline-block;
font-size: 1em;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top: 2em;
}
.btn_form form input[type="submit"]:hover{
}
.abt-ft{
margin-top:2em;
}
/*-- products-page-ends-here --*/
/*-- login-starts-here --*/
.login-left {
padding: 0;
}
.login-left h2 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}.login-right h3 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
li.home a {
/*color: #97D700;*/
font-size: 16px;
}
.login-left p, .login-right p {
color: #CAC9C9;
display: block;
font-size: 1.1em;
margin: 0 0 2em 0;
line-height: 1.5em;
}
.acount-btn {
/*background: #97D700;*/
color: #FFF;
font-size: 15px;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
background:#000;
text-decoration:none;
color:#fff;
}
.login-right form {
padding: 1em 0;
}
.login-right form div {
padding: 0 0 2em 0;
}
.login-right span {
color: #555;
font-size:1em;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.login-right input[type="text"] {
border: 1px solid #EEE;
outline-color:#CACACA;
width: 96%;
font-size:13px;
padding: 8px;
}
.login-right input[type="password"] {
border: 1px solid #EEE;
outline-color:#CACACA;
width: 96%;
font-size:13px;
padding: 8px;
}
.login-right input[type="submit"] {
/*background: #97D700;*/
color: #FFF;
font-size: 1em;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
border:none;
outline:none;
}
a.forgot {
font-size: 1em;
margin-right: 11px;
}
ul.breadcrumbs{
padding:0;
list-style:none;
float:left;
}
ul.breadcrumbs li{
display:inline-block;
color:#000;
}
ul.breadcrumbs li.women{
background: yellow;
font-size: 14px;
padding: 3px;
}
ul.previous{
padding:0;
list-style:none;
float:right;
margin-top: 3px;
}
ul.previous li a{
font-size: 14px;
color: #B9B4B5;
}
.login-page {
padding: 60px 0;
}
/*-- login-ends-here --*/
/*-- register-starts-here --*/
/*-- registration-form --*/
.registration-form {
padding: 60px 0;
}
.registration-form h2 {
font-weight: 600;
text-transform: uppercase;
color: #000;
font-size: 20px;
padding-bottom: 18px;
}
.reg p{
color: #CAC9C9;
margin: 0px 0 0 0;
font-size: 14px;
line-height: 1.8em;
}
.col-md-6.reg-form {
padding: 0;
}
.reg p:nth-child(2) {
margin:0;
}
.reg form {
margin-top: 32px;
}
.reg p a{
text-decoration:none;
/*color:#97D700;*/
}
.reg p a:hover{
color: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg ul {
padding:0;
margin:0 0 22px 0;
}
.reg ul li {
display: inline-block;
width: 58%;
}
.reg ul li.text-info{
width: 38%;
/*color: #97D700;*/
font-size: 16px;
text-transform: uppercase;
margin: 0 0 0px 0;
font-weight: bold;
}
.reg form input[type="text"],.reg form input[type="password"] {
width: 100%;
padding: 8px;
font-size: 14px;
font-weight: 400;
border: 1px solid #e6e6e6;
outline: none;
color: #000;
}
.reg-form{
float:left;
width:50%
}
.reg-right{
float:right;
width:47%
}
p.click a{
display: inline-block;
/*color:#97D700;*/
}
p.click a:hover{
color: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg form input[type=submit]{
border:none;
color: #ffffff;
padding: 9px 35px;
font-size: 14px;
cursor: pointer;
font-weight: 500;
margin: 0 0 32px 0;
/*background: #97D700;*/
border-top: none;
border-left: none;
border-right: none;
}
.reg form input[type=submit]:hover {
background:#000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg ul:nth-child(6) {
margin: 0 0 32px 0;
}
.reg ul li:nth-child(2){
margin-left: 3%;
}
.reg-right p{
color: #CAC9C9;
margin: 0 0 30px 0;
font-size: 14px;
line-height: 1.8em;
}
/*-- //registration-form --*/
/*-- register-ends-here --*/
/*-- contact-page-starts-here --*/
.contact {
padding: 60px 0;
}
.contact-info {
margin-bottom: 40px;
}
.contact-left{
width:30%;
float:left;
}
.contact-right{
width:68%;
float:right;
}
.contact-left input[type="text"]{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size:14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-right textarea{
width: 100%;
color: #000;
font-size:14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-form input[type=submit] {
border:none;
color: #ffffff;
padding: 13px 43px;
font-size: 14px;
cursor: pointer;
font-weight: 500;
background: #3F4347;
}
.contact-form input[type=submit]:hover {
background:#000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.contact-info h2{
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-info h3{
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-map{
width:100%;
margin-bottom: 52px;
}
.contact-map iframe{
width:100%;
height:330px;
}
/*-- //contact-page-ends-here --*/
/*-- typography-page-ends-here --*/
h2.heading {
margin: 0 0px 0.3em 0;
color: #000;
font-size: 40px;
letter-spacing: 1px;
padding: 0;
}
.typrography {
padding: 60px 0;
}
.grid_3 h3 {
padding-bottom: 15px;
font-size: 28px;
letter-spacing: 1px;
color: #3382C9;
}
.grid_4 h3 {
color: #666161;
padding-bottom:0;
font-size: 28px;
letter-spacing: 0;
}
.grid_4 h3 {
padding: 12px 0;
}
.grid_5 h1, h2, h3, h4, h5, h6 {
padding: 12px 0;
}
h3.first {
padding-bottom: 15px;
font-size: 30px;
letter-spacing: 1px;
color: #3382C9;
}
.input-group {
margin-bottom: 20px;
}
.page-header h1 {
padding-bottom: 15px;
font-size: 18px;
letter-spacing: 1px;
color: #3382C9;
}
section#tables h2 {
padding-bottom: 15px;
font-size: 28px;
letter-spacing: 1px;
color: #3382C9;
}
div#myTabContent {
margin-top: 0.5em;
}
/*-- typography-page-ends-here --*/
/*--checkout--*/
/*-- cart-page --*/
.cart-gd{
margin-top:50px;
}
.cart-items {
padding: 60px 0;
}
.cart-items h2 {
margin: 0 0 20px 0;
text-align: center;
font-size: 28px;
/*color: #97D700;*/
font-weight: 600;
padding:0;
}
.cart-item img {
width: 100%;
}
.cart-item-info {
width: 75%;
float: left;
margin-top: 3%;
}
.cart-item-info h3 {
color:#000;
font-size: 14px;
font-weight: 600;
}
.cart-item-info h3 a {
/*color:#97D700;*/
font-size: 18px;
}
.cart-item-info h3 span {
display: block;
font-weight: 400;
font-size: 0.85em;
margin: 0.7em 0;
}
ul.qty {
padding: 0;
margin: 0;
list-style: none;
}
ul.qty li {
display: inline-block;
margin-right: 10%;
}
ul.qty li p {
font-size: 14px;
color: #000;
}
/*-- //check --*/
/*-- single-page --*/
/*-- //single-page --*/
/*-- responsine-design --*/
@media screen and (max-width: 1366px) {
.footer {
padding: 12px 0 35px;
}
}
@media screen and (max-width: 1280px) {
.navbar-nav {
margin-right: 30px;
}
}
@media screen and (max-width: 1024px) {
.navbar-default .navbar-nav > li > a {
margin: 0 5px;
padding-top: 8px;
padding-bottom: 8px;
}
.navbar-nav {
margin-right: 60px;
margin-top: 6px;
}
.join input[type="submit"] {
width: 18%;
}
.footer {
padding: 12px 0 35px;
}
}
@media screen and (max-width: 800px) {
.logo a span {
font-size: 28px;
width: 45px;
height: 46px;
padding: 4px 0 0 3px;
margin-top: 3px;
}
.logo h1 a {
font-size: 24px;
letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a {
margin: 0 5px;
padding: 6px 10px;
font-size: 13px;
}
.navbar-nav {
margin-top: 8px;
}
.product {
margin-top: 30px;
float: left;
width: 33.333%;
padding:0 10px;
}
a.product_name {
margin: 7px 0px 0;
}
.join h6 {
font-size: 18px;
}
.join input[type="submit"] {
width: 17%;
font-size: 16px;
padding: 7px 0 9px;
}
.join input[type="text"] {
width: 47%;
font-size: 13px;
}
.footer {
padding: 12px 0 30px;
}
.login-left {
float: left;
width: 47%;
margin-right:3%
}
.login-right {
float: left;
width: 50%;
}
.login-right p {
margin: 0 0 1.3em 0;
}
.login-left h2,.login-right h3 {
font-size: 18px;
}
.reg-form {
width:100%;
margin-bottom:5%;
}
.reg-right {
width:100%;
margin:0;
}
.reg ul li.text-info {
width: 30%;
}
}
@media screen and (max-width: 768px) {
.contact-form input[type=submit] {
padding: 8px 30px;
}
.contact-map iframe {
height: 250px;
}
.contact-info h2,.contact-info h3 {
margin: 0 0 15px 0;
font-size: 22px;
}
}
@media screen and (max-width: 640px) {
.navbar {
border: none;
}
.navbar-nav {
margin: 10px 0;
width: 100%;
margin-right:0;
}
.navbar-default .navbar-nav > li > a {
margin: 5px 0px;
}
.navbar-header {
float: none;
}
.navbar-collapse.collapse {
margin-top: 10px;
}
.join h6 {
font-size: 16px;
margin-right: 3%;
}
.join input[type="text"] {
width: 44%;
}
.join input[type="submit"] {
width: 19%;
}
.navbar-nav .open .dropdown-menu {
background-color: #fff;
}
.login-left h2, .login-right h3 {
font-size: 17px;
}
.login-left p, .login-right p {
font-size: 1em;
}
.cart-item-info h3 a {
font-size: 15px;
}
.cart-items h2 {
margin: 0;
font-size: 20px;
}
.cart-item-info {
margin-top: 1%;
}
.media-left.response-text-left {
width: 20%;
margin-right: 2%;
}
}
@media screen and (max-width: 480px) {
.product {
padding: 0 10px;
width: 50%;
}
.contact-left {
width: 100%;
}
.contact-left input[type="text"] {
margin: 0 0px 23px 0;
}
.join h6 {
font-size: 18px;
margin-right: 0;
width: 100%;
float: none;
text-align: center;
margin-bottom: 15px;
}
.contact-form input[type=submit] {
margin-top: 15px;
}
.join input[type="text"] {
width: 70%;
}
.join input[type="submit"] {
width: 30%;
}
.contact-info h2, .contact-info h3 {
margin: 0 0 12px 0;
font-size: 20px;
}
.products {
width: 100%;
margin-bottom:15px;
margin-right: 0;
}
.new-product {
width: 100%;
}
.login-left,.login-right {
width: 100%;
margin-right: 0%;
padding:0;
}
.login-right {
margin-top:20px;
}
.acount-btn {
font-size: 13px;
padding: 0.7em 1em;
}
.login-right p {
margin: 0 0 1em 0;
}
.login-left h2 {
font-size: 20px;
padding-bottom: 10px;
}
.cart-item-info {
width: 71%;
}
}
@media screen and (max-width: 320px) {
.header-top-left {
width: 100%;
text-align: center;
}
.header-right {
margin-right:22%;
margin-top:3%;
}
.header-top-left ul li {
margin: 0 10px;
}
.logo a span {
font-size: 25px;
width: 40px;
height: 40px;
padding: 2px 0 0 1px;
margin-top: 6px;
}
.logo h1 a {
font-size: 21px;
}
.navbar-toggle {
padding: 7px 7px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
}
.join input[type="text"] {
width: 65%;
}
.join input[type="submit"] {
width: 35%;
font-size: 15px;
}
.login-right input[type="submit"] {
padding: 0.5em 1em;
}
.login-left h2 {
font-size: 18px;
}
.cart-item-info {
width: 100%;
}
}
.product_price{font-weight:700;color:#999;width:100%;text-align:center;display:block;}
.add_to_cart{width:100%;text-align:center;display:block;}
.product_name{ margin: 7px 0px 0;}
.product_name a { font-weight: 700;}
.contact-form input[type="text"], .contact-form select{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size: 14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-form input[type="reset"]{
display:none;
}
.contact-form textarea{
width: 100%;
color: #000;
font-size: 14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
span.label{}
.acount-btn{border:0px;}
#newlogin h3,#userlogin h3 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
#newlogin p,#userlogin p {
color: #CAC9C9;
display: block;
font-size: 1.1em;
margin: 0 0 2em 0;
line-height: 1.5em;
}
#userlogin input[type="submit"]:hover{
background:#000;
text-decoration:none;
color:#fff;
}
#newlogin form, #userlogin form {
padding: 1em 0;
}
#newloginform div,#userlogin form div {
padding: 0 0 2em 0;
}
#newlogin span, #userlogin span {
color: #555;
font-size:1em;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
font-weight:normal;
}
#userlogin input[type="text"] {
border: 1px solid #EEE;
outline-color:#CACACA;
width: 96%;
font-size:13px;
padding: 8px;
}
#userlogin input[type="password"] {
border: 1px solid #EEE;
outline-color:#CACACA;
width: 96%;
font-size:13px;
padding: 8px;
}
#userlogin input[type="submit"] {
/*background: #97D700;*/
color: #FFF;
font-size: 1em;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
border:none;
outline:none;
}
#userlogin input[type="button"] {
background-color:transparent;
border:0px;
color:#337AC4;
}
#userlogin input[type="button"]:hover{
text-decoration:underline;
}
#userlogin table {
width: 100% !important;
}
#newlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin td{padding:10px;}
#showQuestion{display:inline-block;}
#maincontent{padding:10px;}
#userlogin span.label{display:none;}
#userlogin table{width:80%;}
.reg .tableheader{
/*color: #97D700;*/
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: bold;
}
.reg .tableheader2{
font-size:24px;
color:black;
}
.reg td{padding: 0px 0px 22px}
.reg .tablecell{color:#CAC9C9;}
.reg {width:70%;}
.reg input[type="reset"]{display:none;}
.reg select{
width: 100%;
color: #000;
margin: 0px 23px 23px 0px;
font-size: 14px;
padding: 12px 10px;
outline: medium none;
border: 1px solid #E8E8E8;
}
.reg input[type="button"]{
background-color:transparent;
border:0px;
color:#337AC4;
}
.reg input[type="button"]:hover{
text-decoration:underline;
}
.checkout1-form input[type="text"], .checkout1-form input[type="password"] {
border: 1px solid #EEE;
outline-color:#CACACA;
font-size:13px;
padding: 8px;
}
.checkout1-form ul li div:first-child{ font-size:24px;}
#checkout_popup input[type="text"], #checkout_popup select, #checkout_popup input[type="password"]{
border: 1px solid #EEE;
outline-color:#CACACA;
font-size:13px;
padding: 8px;
}
.checkout1-form ul li div.formlabel{font-size:14px;}
@media screen and (max-width: 800px) {
#newlogin{width:100%;}
#userlogin{width:100%;}
#userlogin table{width:100%;}
.reg td{display:table;width:100%;}
.reg .tableheader{font-size:14px;}
.checkout1-form ul li{width:100%!important;}
.checkout1-form ul li:first-child{border:0px!important;}
.checkout1-form ul li:last-child{margin-top:100px;}
.checkout2_div1{width:100%!important;}
.checkout2_div2{width:100%!important;border:0px!important;padding-left:0px!important;margin-left:0px!important;margin-top:100px;}
}
#submitbtn{}
#checkout_continue_submit{}
.btn-color{}
.textalign .primary_button{}
.iesbackgroundcolor1{background-color:#3f4347;}
.iesbackgroundcolor2{background-color:#f5f5f5;}
.iesbackgroundcolor3{background-color:#040001;}
.iesfontcolor1{color:#bad9d4;}
.iesfontcolor2{color:#3f4347;}
.iesfontcolor3{color:#ffffff;}
.iesfontfamily1{font-family: 'Poppins', Arial, sans-serif;}
.iesfontfamily2{font-family: 'Poppins', Arial, sans-serif;}
.iesfontfamily3{font-family: 'Poppins', Arial, sans-serif;}
.iesdefaultfontfamily1{font-family:'Poppins', Arial, sans-serif;}
.iesdefaultfontfamily2{font-family:'Poppins', Arial, sans-serif;}
.iesdefaultfontfamily3{font-family: 'Poppins', Arial, sans-serif;}
/* more widget classes - begin */
.page_description_header_main {font-weight:bold;font-size:16px;}
#topdesc {padding:10px 0px 10px 0px;display:block;}
#maindesc {padding:10px 0px 10px 0px;/*display:block;*/}
#bottomdesc {padding:10px 0px 10px 0px;display:block;}
.main_cat_title {font-weight:bold;}
.main_cat_list {display:inline-block; width: 100%; margin-bottom: 25px;}
.cat_list {display:inline-block;}
.category_pic {max-height:100px;max-width:100px;}
/* adding more to the one defined above */
/*.products-grid img {max-height:400px;}*/
/* more widget classes - end */
/*=== things to change ===*/
.row-tool { right: 0 !important;}
/*================
CUSTOM TEMPLATE STYLE
================*/
a { text-decoration: none; color: inherit;}
a:hover, a:focus { text-decoration: none; color: inherit;}
h4 { font-size: 1em;}
.nav-container{ margin-right: auto; margin-left: auto; width: 90%;}
.navbar-logo a { font-family: 'Poppins', Arial, sans-serif; /*color: #fff;*/font-size: 2em; /*font-weight: 700;*/ text-transform: uppercase; line-height: 1em;}
.navbar-logo a { color: #1A1202;}
.iesbackgroundcolor2 .navbar-logo a { color: #1A1202;}
.cart-total-qty { font-weight: 700; font-size: .7em;}
.cart-total-price { font-weight: 700;}
.checkout img { float: right; margin: 0 3%;}
.cartbox {
float: right;
/*padding: 0 !important;*/
cursor: pointer;
margin-top: 9px;
text-align: right;
padding: 4.5px 5px;
}
.fa-chevron-right { float: left; /*color: rgba(255,255,255,.5);*/ margin: 12px 7px; cursor: pointer;}
.navbar {
border: 0px;
border-radius: 0px;
}
.navbar-trans {	background: rgba(255,255,255,.1);}
.text-bg-trans-add { background: rgba(255,255,255,.6);}
.navbar.iesbackgroundcolor2 .navbar-logo {
/*color: #fff !important;*/
}
.navbar-fixed-top {
position: fixed;
top: 0;
z-index: 8;
width: 100%;
}
.tippy-bottom {
margin: 55px 0;
}
.pipe-right { margin-top:8.5px;}
.pipe-right ul { text-align: right;}
.pipe-right li { display: inline-block; list-style-type: none; padding: 0 5%; font-size: 1.4em; color: #ffffff;}
.pipe-right li:last-child { padding-right: 0;}
.pipe-right li a i:hover { background: transparent;}
.navbar-nav { float: none; width: 100%;}
.hara-navbar-top { width: 100%; }
.hara-navbar-top ul { text-align: right;}
.hara-navbar-top li {
list-style-type: none;
display: inline-block;
padding: 0;
}
.hara-navbar-top li .divdropdown {
display: none;
position: absolute;
background: #ffffff;
width: 150px;
padding: 10px;
border-radius: 4px;
}
.hara-navbar-top li .divdropdown li {
display: block;
text-align: left;
clear: both;
}
.hara-navbar-top li .divdropdown li a {
display: block;
padding: 5px 0;
border-bottom: 1px solid #ebebeb;
}
.hara-navbar-top li .divdropdown li:last-child a {
border-bottom: 0;
}
.hara-navbar-top li:hover .divdropdown {
display: block;
}
.dropdown.mega-dropdown { margin-right: 0; position: static;}
.dropdown.mega-dropdown a { margin-right: 0;}
.navbar-nav > li { margin: 0 10px; float: none;}
.navbar-default .navbar-nav > li > a {
border: 0px;
color: #fff;
font-size: 1em;
text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover {
color: #d4d5d5;
background: transparent;
}
.navbar-nav > li .fa-facebook:hover { background: transparent;}
.navbar-brand { padding: 0; }
.topbar.logo-shrink .logo img { max-height: 95px;}
.topbar.logo-shrink .hara-navbar-top { margin: 40px 0 20px;}
.topbar.logo-shrink .navbar-default .navbar-nav > li > a { font-size: 1.2em;}
/* EXPANDING SEARCH BAR*/
.fa-search { margin: 15% auto;}
.searchbox {
height: 50px;
float: left;
/*width: 45%;*/
left: 22%;
/*margin-top: 8px;*/
}
.search {
top: 15px;
/*width: 80%;
border-bottom: 1px solid #eeeeee;*/
padding: 1% 1.5%;
border-top: 0px;
border-left: 0;
border-right: 0;
/*background: transparent;*/
margin-left: 4%;
}
.searchbutton {
top: 12px;
/*left: 62%;*/
width: 9%;
position: relative;
}
.sb-search {
position: relative;
margin-top: 10px;
width: 0%;
min-width: 40px;
height: 35px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: .5px;
border: none;
outline: none;
background: #fff;
width: 74%;
height: 28px;
margin: 0;
z-index: 5;
padding: 2px 2px 2px 5px;
font-family: inherit;
font-size: .8em;
color: #2c3e50;
}
.sb-search-input::-webkit-input-placeholder {
color: #777777;
}
.sb-search-input:-moz-placeholder {
color: #777777;
}
.sb-search-input::-moz-placeholder {
color: #777777;
}
.sb-search-input:-ms-input-placeholder {
color: #777777;
}
.sb-icon-search,
.sb-search-submit {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 60px;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff; /* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: #fff;
/*background: #e67e22;*/
background: #180309;
z-index: 5;
font-size: 22px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: #000;
background: rgba(120,120,150,.8);
color: #fff;
z-index: 8;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 10;
}
.products-front #product_listing_sortby_box { display: none;}
#category-list {
display: none;
padding: 1.5em 1em;
line-height: 1.2em;
position: absolute;
max-width: 100%;
right: 0;
z-index: 10;
/*background: #f6f6f6;
margin-top: 12px;*/
}
#category-list div { text-align: right;}
.category1 {
margin-bottom: 10%;
text-align: right;
/*max-width: 25%;*/
margin: 0 15px;
display: inline-block;
vertical-align:top;
font-size: .95em;
}
.category1 > a {
display: block;
border-bottom: 1px solid;
margin-bottom: 7px;
font-weight: 700;
}
.category2 {
margin-bottom: 7px;
}
.category2 a:hover { color: #939393;}
.dropdown-toggle #category-list:hover { display: block;}
/* VERTICAL NAVBAR */
.navbar-toggle {
/*display: block;*/
float: right;
clear: right;
border: 0px;
background: #3F4347;
margin-right: 0;
margin-top: 5%;
border-radius: 0;
}
.navbar-toggle .icon-bar {
width: 28px;
height: 3px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px;
}
.navbar-collapse.collapse {
padding: 0;
margin-top: 2%;
/*width: 20%;
max-width: 20%;*/
}
.navmenu { padding: 0;}
.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { padding: 0;}
.navbar-collapse.in {
overflow-y: auto;
overflow-x: hidden;
}
.fa-chevron-down {
/*float: right;*/
font-size: .7em;
/*margin-top: .4em;*/
color: #000;
-webkit-transition: all 300ms ease-in 0s;
-moz-transition: all 300ms ease-in 0s;
-o-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.sub-3 { border-radius: 0px;}
.sub-3 a {
padding-left: 12%;
}
.sub-4 {border-radius: 0px;}
.sub-4 a {
padding-left: 17%;
}
.centeronpage {
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
.rightonpage {
top:60%;
left:70%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
.leftonpage {
top:60%;
left:30%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
.extratoponpage {
top: 40%;
transform: translate(0%,40%);
-webkit-transform: translate(0%,40%);
-moz-transform:translate(0%,40%);
-o-transform: translate(0%,40%);
-ms-transform:translate(0%,40%);
}
.extra2toponpage {
margin-top: 35px;
/*
top: 50%;
transform: translate(0%,120%);
-webkit-transform: translate(0%,120%);
-moz-transform:translate(0%,120%);
-o-transform: translate(0%,120%);
-ms-transform:translate(0%,120%);
*/
}
.extra2toponpage2 {
/*margin-top: 120px;*/
margin-top: 30px;
}
.clientonslide {
bottom: 0;
left: 1.5%;
transform: translate(6%,0%);
-webkit-transform: translate(6%,0%);
-moz-transform:translate(6%,0%);
-o-transform: translate(6%,0%);
-ms-transform:translate(6%,0%);
}
.client-pg { margin: 15px 0;}
.swiper-slide img { width: 100%;}
.swiper-pagination-bullet-active {
background: #545c66 !important;
}
.arrow .fa-chevron-down { font-size: 1.5em; color: rgba(197,227,220,1);}
.arrow {
position: absolute;
z-index: 5;
text-align: center;
margin: -3% auto 0;
width: 100%;
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.public-content-wrapper .mainbody{ margin-top: 0;}
#hara-front1 .iessnippet-basic.iessnippet-num-302 { padding-top: 0; padding-bottom: 0;}
#hara-front4 { margin-top: 5%;}
.brands-logo {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.ss-light-bg {
background: rgba(197,227,220,.5) !important;
padding: 15px;
}
.ss-white-bg {
background: rgba(225,225,225,.2) ;
padding: 7px;
}
#section0 { overflow: hidden; }
#section1 .ss-front { overflow: hidden; }
#section2 .ss-front { overflow: hidden; }
#section3 .ss-light-bg { height: 100vh;}
.ss-front img { width: 100%;}
/*
#section1 .ss-front img { width: auto; height: 100vh; }
#section2 .ss-front img { width: auto; height: 100vh; }
#hara-front1 img { width: auto; height: 100vh; }
*/
#front-abt1 { background: transparent;}
#front-abt1 img { width: 100%;}
#front-abt2 { position: absolute;}
#section1 .container { padding-right: 30px;}
#hara-front3 .row { margin-left: 0;}
#hara-front3 h5 { padding: 0 3%;}
.client-name { padding: 3%;}
#hara-front2 h3 { padding: 0 3%; }
#hara-front2 .col-md-6 { padding-left: 0; padding-right: 0;}
#hara-front2 .iessnippet-basic { padding-top: 0; padding-bottom: 0;}
#clientdiv img { min-height: auto; width: auto;}
#clientdiv h3 { font-family: 'autumn-in-november'; line-height: 1.6em;}
.service-box { position: relative;}
.dash {
text-align: center;
margin: 0 auto;
width: auto;
}
.frontbox-text {
background: transparent !important;
}
#textbox1 h3 { padding: 15px 0;}
.slider-text h1 { background: transparent !important; text-shadow: 2px 2px 12px rgba(193, 193, 193, 1);}
.quote-text { width: 100%; text-align: center; background: transparent;}
.quote-text h1 { font-family: 'autumn-in-november', cursive; line-height: 1.6em;}
.quote-text h2 { font-family: 'autumn-in-november', cursive; font-size: 3em; line-height: 1.6em;}
.quote-text h3 { font-family: 'autumn-in-november', cursive; line-height: 1.6em;}
.iessnippet-num-301.ies-quick-cat .service-head div:hover { background: transparent;}
.contact-pg .quote-text {margin: 0 auto 2%;}
.abt-pg>h1 { display: none;}
.frontbox-text p {
text-align: center;
}
.frontpage-btn {
margin-top: 35px;
margin-bottom: 35%;
text-align: center;
}
.frontpage-btn:hover {
background: transparent !important;
}
.iessnippet-num-301.ies-quick-cat .col-md-4 img { height: auto;}
.iessnippet-num-301.ies-quick-cat img { width: 100%;}
.iessnippet-num-301.ies-quick-cat .service-box { cursor: default;}
.iessnippet-num-301.ies-quick-cat .service-box .ss-white-bg:hover { background: rgba(225,225,225,.8); }
.iessnippet-num-301.ies-quick-cat .service-box div:hover { cursor: default;}
.infopagescontent .iessnippet-basic { padding-top: 0; padding-bottom: 0;}
/*
.ss-front {
width: 90%;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
*/
.service-text { position: absolute;}
/*
.service-box img { height: 100vh; width: auto !important; max-height: none;}
.service-box { overflow: hidden;}
*/
.why-number { padding: 150px 0 250px;}
.why-number h3:before {
content: '';
z-index: -1;
height: 20px;
width: 106px;
position: absolute;
left: 50%;
top: 15%;
transform: translate(-50%,-15%);
-webkit-transform: translate(-50%,-15%);
background-image: url('./images/dash.png');
}
.mainbody > h1 { display: none;}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.facebook-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.facebook-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.client-pg .drive-viewer-toolstrip div,
.client-pg .drive-viewer-toolstrip-rgt-panel div,
.client-pg .drive-viewer-v3.drive-viewer-embed .drive-viewer-toolstrip,
.client-pg .drive-viewer-dark-button.drive-viewer-button,
.client-pg .drive-viewer-v3.drive-viewer-embed .drive-viewer-toolstrip
{ display: none !important;}
.products-front h3 {
font-size: 1.5em;
text-transform: uppercase;
}
.products-front {
margin-top: 1em;
padding:0;
}
.prod-front {
width: 100%;
margin-top: 20px;
}
#ss-cat1 h3, #ss-cat2 h3 { font-family: 'autumn-in-november'; line-height: 1.6em;}
#eventbox { padding: 40px 0;}
.margintop20 {
margin-top: 20px;
}
.product_name {
display: block;
display: -webkit-box;
/*max-width: 400px;
height: 109.2px;
margin: 0 auto;*/
line-height: 1.4;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
footer {
padding: 5% 0 1% 0;
}
.footerlinks ul { text-align: right;}
.footerlinks li {
list-style-type: none;
color: #fff;
font-size: .9em;
line-height: 2.2;
padding: 5px 10px 5px 0;
display: inline-block;
}
.footerlinks li a, .footerlinks p {
color: #fff;
font-size: 1.2em;
}
.footertgt img {
display: inline-block;
margin-right: 10px;
}
.payment { margin: 2% auto; text-align: center; clear: both;}
.payment-img { display: inline-block; width: 8%;}
.bolder, #newsletter-head {
font-weight: 700;
}
#copyright {
font-size: .7em;
color: #fff;
text-align: center;
letter-spacing: 1px;
}
.media { display: inline-block; margin-top: 0;}
.media p { color: #fff; width: 100%; text-transform: uppercase;}
.media img { float: left; padding: 2%; cursor: pointer}
.media img:first-child {padding-left: 0px;}
.media div { /*display: inline-block;*/}
.blocking { display: block;}
.newsletter-form {
color: #fff;
font-size: .9em;
line-height: 1.2;
padding: 5px 0 5px 0;
}
#newsletter-head {
margin: 2%;
/*color: #fff;*/
font-size: 1.5em;
text-transform: uppercase;
}
#newsletter-field {
width: 90%;
padding: 2%;
background: rgba(255,255,255,.9);
border: 0px;
text-align: center;
}
#newsletter-field input[type='text'].search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
#newsletter-field input[type='text'].search::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
#newsletter-field input[type='text'].search:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
#newsletter-field input[type='text'].search:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
#newsletter-submit-button {
text-align: center;
text-transform: uppercase;
border: 0px;
width: 90%;
padding: 3%;
margin-top: 1em;
font-weight:700;
background: rgba(250,25,45,.6);;
/*color: #fff;*/
}
.newsletter-front { margin-top: 5%;}
.newsletter-box { margin: 0 16%; text-align: center; padding: 3%;}
#newsletter-img img { margin: 0 auto;}
.bg-overlay {
display: none;
position: fixed;
background: rgba(63,63,63,.75);
height: 100vh;
width: 100%;
z-index: 9;
top: 0;
left: 0;
transition-property: background;
transition-duration: 200ms;
transition-timing-function: linear;
-webkit-transition: background 200ms linear;
-moz-transition: background 200ms linear;
-o-transition: background 200ms linear;
}
.talktome {
display: none;
}
#sugarnspicechat {
position: fixed;
float: right;
right: 0;
bottom: 1%;
padding: 37px 39px;
/*background: #F1C15D;*/
font-size: 36px;
color: #ffffff;
z-index: 15;
}
#sugarnspicechat:after {
content: "";
display: block;
background: #25D366;
height: 60px;
width: 60px;
position: absolute;
bottom: 25px;
right: 25px;
z-index: -1;
/*-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
transform: rotate(55deg);*/
border-radius: 50%;
-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
}
/* INFORMATION PAGES STYLING */
.clientdivtestimonial {
margin-top: 60px;
}
.clientdivtestimonial a {
color: #337ab7;
font-weight: 600;
}
.clientdivtestimonial a:hover {
color: #23527c;
}
.stickyleftnav {
position: absolute;
}
ul.info-history-nav {
list-style-type: none;
position: absolute;
left: 0;
top: 30px;
}
ul.info-history-nav li {
border: 1px solid;
display: inline-block;
width: 100%;
margin: 5px 2px;
text-align: center;
vertical-align: top;
}
ul.info-history-nav li a {
padding: 8px 10px 10px;
display: block;
vertical-align: middle;
}
ul.info-history-nav li a:hover, ul.info-history-nav li a:focus {
background: #3F4347;
color: #ffffff;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
ul.info-history-nav li.noborder {
border: 0;
}
.stickyleftnav .sticky-wrapper.is-sticky ul.info-history-nav {
margin-left: 45px;
z-index:1!important;
}
.infopagescontent h3 { margin-top: 80px;}
.infopagescontent .clientlocations h3 { margin-top: 10px;}
.infopagescontent .clientlocations .col-md-4 { margin-top: 40px;}
.infopagescontent .iessnippet-num-20:last-child .clientlocations { margin-bottom: 40px;}
/* contact us page */
#contactUsForm .label { color: #3F4347;}
#contactUsForm { height: 900px;}
#contactUsForm input {
width: 100%;
/*color: #ffffff;*/
margin: 0 23px 23px 0;
font-size: 14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
#contactUsForm input#phoneno {
padding: 12px 10px 12px 85px;
}
.contact-pg p {
text-align: center;
}
.abt-top-text {
padding: 0 4% 1%;
}
.abt-top-text h3 {
font-weight: 300;
}
.client-pg a { color: #a7c3be;}
.client-pg a:hover { text-decoration: underline;}
.client-pg:last-child { padding-bottom: 300px;}
/* Category listing */
.product {
vertical-align: middle;
text-align: center;
overflow: hidden;
display: inline-block;
width: 30%;
margin-left: 3%;
margin-top: 1%;
padding-top: 10px;
/*float: left;*/
transition-property: width;
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transition: width 500ms linear;
-moz-transition: width 500ms linear;
-o-transition: width 500ms linear;
}
.products-grid img:before {
display: inline-block;
vertical-align: middle;
}
.products-grid img {
max-height: 290px;
overflow-y: hidden;
max-width: 100%;
position: relative;
margin: 0 auto;
margin-top: 5%;
}
.product_pic_div { max-height: 310px;}
.products-grid { margin: 0 0 30px;}
.paging_outer {
clear: both;
position: relative;
list-style-type: none;
margin: 0% auto;
height: 20px;
width: 40%;
}
.paging_outer li {
width: 12%;
text-align: center;
float: left;
}
.carttext a, .stocknotificationtext a { font-size:.85em; color: #fff; font-weight: 700;}
.carttext {
text-align: center;
text-transform: uppercase;
padding: 2%;
margin: 2% auto;
width: 70%;
/*border: 1px solid #ccc;*/
}
.carttext:hover { background: #ccc;}
.text-bg-trans-add.wishlistbox { }
.tippylink .wishlistbox a { padding: 1%;}
.wishlistbutton { font-size: .7em; cursor: pointer; color: #a8a8a8; display: block;}
.product_original_price {
text-align: center;
color: #bdbdbd;
text-decoration: line-through;
}
.cat_list {
display: inline-block;
width: 24%;
margin-top: 2%;
text-align: center;
border: 1px solid #eee;
}
.cat_img img { margin: 0 20%;}
#maindesc, #breadcrumbs, .page_description_header_main, .category_breadcrumbs { display: inline-block;}
.category-bread #breadcrumbs > h1, .category-bread #maindesc > h1 {
text-align: left !important;
font-weight: 300 !important;
font-size: 1em !important;
}
.shrinker{
width: 22% !important;
}
.resized { display: none; width: 5%; right: 5%; position: absolute; z-index:2;}
.fa-th-large { font-size: 1.8em; margin-right: 7%; color: #7e7e7e; cursor: pointer;}
.fa-th { font-size: 1.8em; color: #7e7e7e; cursor: pointer;}
#product_listing_sortby_box { text-align: right;}
#product_listing_sortby_box form { width: 100%; position: relative;}
/* RESPONSIVE SETTINGS */
@media only screen and (min-width: 1922px) {
.navbar-brand { margin-left: 7%;}
.navbar-collapse.collapse { }
.mainbody { margin-top: 125px;}
.newsletter-header .col-md-6 { width: 30%;}
.newsletter-header { padding-left: 10%;}
.container { width: 80%;}
.product { width: 21%;}
.hara-navbar-top { width: 100%; margin: 3% 0;}
.clientonslide {left: 0.5%;}
.frontbox-text { padding: 15% 15px;}
#clientdiv .frontbox-text { padding: 45% 15px 19%;}
.logo img { max-height: 130px;}
.info-pad-top { padding-top: 120px;}
.quote-text { margin: 4% auto;}
.extratoponpage {
top: 15%;
transform: translate(0%,15%);
-webkit-transform: translate(0%,15%);
-moz-transform:translate(0%,15%);
-o-transform: translate(0%,15%);
-ms-transform:translate(0%,15%);
}
}
@media only screen and (max-width: 1921px) {
.hara-navbar-top { margin: 4% 0;}
.mainbody { margin-top: 125px;}
.logo img { max-height: 123px;}
.frontbox-text { padding: 20% 15px;}
#clientdiv .frontbox-text { padding: 45% 15px 0;}
#clientdiv .frontpage-btn { margin-bottom: 0;}
.clientonslide { left: 1%;}
.info-pad-top { padding-top: 120px;}
}
@media only screen and (max-width: 1441px) {
.hara-navbar-top { margin: 6% 0;}
.cartbox { width: 16%;}
.logo img { max-height: 130px;}
.frontbox-text { padding: 15px;}
.clientonslide { left: 1.5%;}
.dash { margin: 30% auto 0;}
.frontpage-btn { margin-bottom: 26%;}
#clientdiv .frontbox-text { padding: 30% 15px 0;}
}
@media only screen and (max-width: 1386px) {
.navbar-nav { margin-right: 0;}
.cartbox { width: 19%; margin-top: 15px;}
.logo img { max-height: 115px;}
.dash { margin: 25% auto 0;}
.rightonpage { top: 45%; }
}
@media only screen and (max-width: 1286px) {
.dash { margin: 7% auto 0;}
.frontpage-btn { margin-bottom: 15%;}
}
@media (min-width: 1200px) {
.ss-container { width: 100%;}
}
@media only screen and (max-width: 1200px) {
#textbox1 { padding: 3px 0;}
#textbox1 h3 { padding: 6px 0;}
.frontpage-btn { margin-top: 7px; margin-bottom: 0;}
.dash { margin: 0 auto 0;}
.navbar-nav > li { margin: 0 7px;}
.rightonpage { top: 45%;}
.nav>li>a { padding: 10px 7px;}
}
@media only screen and (max-width: 1024px) {
.nav-container { width: 92%;}
.navbar-logo { max-height: 55px;}
.cartbox { width: 23%; margin-top: 8px;}
.media { padding: 0;}
.media img { padding: 0 7%;}
.products-grid img { max-height: 200px;}
.product_pic_div { max-height: 202px;}
#category-list { right: 1.6%;}
.ss-front {margin-top: 4%;}
.rightonpage { top: 55%;}
.info-pad-top { padding-top: 110px;}
.nav>li>a:last-child {padding: 10px 0px;}
.nav>li>a:nth-child(6) {padding: 10px 0px;}
}
@media only screen and (max-width: 995px) {
#textbox1 { padding: 10px;}
#clientdiv.ss-light-bg { padding: 15px;}
}
@media (min-width: 992px) {
.ss-container { width: 100%;}
}
@media only screen and (max-width: 992px) {
.navbar-logo { line-height: 1.2em; font-size: 1.6em;}
#newsletter-head { text-align: center; margin: 2%;}
#newsletter-field, #newsletter-submit-button { text-align: center; width: 100%;}
.cartbox { padding: 10px 3px 3px;}
}
@media only screen and (max-width: 990px) {
#section1 .container { padding-right: 15px;}
#front-abt1 { padding: 0;}
#front-abt2 { margin-top: 25px; margin-bottom: 15px;}
#hara-front2 .col-md-6:first-child { padding-left: 0;}
#hara-front2 .col-md-6:nth-child(2) { padding-right: 0;}
#section3 .container > .col-md-12 { padding: 0;}
#hara-front3 .row { margin-right: 0;}
#hara-front3 .col-sm-6:nth-child(2) { margin-top: 25px; padding-left: 0;}
#hara-front3 .col-sm-6:nth-child(3) { margin-top: 25px; padding-right: 0;}
.equal-height { margin-bottom: auto !important; padding-bottom: 0; background:transparent;}
#clientdiv .frontbox-text { padding: 0 15px 0;}
}
@media only screen and (max-width: 940px) {
.navbar-nav > li { margin: 0 3px;}
.navbar-nav > li a { padding: 6px 0; margin: 0;}
.navbar-default .navbar-nav > li > a { padding: 6px 0px;}
.logo img { max-height: 100px;}
.media img { padding: 0 5%;}
}
/* Mobile View */
@media only screen and (max-width: 800px) {
.navbar-logo a { color: #1A1202; font-size: 1em; background: #3F4347; height: 60px; display: block; width: 60px;
border-radius: 30px;}
.pipe-right { display: none;}
.navbar-brand { float: left; padding: 0px; margin-left: 0px; font-size: 1.5em;}
.cart-item-text { display: none;}
.cart-total-qty { font-size: 1em;}
.cartbox {float: left; margin-top: 12px;}
.main-top { margin-top: 14%;}
.resized { display: block; width: 10%; text-align: right; margin: 3px 0;}
#product_listing_sortby_box form { width: 89%;}
#product_listing_sortby_box {margin: 5px 0;}
#hara-front2 .col-md-6:first-child { padding-right: 0;}
#hara-front2 .col-md-6:nth-child(2) { padding-left: 0; }
#hara-front3 .col-sm-6:nth-child(2) { padding-right: 0;}
#hara-front3 .col-sm-6:nth-child(3) { padding-left: 0;}
.brands-logo img { max-height: 140px; width: auto;}
.footerlinks ul { text-align: center;}
.media img:first-child { padding-left: 27%;}
.media p { text-align: center;}
.logo img { max-height: 60px;}
.extratoponpage {
top: 0%;
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
-moz-transform:translate(0%,0%);
-o-transform: translate(0%,0%);
-ms-transform:translate(0%,0%);
}
.extra2toponpage {
top: 0%;
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
-moz-transform:translate(0%,0%);
-o-transform: translate(0%,0%);
-ms-transform:translate(0%,0%);
}
.leftonpage {
top: 0%;
left: 0%;
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
-moz-transform:translate(0%,0%);
-o-transform: translate(0%,0%);
-ms-transform:translate(0%,0%);
}
.section {height: auto !important;}
#front-abt2 { position: relative; width: 100%; margin-top: 0; margin-bottom: 0;}
.rightonpage {
top: 0%;
left: 0%;
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
-moz-transform: translate(0%,0%);
-o-transform: translate(0%,0%);
-ms-transform: translate(0%,0%);
}
.why-number h3:before {
top: 30%;
transform: translate(-50%,-30%);
-webkit-transform: translate(-50%,-30%);
}
#clientdiv img { margin: 5% auto;}
.service-text { width: 100%; position: relative;}
.info-pad-top { padding-top: 0px;}
.abt-amy { margin-top: 30px;}
.why-number { padding-top: 60px; padding-bottom: 30px;}
.service-head .service-text { position: absolute;}
.iessnippet-num-301.ies-quick-cat .col-md-4.col-sm-4 { margin-bottom: 0px !important;}
#copyright { margin-top: 2%;}
.mainbody { margin-top: 65px;}
.quote-text h2 { font-size: 2em;}
#eventbox { padding: 0;}
.grey-topbar { display: none;}
.navbar-fixed-top.grey-topbar { height: 52px; display: block;}
/* VERTICAL NAVBAR PANEL */
.navbar-collapse.collapse { display: none !important; }
.navbar-collapse.collapse.in { display: block !important; }
.navbar-header .collapse, .navbar-toggle { display:block !important;}
.hara-navbar-top { min-width: 200px; width: auto; margin: 0;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent;}
.hara-navbar-top ul { margin: 0;}
.hara-navbar-top li { display: block;}
.navbar-collapse.collapse { width: 100%; margin-top: 0px; max-width: 22%;}
.navbar-default .navbar-toggle { border: none; float: right;}
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; width: 30px; height: 3px;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px;}
.navbar-nav > li { width: 100%; margin: 0; border-bottom: 1px solid #d6d6d6;}
.navbar-default .navbar-nav > li > a { text-align: left; color: #000000; padding: 6px 10px;}
.navbar { width: 100%;}
#category-list { position: relative; width: 100%; background: transparent;}
#category-list div {text-align: left;}
.category1 { max-width: 100%;}
.category1 > a { border-bottom: 0;}
.navbar-toggle { margin-right: 0px; margin-top: 3%;}
.visible-xs-block { clear: both;}
.visible-xs-block ul { margin: 7.5px 23px;}
.visible-xs-block li { list-style-type: none; width: 100%; clear: both; padding: 6px 7px; text-align: left; border-bottom: 1px solid #d6d6d6;}
.visible-xs-block li a { font-weight: 500; text-transform: uppercase; font-size: 1.3em;}
/* MOBILE MINI CART */
/* Product */
.carttext { width: 85%;}
.products-grid img { max-height: 135px;}
.product { width: 22%;}
.shrinker { width: 17% !important;}
.shrinker .product_name { display: none;}
.wishlistbutton { margin: 4% auto;}
.cat_img img { max-height: 100px; max-width: 100px; width: 70%; margin: 0 20%;}
.extra2toponpage2 {
margin-top: 20px;
}
div[data-iessection="templatebottom"] {
max-height: none;
}
}
@media only screen and (max-width: 768px) {
#fb-root, .fb-customerchat{ display: none !important;}
.talktome { display: block; }
}
@media only screen and (max-width: 676px) {
.navbar-brand { width: 100%; font-size: 1.5em;}
.navbar-logo a { color: #1A1202; font-size: 1em; background: #3F4347; height: 52px; display: block; width: 51px;
border-radius: 25px;}
.logo img { max-height: 52px;}
.navbar-header { float: left;}
.nav-container { width: 100%;}
.cartbox { margin-top: 14px;}
.media img { padding: 10px 4%;}
.carttext, .add_to_wishlist { display: none;}
.product { width: 30%; }
.products-grid img { max-height: 130px;}
.products-grid { margin: 0; padding-top: 0;}
.product_name a { font-size: .9em;}
.fa-th, .fa-th-large { font-size: 1.2em;}
.shrinker { width: 22% !important;}
.shrinker .products-grid img { max-height: 125px;}
.frontbox-text p { text-align: left;}
}
@media only screen and (max-width: 450px) {
.mainbody { margin-top: 12%;}
.navbar-brand { font-size: 1em;}
.cartbox { margin-top: 10px;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px;}
.cat_list { width: 32%;}
.paging_outer li { width: 20%;}
.paging_outer { width: 75%;}
.products-grid { padding-top: 0;}
.products-front, .prod-front { margin-top: 0;}
.products-grid img { max-height: 150px;}
#product_listing_sortby_box form { width: 87%;}
#product_listing_sortby_box { margin: 3px 0;}
.resized { width: 12%;}
.shrinker.product .product_name,.shrinker.product .product_price,.shrinker.product .product_original_price { display: none;}
.shrinker.product { max-height: 100px;}
#client1 { left: -2.5%;}
#client2 { left: -2.5%;}
.frontbox-text { padding: 23px;}
#textbox1 { padding: 27px;}
.product { width: 47%;}
}
@media only screen and (max-width: 400px) {
.navbar-default .navbar-toggle .icon-bar { width: 27px;}
.navbar-default .navbar-toggle { padding: 10px 5px;}
.navbar-brand { max-height: 50px;}
.cartbox { width: 20%; margin-top: 8px;}
.product { width: 46%; }
#product_listing_sortby_box form { width: 85%;}
.resized { width: 15%;}
.products-grid img { max-height: 125px;}
.shrinker.product { padding: 5px; max-height: 100px;}
.product_price, .product_original_price { font-size: .7em;}
.brands-logo img { max-height: 120px;}
}
@media only screen and (max-width: 350px) {
.navbar-default .navbar-toggle .icon-bar { width: 25px;}
.navbar-default .navbar-toggle { padding: 10px 7px;}
.cat_list { width: 49%;}
.media img { padding: 10px 5%;}
.product { margin-top: 3%; }
.products-grid img { max-height: 120px;}
.product_name a { font-size: .8em;}
.fa-th, .fa-th-large { font-size: 1.2em;}
.shrinker { width: 30% !important;}
.resized { width: 16%;}
#product_listing_sortby_box select { width: 72%;}
#product_listing_sortby_box form { width: 82%;}
.media img:first-child { padding-left: 13%;}
.brands-logo img { max-height: 95px;}
.mainbody { margin-top: 15%;}
}
/* checkout */
/* checkout 1*/
.paymentlist{position:relative;display:inline-block;min-width: 11%;}
#checkoutoptions{display:none;position:absolute;right:0px;}
#checkoutoptions td{white-space:nowrap;}
.cart-tax{padding-right:20px;}
.checkout1-form{display:none;}
#logincheckout1{display:none;}
.checkout-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;}
.checkout-form *:focus {outline: none;}
.checkout-form input[type="text"], .checkout-form input[type="password"]{border:0px;padding:0;width:95%;margin:1px;}
.checkout-form select{border:0px;padding:0;width:95%;}
.checkout-form .formlabel{display:block;text-align:left;font-size:12px;color:#999;padding-left:5px;white-space:nowrap;}
.checkout-form .formpair{border:1px solid #ccc;border-radius:3px;padding:0px;margin:5px;width:47%;height:45px;vertical-align:top;}
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .input{width:100%;}
.border-blue{ border: 1px solid #7e7e7e!important; -webkit-box-shadow: 0px 2px 4px 0px rgba(41,41,41,0.75); -moz-box-shadow: 0px 2px 4px 0px rgba(41,41,41,0.75); box-shadow: 0px 2px 4px 0px rgba(41,41,41,0.75);}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{padding-right:10px;text-align:left;}
.checkout-form .primary_button{border:0px;padding:10px 15px!important;color:#fff; font-weight: 700; margin-left:2%; background: #040001;}
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{width:49%;display:inline-block;vertical-align:top;/*background-color:#ebebeb;*/}
.shopping-cart table{width:100%;}
.shopping-cart table tr:first-child{display:none;}
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result{display:none;}
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#ccc;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}
/* checkout 2 */
#multi_cur_form{text-align:right;padding:10px;display:none;}
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.shipping-to-info{list-style-type:none;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:left;padding:10px;}
.checkout2-form .primary_button{border:0px;padding:10px!important;color:#fff;background:#040001;}
.cart-shipping-method{text-align:right;padding-right:20px;}
.cart-grand-total{text-align:right;padding-right:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:5px;margin-top:10px;font-size:25px;display:none;}
.cart-tax{text-align:right;font-size:14px;}
/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;/*padding:10px;*/padding-top:0px;}
.payment-form td { padding: 0;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}
@media screen and (max-width: 1000px) {
.checkout-form .formpair{width:96%;}
.shopping-cart{display:none;}
.checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:49%;}
}
@media screen and (max-width: 750px) {
.checkout-form .formpair{width:96%;}
.shopping-cart{display:none;}
.checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:100%;}
.payment-form div{padding-right:0px!important;padding-left:0px!important;}
.payment-form label{padding-right:0px!important;padding-left:0px!important;white-space:nowrap;text-align:left;width:100%;}
.jp-card-container{transform:scale(0.8)!important;width:300px!important;}
}
/* checkout */
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
grammarly-btn{display:none;}