@charset "UTF-8";
/* ==============================================================
Author : n_for_all
Version : v1.0.0
Created : 21 Jan 2016
Last update : 21 Jan 2016
-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------
0a. General
*/
@import url("800pharmacy.css");
@import url("https://fonts.googleapis.com/css?family=Lato|Lora|Roboto+Condensed|Roboto:100,300,400,700");
.sb-submit-again {
position: absolute;
z-index: 9;
top: 0;
height: 100%;
background: rgba(255, 255, 255, 0.960784);
width: 100%;
left: 0;
text-align: center; }
.sb-fields-container {
color: #606c76;
font-size: 15px;
letter-spacing: 0.01em;
line-height: 1.1; }
.sb-fields-container *,
.sb-fields-container *:after,
.sb-fields-container *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.sb-fields-container input:not([type]),
.sb-fields-container input[type='email'],
.sb-fields-container input[type='number'],
.sb-fields-container input[type='password'],
.sb-fields-container input[type='search'],
.sb-fields-container input[type='tel'],
.sb-fields-container input[type='date'],
.sb-fields-container input[type='text'],
.sb-fields-container input[type='url'],
.sb-fields-container select,
.sb-fields-container textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #d1d1d1;
border-radius: 0.2rem;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: inherit;
box-sizing: inherit;
height: 2.8rem;
padding: 0.4rem 0.8rem;
width: 100%; }
.sb-fields-container input:not([type]):focus,
.sb-fields-container input[type='email']:focus,
.sb-fields-container input[type='number']:focus,
.sb-fields-container input[type='password']:focus,
.sb-fields-container input[type='search']:focus,
.sb-fields-container input[type='tel']:focus,
.sb-fields-container input[type='date']:focus,
.sb-fields-container input[type='text']:focus,
.sb-fields-container input[type='url']:focus,
.sb-fields-container select:focus,
.sb-fields-container textarea:focus {
border-color: #606c76;
outline: 0; }
.sb-fields-container select {
background: url("data:image/svg+xml;utf8,") center right no-repeat #fff;
padding-right: 3rem; }
.sb-fields-container select[multiple='multiple'] {
background-image: none;
min-height: 6rem; }
.sb-fields-container select[multiple='multiple']:focus {
background-image: none; }
.sb-fields-container select:focus {
background-image: url("data:image/svg+xml;utf8,"); }
.sb-fields-container textarea {
min-height: 5.5rem;
vertical-align: top; }
.sb-fields-container label,
.sb-fields-container legend {
display: block;
font-weight: 700;
margin-bottom: 0.4rem;
font-size: 1em; }
.sb-fields-container fieldset {
border-width: 0;
padding: 0; }
.sb-fields-container input[type='checkbox'],
.sb-fields-container input[type='radio'] {
display: inline; }
.sb-fields-container input[type='radio'] {
display: inline;
margin-right: 6px; }
.sb-fields-container .label-inline {
display: inline-block;
font-weight: normal;
margin-left: 0.5rem; }
.sb-fields-container input[type='file'] {
display: block;
font-size: 0.8em; }
.sb-fields-container .button:focus,
.sb-fields-container .button:hover,
.sb-fields-container button:focus,
.sb-fields-container button:hover,
.sb-fields-container input[type='button']:focus,
.sb-fields-container input[type='button']:hover,
.sb-fields-container input[type='reset']:focus,
.sb-fields-container input[type='reset']:hover,
.sb-fields-container input[type='submit']:focus,
.sb-fields-container input[type='submit']:hover {
background-color: #333;
border-color: #333;
color: #fff;
outline: 0; }
.sb-fields-container .button[disabled],
.sb-fields-container button[disabled],
.sb-fields-container input[type='button'][disabled],
.sb-fields-container input[type='reset'][disabled],
.sb-fields-container input[type='submit'][disabled] {
cursor: default;
opacity: 0.5; }
.sb-fields-container .button[disabled]:focus,
.sb-fields-container .button[disabled]:hover,
.sb-fields-container button[disabled]:focus,
.sb-fields-container button[disabled]:hover,
.sb-fields-container input[type='button'][disabled]:focus,
.sb-fields-container input[type='button'][disabled]:hover,
.sb-fields-container input[type='reset'][disabled]:focus,
.sb-fields-container input[type='reset'][disabled]:hover,
.sb-fields-container input[type='submit'][disabled]:focus,
.sb-fields-container input[type='submit'][disabled]:hover {
background-color: #606c76;
border-color: #606c76; }
.sb-fields-container .button.outline,
.sb-fields-container button.outline,
.sb-fields-container input[type='button'].outline,
.sb-fields-container input[type='reset'].outline,
.sb-fields-container input[type='submit'].outline {
background-color: transparent;
color: #606c76; }
.sb-fields-container .button.outline:focus,
.sb-fields-container .button.outline:hover,
.sb-fields-container button.outline:focus,
.sb-fields-container button.outline:hover,
.sb-fields-container input[type='button'].outline:focus,
.sb-fields-container input[type='button'].outline:hover,
.sb-fields-container input[type='reset'].outline:focus,
.sb-fields-container input[type='reset'].outline:hover,
.sb-fields-container input[type='submit'].outline:focus,
.sb-fields-container input[type='submit'].outline:hover {
background-color: transparent;
border-color: #333;
color: #333; }
.sb-fields-container .button.outline[disabled]:focus,
.sb-fields-container .button.outline[disabled]:hover,
.sb-fields-container button.outline[disabled]:focus,
.sb-fields-container button.outline[disabled]:hover,
.sb-fields-container input[type='button'].outline[disabled]:focus,
.sb-fields-container input[type='button'].outline[disabled]:hover,
.sb-fields-container input[type='reset'].outline[disabled]:focus,
.sb-fields-container input[type='reset'].outline[disabled]:hover,
.sb-fields-container input[type='submit'].outline[disabled]:focus,
.sb-fields-container input[type='submit'].outline[disabled]:hover {
border-color: inherit;
color: #606c76; }
.sb-fields-container .button.clear,
.sb-fields-container button.clear,
.sb-fields-container input[type='button'].clear,
.sb-fields-container input[type='reset'].clear,
.sb-fields-container input[type='submit'].clear {
background-color: transparent;
border-color: transparent;
color: #606c76; }
.sb-fields-container .button.clear:focus,
.sb-fields-container .button.clear:hover,
.sb-fields-container button.clear:focus,
.sb-fields-container button.clear:hover,
.sb-fields-container input[type='button'].clear:focus,
.sb-fields-container input[type='button'].clear:hover,
.sb-fields-container input[type='reset'].clear:focus,
.sb-fields-container input[type='reset'].clear:hover,
.sb-fields-container input[type='submit'].clear:focus,
.sb-fields-container input[type='submit'].clear:hover {
background-color: transparent;
border-color: transparent;
color: #333; }
.sb-fields-container .button.clear[disabled]:focus,
.sb-fields-container .button.clear[disabled]:hover,
.sb-fields-container button.clear[disabled]:focus,
.sb-fields-container button.clear[disabled]:hover,
.sb-fields-container input[type='button'].clear[disabled]:focus,
.sb-fields-container input[type='button'].clear[disabled]:hover,
.sb-fields-container input[type='reset'].clear[disabled]:focus,
.sb-fields-container input[type='reset'].clear[disabled]:hover,
.sb-fields-container input[type='submit'].clear[disabled]:focus,
.sb-fields-container input[type='submit'].clear[disabled]:hover {
color: #606c76; }
.sb-fields-container .button.loading,
.sb-fields-container button.loading,
.sb-fields-container input[type='button'].loading,
.sb-fields-container input[type='reset'].loading,
.sb-fields-container input[type='submit'].loading {
position: relative;
padding-left: 40px;
-webkit-transition: padding ease 0.1s;
transition: padding ease 0.1s;
opacity: 0.3s; }
.sb-fields-container .button.loading:before,
.sb-fields-container button.loading:before,
.sb-fields-container input[type='button'].loading:before,
.sb-fields-container input[type='reset'].loading:before,
.sb-fields-container input[type='submit'].loading:before {
content: url('data:image/svg+xml; utf8, ');
-webkit-animation: rotation 2s infinite linear;
animation: rotation 2s infinite linear;
position: absolute;
left: 8px;
top: 50%;
height: 24px;
width: 24px;
margin-top: -12px; }
.sb-fields-container .button.error,
.sb-fields-container button.error,
.sb-fields-container input[type='button'].error,
.sb-fields-container input[type='reset'].error,
.sb-fields-container input[type='submit'].error {
background-color: #ec8888;
border: 0.1rem solid #ec8788;
position: relative;
padding-left: 40px;
-webkit-transition: padding ease 0.1s;
transition: padding ease 0.1s;
opacity: 0.3s; }
.sb-fields-container .button.error:before,
.sb-fields-container button.error:before,
.sb-fields-container input[type='button'].error:before,
.sb-fields-container input[type='reset'].error:before,
.sb-fields-container input[type='submit'].error:before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: 8px;
top: 50%;
height: 24px;
width: 24px;
margin-top: -12px; }
.sb-fields-container .sb-form-control {
margin-bottom: 1em; }
.sb-fields-container .sb-form-control .sb-form-subcontrol {
display: inline-block;
margin: 5px 3px; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox {
position: relative; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox .sb-field-checkbox {
position: absolute;
top: 0;
left: 0; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox .sb-field-checkbox.fancy {
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), -webkit-linear-gradient(left, #f66 50%, #66ff94 50%);
background-size: 100% 100%, 200% 100%;
background-position: 0 0, 5px 0;
border-radius: 25px;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.54), inset 0 0 10px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 2px 1px rgba(0, 0, 0, 0), 0 2px 2px 1px rgba(255, 255, 255, 0.5), 0 -2px 0 0 rgba(255, 255, 255, 0.75), 0 2px 10px 2px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.54), inset 0 0 10px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 2px 1px rgba(0, 0, 0, 0), 0 2px 2px 1px rgba(255, 255, 255, 0.5), 0 -2px 0 0 rgba(255, 255, 255, 0.75), 0 2px 10px 2px rgba(0, 0, 0, 0);
cursor: pointer;
height: 0.6rem;
padding-right: 0.6rem;
outline: 0;
margin-top: 0.2rem;
width: 1.4rem;
-webkit-appearance: none;
-webkit-transition: 0.15s;
display: inline-block; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox .sb-field-checkbox.fancy:after {
background-color: #eee;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
border-radius: 25px;
-webkit-box-shadow: inset 0 1px 1px 1px white, inset 0 -1px 1px 1px rgba(0, 0, 0, 0.25), 0 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 1px 1px white, inset 0 -1px 1px 1px rgba(0, 0, 0, 0.25), 0 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.25);
content: '';
display: block;
height: 0.6rem;
left: 0;
position: relative;
top: 0;
width: 0.6rem; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox .sb-field-checkbox.fancy:checked {
background-position: 0 0, 1rem 0;
padding-left: 0.8rem;
padding-right: 0; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox .sb-field-checkbox.fancy + .sb-label {
margin-left: 1.8rem; }
.sb-fields-container .sb-form-control.sb-form-control-checkbox .sb-label {
margin-left: 1.3rem; }
.sb-fields-container .sb-msg {
margin: 3px 0;
margin-bottom: 15px;
padding: 5px 10px 5px 32px;
border-radius: 3px;
font-size: 0.8em;
position: relative; }
.sb-fields-container .help-block {
font-size: 0.8em;
color: rgba(95, 108, 118, 0.470588); }
.sb-fields-container .sb-msg > ul {
margin: 0;
list-style: none;
padding: 0;
font-size: inherit; }
.sb-fields-container .sb-msg > ul > li {
font-size: inherit;
line-height: 1.4; }
.sb-fields-container .sb-msg.sb-error-form {
margin: 10px 0;
font-size: 0.8em; }
.sb-fields-container .sb-msg.sb-error-form:after,
.sb-fields-container .sb-msg.sb-error-form:before {
position: absolute;
top: 8px;
left: 8px; }
.sb-fields-container .sb-msg.sb-info {
color: #059;
background-color: #bef; }
.sb-fields-container .sb-msg.sb-success {
color: #270;
background-color: #dff2bf; }
.sb-fields-container .sb-msg.sb-warning {
color: #9f6000;
background-color: #feefb3; }
.sb-fields-container .sb-msg.sb-error {
color: #d8000c;
background-color: #ffbaba; }
.sb-fields-container .sb-msg.sb-error:before {
content: '';
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #d8000c; }
.sb-fields-container .sb-msg.sb-error:after {
content: '\00d7';
width: 16px;
text-align: center;
line-height: 15px;
color: #fff; }
.sb-fields-container .sb-msg:after,
.sb-fields-container .sb-msg:before {
position: absolute;
top: 6px;
left: 9px; }
.sb-fields-container ::-webkit-input-placeholder {
color: inherit;
opacity: 0.2; }
.sb-fields-container ::-moz-placeholder {
color: inherit;
opacity: 0.2; }
.sb-fields-container :-ms-input-placeholder {
color: inherit;
opacity: 0.2; }
.sb-fields-container input:-moz-placeholder {
color: inherit;
opacity: 0.2; }
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg); } }
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-ms-keyframes rotation {
from {
-ms-transform: rotate(0deg); }
to {
-ms-transform: rotate(359deg); } }
.sb-form-container h1 {
margin-top: 0; }
.sb-form-container {
max-width: 50rem;
margin: 2em auto;
padding: 3rem;
position: relative; }
.sb-form-container form {
position: relative;
padding-bottom: 4px; }
.sb-form-container .sb-submit-again {
position: absolute;
top: 0;
z-index: 9;
height: 100%;
width: 100%;
text-align: center;
border: 1px solid #88c561;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
background: #fdfdfc;
min-height: 160px; }
.sb-form-container .sb-submit-again .sb-icon {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #88c562;
padding: 5px;
margin: 15px auto;
background-color: #fff; }
.sb-form-container .sb-submit-again .vertical-center > span {
font-size: 16px;
color: #78b551;
margin-top: 20px;
display: block;
padding: 0 30px; }
.sb-form-container .sb-submit-again > a {
background-color: #c56161;
text-decoration: none;
padding: 4px;
line-height: 10px;
height: 20px;
width: 20px;
text-align: center;
display: inline-block;
border-radius: 50%;
position: absolute;
left: 5px;
top: 5px;
opacity: 0.4; }
.sb-form-container .sb-submit-again > a > svg {
opacity: 0.9; }
.sb-form-container .sb-submit-again > a:hover {
opacity: 1; }
.sb-form-container [disabled] {
background: #606c76;
cursor: no-drop; }
.alert {
padding: 10px;
border-radius: 2px;
max-width: 600px;
margin: 0 auto;
min-width: 350px;
margin-top: 10px;
line-height: 24px;
font-size: 13px;
color: #fff;
position: fixed;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
box-shadow: 0 0 10px #00000040;
padding-right: 30px; }
.alert a {
color: inherit; }
.alert a:hover {
color: inherit; }
.alert .fa {
margin: 0 5px; }
.alert.alert-warning {
color: #8a6d3b !important;
background-color: #fcf8e3;
border-color: #faebcc; }
.alert-dismissable .close,
.alert-dismissible .close {
right: -15px; }
.alert ul {
list-style: none;
padding: 2px 5px 2px 10px;
margin: 0;
line-height: 20px; }
.alert ul li {
font-size: 13px; }
.alert a {
text-decoration: underline; }
.alert i.icon,
.alert i.material-icons {
float: left;
margin-right: 6px;
font-size: 18px; }
.alert.alert-danger {
background: #b34949; }
.alert.alert-success {
background: #49b376; }
.alert.active .action-button {
opacity: 1;
color: #fff;
pointer-events: all; }
.alert.snackbar a {
color: #e4f1ff; }
.alert.snackbar {
padding: 0;
z-index: 9; }
.alert.alert-info {
background: #01aae7; }
.snackbar .text pre {
font-size: 10px;
line-height: 11px;
display: block; }
.snackbar .text {
max-width: 100%;
padding: 10px 12px 10px 20px; }
.snackbar .action-wrapper {
padding-right: 20px; }
.vertical-center {
position: relative;
top: 45%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
@media (min-width: 480px) {
.snackbar {
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%); }
.snackbar.active {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); } }
li.promo {
width: 48.5% !important;
background-color: #7DC855 !important;
color: #fff;
text-align: center;
border-radius: 4px !important; }
li.promo h2 {
color: #fff;
font-weight: 300;
margin-bottom: 30px; }
.promo p {
width: 80%;
margin: 0 auto;
margin-bottom: 24px;
font-size: 19px;
color: rgba(255, 255, 255, 0.84);
font-weight: 100; }
.promo .button img {
filter: brightness(0) invert(1);
width: 23px !important;
float: left;
margin-bottom: 0px !important;
margin-right: 13px !important; }
.promo .button {
background-color: transparent !important;
color: #fff !important;
border: 1px solid #ffffffb0 !important;
padding: 10px 26px !important;
text-transform: initial;
display: inline-block; }
.product-page {
background-color: #fff;
padding-top: 25px; }
.product-page #button-cart {
padding: 7px;
border-radius: 4px;
background: #9bdc90;
color: #fff; }
.product-page #button-cart:hover {
background: #20b400; }
.product-page .sku_wrapper span.sku {
font-weight: bold; }
.product-page .rating:hover a {
display: inline; }
.product-page .rating a {
display: none; }
.product-page span.posted_in {
text-align: left; }
.product-page .in-stock {
background: #3bba21;
border-radius: 20px;
color: #fff;
font-size: 13px;
padding: 2px 10px; }
.product-page .out-of-stock {
background: #ba2121;
border-radius: 20px;
color: #fff;
font-size: 13px;
padding: 2px 10px; }
.product-page .nav-tabs {
border: 0 none;
text-align: center; }
.product-page .nav-tabs > li {
margin-bottom: 0px;
display: inline-block;
float: none; }
.product-page .nav-tabs > li > a {
color: #86939e;
border: 1px solid #e0e8ee;
background-color: transparent;
border-radius: 30px;
padding: 10px 30px;
box-shadow: 0px 2px 3px 0px #0000001c;
transition: all 0.5s ease; }
.product-page .nav-tabs > li.active a {
color: #7dc855;
border: 1px solid #7dc855;
background-color: transparent;
border-radius: 30px;
padding: 10px 30px;
box-shadow: none; }
.product-page .list-price li h2,
.product-page .list-price li span {
font-size: 25px;
float: left;
margin-right: 15px;
color: #43484d;
font-weight: 300;
line-height: 34px;
margin: 0 10px 0 0; }
.product-page .product-title {
font-weight: 300;
padding-right: 75px; }
.product-page .additional-actions {
position: absolute;
right: 15px;
top: 24px; }
.product-page .additional-actions .btn-group .btn {
padding: 5px 12px;
padding: 0;
border: 0;
box-shadow: none; }
.product-page .additional-actions .btn-group .btn > svg {
max-height: 25px; }
.product-page .short-description .details {
margin-bottom: 30px; }
#section-products-related {
background-color: #eff6f7;
border-top: 1px solid #eff6f7; }
.cart-form {
display: flex;
max-width: 250px;
padding-left: 20px; }
.cart-form > input#input-quantity {
max-width: 100px;
margin-right: 5px;
line-height: 34px;
height: 34px;
font-size: 18px; }
.popup {
display: none;
position: fixed;
top: 10%;
left: 50%;
transform: translate(-50%, 0%);
width: 90%;
height: auto;
z-index: 99999;
background: #fff;
max-width: 90%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
max-height: 80%;
flex-direction: column; }
.popup iframe {
width: 100%; }
.popup.popup-iframe .popup-content iframe {
height: 100%;
border: 0;
width: 100%; }
.popup.popup-iframe .popup-content {
height: 100%;
padding: 0; }
.popup.popup-iframe {
height: 80%;
width: 800px !important; }
.na-popup-active::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.83);
z-index: 9998; }
.popup > h3 {
padding-left: 20px;
margin-top: 10px;
border-bottom: 1px solid #ececec;
padding-bottom: 15px;
margin-bottom: 0px; }
.popup .popup-content {
overflow: auto;
max-height: 100%;
padding: 20px; }
.popup.active {
display: block;
display: flex;
flex: 0 1 auto; }
.popup .close-popup:hover {
color: #fff;
text-decoration: none; }
.popup .close-popup {
position: absolute;
top: 0%;
right: 0%;
margin-right: -12px;
margin-top: -12px;
background: #d46060;
opacity: 1;
color: rgba(255, 255, 255, 0.68);
border-radius: 30px;
width: 25px;
line-height: 22px;
text-align: center;
font-size: 18px;
font-family: verdana;
text-decoration: none;
transition: all ease 0.3s;
font-weight: normal;
height: 25px; }
#reg-popup {
position: fixed;
z-index: 9999;
background: rgba(0, 0, 0, 0.57);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none; }
#reg-popup.register-active .tabs ul.tab-nav li.register a {
background: transparent;
color: #a2a3a6;
border-bottom: 2px solid #218efb; }
#reg-popup.register-active .tabs-content > #tab-register {
display: block; }
#reg-popup.login-active .tabs ul.tab-nav li.login a {
background: transparent;
color: #a2a3a6;
border-bottom: 2px solid #218efb; }
#reg-popup.login-active .tabs-content > #tab-login {
display: block; }
#reg-popup .tabs ul.tab-nav {
padding: 0;
display: flex;
list-style: none;
text-align: center;
justify-content: center;
border-bottom: 1px solid #f0f0f0; }
#reg-popup .popup {
width: 1024px;
height: 550px; }
#reg-popup .popup-content {
padding: 0; }
#reg-popup .steps .step-default,
#reg-popup .steps .step-2 {
display: flex;
align-items: center;
justify-content: center; }
#reg-popup .popup-content .steps .step.step-default:before,
#reg-popup .popup-content .steps .step.step-2:before {
content: '';
display: block;
background: #eff5f6;
position: absolute;
left: 0;
height: 100%;
width: 50%;
top: 0; }
#reg-popup .popup-content .steps .step.step-default.active,
#reg-popup .popup-content .steps .step.step-2.active {
display: flex;
position: relative;
height: 100%; }
#reg-popup .steps .step-default .reg-image h2,
#reg-popup .steps .step-2 .reg-image h2 {
text-align: center;
color: #5ebc5e;
font-weight: 300;
margin-bottom: 10px;
padding: 0 40px;
margin-top: 0;
font-size: 24px;
max-width: 87%;
margin: 0 auto;
margin-top: 10px; }
#reg-popup .steps .step-default .reg-image,
#reg-popup .steps .step-2 .reg-image {
flex: 0 0 50%;
background: #eff5f6;
position: relative; }
#reg-popup .steps .step-default .reg-forms h2,
#reg-popup .steps .step-2 .reg-forms h2 {
text-align: center;
color: #5ebc5e;
font-weight: 300;
margin-bottom: 30px;
margin-top: 0; }
#reg-popup .steps .step-default .reg-forms,
#reg-popup .steps .step-2 .reg-forms {
flex: 0 0 50%;
padding: 5%; }
#reg-popup .steps .step-2 .reg-forms form > h3 {
display: none; }
.popup-content .woocommerce-form-login .form-row .woocommerce-button,
#reg-popup button[type='submit'],
#reg-popup .button {
background: #5ebc5e;
border-radius: 30px;
margin: 20px auto;
max-width: 60%;
text-align: center;
display: block;
min-width: 40%; }
#reg-popup .button-confirm-location:hover {
text-decoration: none; }
#reg-popup .button-confirm-location {
min-width: 20% !important; }
.popup-content .woocommerce-form-login,
.popup-content .woocommerce-form-register {
padding: 20px; }
.popup-content .woocommerce-form-login .form-row .input-text[name='password']:focus,
.popup-content .woocommerce-form-register .form-row .input-text[name='password']:focus {
border-top-color: inherit; }
.popup-content .woocommerce-form-login .form-row .input-text[name='password'],
.popup-content .woocommerce-form-register .form-row .input-text[name='password'] {
border-radius: 0 0 8px 8px;
border-top: 1px solid transparent; }
.popup-content .woocommerce-form-login .form-row .input-text,
.popup-content .woocommerce-form-register .form-row .input-text {
padding-left: 40px;
border-radius: 8px 8px 0px 0px;
padding-left: 40px; }
.popup-content .woocommerce-form-login .form-row label,
.popup-content .woocommerce-form-register .form-row label {
display: none; }
.popup-content .woocommerce-form-login .form-row,
.popup-content .woocommerce-form-register .form-row {
margin-bottom: 0; }
#reg-popup .tabs ul.tab-nav li a {
padding: 0 20px;
display: block;
line-height: 40px;
margin: 0 4px;
text-decoration: none; }
#reg-popup .popup {
height: 80%; }
.popup {
display: none;
position: fixed;
top: 10%;
left: 50%;
transform: translate(-50%, 0%);
width: 450px;
height: auto;
z-index: 99999;
background: #fff;
max-width: 90%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
max-height: 80%;
flex-direction: column; }
#reg-popup .close-popup {
position: absolute;
top: 0%;
right: 0%;
margin-right: -12px;
margin-top: -12px;
background: #985d5d;
opacity: 1;
color: rgba(255, 255, 255, 0.68);
border-radius: 30px;
width: 25px;
line-height: 22px;
text-align: center;
font-size: 18px;
font-family: verdana;
text-decoration: none;
transition: all ease 0.3s;
font-weight: normal;
height: 25px;
z-index: 9; }
#reg-popup .tabs .tabs-content .tab-content {
display: none; }
#reg-popup .tabs .tab-nav li a.active,
#reg-popup .tabs .tab-nav li a:hover {
background: #00b8ea;
border-radius: 4px 4px 0 0;
color: #fff; }
#reg-popup .popup-content .steps {
height: 100%;
position: relative; }
#reg-popup .popup-content .steps .step {
display: none; }
#reg-popup .popup-content .steps .step.active {
display: block; }
#reg-popup .popup-content {
overflow: auto;
max-height: 100%;
padding: 20px;
position: absolute;
bottom: 0;
height: 100%;
width: 100%; }
#reg-popup .button-confirm-location {
position: absolute;
bottom: 0;
left: 50%;
margin-bottom: 20px;
transform: translateX(-50%);
z-index: 9; }
#reg-popup .tabs .tabs-content .active {
display: block; }
#reg-popup.active,
#reg-popup.active .popup {
display: block; }
#reg-popup .close-popup {
background-color: transparent;
background-image: url(../image/cross-out.svg);
background-size: contain;
margin-right: 8px;
margin-top: 8px;
width: 35px;
height: 35px;
text-indent: -1000px;
overflow: hidden; }
#reg-popup .tabs ul.tab-nav li a {
font-size: 15px;
font-weight: 300;
color: #a2a3a6;
transition: all 0.5s ease; }
#reg-popup .tabs ul.tab-nav {
border-bottom: 1px transparent;
margin-bottom: 10px; }
#reg-popup .tabs ul.tab-nav li a {
margin: 0px;
border-bottom: 2px solid #f8f8f8;
padding: 0px 40px; }
#reg-popup .tabs .tab-nav li a.active,
#reg-popup .tabs .tab-nav li a:hover {
background: transparent;
color: #a2a3a6;
border-bottom: 2px solid #218efb; }
#awr-map-address-container #awr-place-search {
font-size: 14px;
min-width: 250px;
width: 30%;
max-width: 100%;
margin-top: 10px;
padding: 5px 10px;
border-radius: 3px;
border: 0;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
line-height: 1.2;
height: 30px;
position: absolute;
z-index: 8;
left: 65% !important;
transform: translateX(-50%); }
.credit-card .sub-container .card-num:after,
.credit-card .sub-container .date:after,
.credit-card .sub-container .ccv:after {
position: absolute;
top: -25px;
font-family: 'Roboto', sans-serif;
left: 0;
color: #95aab9;
font-size: 13px; }
.credit-card .sub-container .date p,
.credit-card .sub-container .ccv p {
padding: 0;
margin: 0;
font-size: 15px;
text-align: center;
padding: 0px; }
.credit-card p.card-holder {
width: 208px; }
.credit-card p.card-holder input {
width: 100%; }
.credit-card .form-control {
background: transparent !important;
border: 0 !important;
color: #95aab9 !important; }
.credit-card .form-control::-moz-placeholder {
color: rgba(148, 169, 184, 0.56);
opacity: 1; }
.credit-card .form-control:-ms-input-placeholder {
color: rgba(148, 169, 184, 0.56); }
.credit-card .form-control::-webkit-input-placeholder {
color: rgba(148, 169, 184, 0.56); }
.credit-card .sub-container {
position: relative;
height: 255px;
width: 400px;
border-radius: 9px;
bottom: 0;
color: #fff;
min-height: 0;
min-width: 0;
background: #eff6f7;
grid-area: card;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-template-areas: 'name name . . . visa visa ' 'card-num card-num card-num card-num card-num . .' ' date date date date . ccv ccv '; }
.credit-card .sub-container p,
.credit-card .sub-container .visa-cont,
.credit-card .sub-container .card-num,
.credit-card .sub-container .date,
.credit-card .sub-container .ccv {
margin-left: 25px;
margin-top: -25px; }
.credit-card .sub-container p.card-holder {
margin-top: 0px;
position: absolute;
top: 25px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #d1dee8; }
.credit-card .sub-container .visa-cont {
overflow: hidden;
margin: 0;
justify-self: center;
align-self: center;
position: absolute;
right: 20px;
top: 15px; }
.credit-card .sub-container .visa-cont img {
height: 45px;
width: 80px; }
.credit-card .sub-container .visa-cont svg {
height: 50px;
width: 100px; }
.credit-card .sub-container .card-num {
position: relative;
grid-area: card-num;
background: #ffffff;
border: 1px solid #d1dee8;
align-self: center;
padding: 0;
font-size: 19px;
border-radius: 4px; }
.credit-card .sub-container .card-num:after {
content: 'Credit Card Number'; }
.credit-card .sub-container .card-num ul {
list-style-type: none;
text-align: center; }
.credit-card .sub-container .card-num ul li {
display: inline-block;
font-family: 'Montserrat', sans-serif;
margin: 0 auto;
letter-spacing: 1px; }
.credit-card .sub-container .card-num ul li:last-child {
text-align: right; }
.credit-card .sub-container .date {
position: absolute;
top: 220px;
background: #ffffff;
border: 1px solid #d1dee8;
border-radius: 4px;
align-self: center;
justify-self: left; }
.credit-card .sub-container .date:after {
content: 'Expiration'; }
.credit-card .sub-container .ccv {
position: relative;
/* grid-area: ccv; */
align-self: center;
justify-self: left;
background: #ffffff;
border-radius: 4px;
border: 1px solid #d1dee8;
margin-left: 0;
position: absolute;
top: 220px;
right: 25px;
max-width: 90px; }
.credit-card .sub-container .ccv:after {
content: 'CVV'; }
.credit-card .sub-container .ccv p {
padding: 0px;
letter-spacing: 1px; }
html,
body,
div,
p,
a,
* {
font-family: 'Roboto'; }
body,
html {
overflow-x: hidden;
overflow-y: auto;
overflow-y: overlay;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; }
button {
border: 0; }
.stroke {
color: #fff;
/*text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;*/ }
.form-control {
border: 1px solid #e1e8ed;
box-shadow: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.stroke {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff; } }
.align-left {
text-align: left; }
.align-center {
text-align: center; }
.align-right {
text-align: right; }
img.white {
filter: gray;
/* IE6-9 */
-webkit-filter: brightness(0) invert(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
filter: brightness(0) invert(1);
/* Microsoft Edge and Firefox 35+ */ }
img.grayscale {
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(1);
/* Microsoft Edge and Firefox 35+ */ }
.clip {
color: #333;
/* Fallback: assume this color ON TOP of image */
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
section.content-section .inner-content > .entry-inner {
display: flex;
flex-direction: column; }
section.content-section .inner-content .entry-inner > .entry-title {
margin-bottom: 30px; }
section > div,
section div.content.inner-content,
section div.content.inner-content > .inner,
section div.content.inner-content > .inner > .entry-content {
height: 100%; }
.section-nav ul li.active {
background-color: rgba(255, 255, 255, 0.7); }
.section-nav ul li:first-child {
margin-top: 0; }
.section-nav ul li:last-child {
margin-bottom: 0; }
.section-nav ul li {
text-indent: -100%;
display: block;
overflow: hidden;
height: 5px;
width: 5px;
border: 1px solid transparent;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
margin: 25px 0;
cursor: pointer; }
.section-nav ul {
margin: 0;
padding: 0;
position: relative; }
.section-nav:before {
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
content: '';
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 17px, rgba(255, 255, 255, 0) 0px);
background-position: left -21px;
background-size: 1px 30px;
background-repeat: repeat-y;
margin-left: -1px; }
.section-nav {
position: fixed;
right: 60px;
top: 50%;
z-index: 9;
transform: translateY(-50%); }
/*
01. Menu
============================================================== */
#wpadmin .navbar-fixed-top {
top: 32px; }
#wrapper:after {
display: table;
content: '';
clear: both; }
.scrolling .navbar-brand {
height: 80px; }
.navbar-brand {
height: 100px;
padding: 0 15px;
transition: height ease 0.3s; }
.navbar-brand > span {
max-width: 100%;
display: block; }
.navbar-brand img.logo,
.navbar-brand img.logo-dark {
display: block;
max-height: 80px;
transition: max-height ease 0.3s; }
.scrolling .navbar-brand img.logo,
.scrolling .navbar-brand img.logo-dark {
display: block;
max-height: 60px; }
.navbar-brand img.logo-dark {
display: none; }
.nav.nav-primary {
position: relative;
z-index: 2; }
.nav.nav-primary-right {
position: relative;
z-index: 3; }
.navbar-nav a:hover {
text-decoration: none; }
.scrolling .navbar-default .navbar-nav > li > a {
line-height: 50px; }
.navbar-default .navbar-nav > li > a {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
line-height: 70px;
transition: all ease 0.2s; }
.navbar-default .navbar-nav > li > a:hover {
background-color: rgba(0, 0, 0, 0.05); }
.navbar-default .navbar-nav > li ul.sub-menu li > a:hover {
background-color: #ccc; }
.navbar-default .navbar-nav > li ul.sub-menu li > a {
color: #0b1739;
padding: 10px 15px;
display: block;
position: relative; }
.navbar-default .navbar-nav > li {
z-index: 9; }
.navbar-default .navbar-nav > li:hover ul.sub-menu {
display: block; }
.navbar-default .navbar-nav > li.menu-item-has-children > a:after {
content: '';
border-width: 5px 5px 0 5px;
border-style: solid;
border-color: #a42224 transparent;
height: 0;
width: 0;
display: inline-block;
margin-left: 5px;
margin-bottom: 2px; }
.navbar-default {
background-color: transparent;
border-color: transparent;
border-radius: 0;
margin-bottom: 0;
-webkit-transition: all ease 1s;
transition: all ease 1s;
border-width: 0 0 0 0; }
.navbar-header {
position: relative; }
.navbar-default .navbar-toggle,
.navbar-toggle {
position: absolute;
right: 15px;
top: 50%;
z-index: 3;
height: 34px;
margin-top: -17px;
width: 44px;
border-color: transparent;
background-color: transparent; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
line-height: 40px; }
.admin-bar .navbar-fixed-top {
top: 32px; }
.nav-menu .sub-menu {
position: absolute;
display: none;
top: 98%;
left: 0;
list-style: none;
padding-left: 0;
white-space: nowrap;
background: #fff;
box-shadow: 0 0 10px #efefef;
z-index: 9;
min-width: 100%; }
/*********
Navbar toggle button animations
*********/
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: transparent; }
.navbar-default .navbar-toggle.toggle-style-1,
.navbar-default .navbar-toggle.toggle-style-2,
.navbar-default .navbar-toggle.toggle-style-3,
.navbar-default .navbar-toggle.toggle-style-4,
.navbar-toggle.toggle-style-1,
.navbar-toggle.toggle-style-2,
.navbar-toggle.toggle-style-3,
.navbar-toggle.toggle-style-4 {
height: 60px;
margin-top: 0;
width: 60px;
margin-right: -5px;
transform: translateY(-50%);
margin-bottom: 0; }
/* Icon 1 */
.navbar-toggle.toggle-style-1,
.navbar-toggle.toggle-style-2,
.navbar-toggle.toggle-style-3,
.navbar-toggle.toggle-style-4 {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer; }
.navbar-toggle.toggle-style-1 span,
.navbar-toggle.toggle-style-2 span,
.navbar-toggle.toggle-style-3 span,
.navbar-toggle.toggle-style-4 span {
display: block;
position: absolute;
width: 30px;
background: #d3531a;
border-radius: 9px;
opacity: 1;
left: 15px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out; }
.navbar-toggle span:nth-child(4) {
display: none; }
.navbar-toggle.toggle-style-1 span:nth-child(1) {
top: 20px; }
.navbar-toggle.toggle-style-1 span:nth-child(3) {
bottom: 20px;
top: auto; }
.navbar-toggle.toggle-style-1 .icon-bar + .icon-bar,
.navbar-toggle.toggle-style-2 .icon-bar + .icon-bar,
.navbar-toggle.toggle-style-3 .icon-bar + .icon-bar {
margin-top: 0; }
.navbar-toggle.toggle-style-4 .icon-bar + .icon-bar {
margin-top: -1px; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: transparent; }
.navbar-toggle.toggle-style-1 span:nth-child(2),
.navbar-toggle.toggle-style-1[aria-expanded='true'] span:nth-child(1),
.navbar-toggle.toggle-style-1[aria-expanded='true'] span:nth-child(3),
.navbar-toggle.toggle-style-2 span:nth-child(2),
.navbar-toggle.toggle-style-2 span:nth-child(3),
.navbar-toggle.toggle-style-3 span:nth-child(2),
.navbar-toggle.toggle-style-4[aria-expanded='true'] span:nth-child(1) {
top: 50%;
margin-top: -1px !important; }
.navbar-toggle.toggle-style-4 span:nth-child(1),
.navbar-toggle.toggle-style-4 span:nth-child(3) {
transform: rotate(90deg);
height: 2px; }
.navbar-toggle.toggle-style-4 span:nth-child(1) {
left: 32%;
top: 50%;
margin-top: -2px; }
.navbar-toggle.toggle-style-4 span:nth-child(3) {
bottom: 50%;
left: 18%; }
.navbar-toggle.toggle-style-4 span:nth-child(2),
.navbar-toggle.toggle-style-4 span:nth-child(4) {
display: none; }
.navbar-toggle.toggle-style-4[aria-expanded='true'] span:nth-child(1),
.navbar-toggle.toggle-style-4[aria-expanded='true'] span:nth-child(3) {
top: 28px;
left: 14px;
bottom: auto; }
.navbar-toggle.toggle-style-1[aria-expanded='true'] span:nth-child(1),
.navbar-toggle.toggle-style-4[aria-expanded='true'] span:nth-child(1) {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.navbar-toggle.toggle-style-1[aria-expanded='true'] span:nth-child(2),
.navbar-toggle.toggle-style-4[aria-expanded='true'] span:nth-child(2) {
opacity: 0;
left: -60px; }
.navbar-toggle.toggle-style-1[aria-expanded='true'] span:nth-child(3),
.navbar-toggle.toggle-style-4[aria-expanded='true'] span:nth-child(3) {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg); }
.navbar-toggle.toggle-style-2 span:nth-child(1) {
top: 20px; }
.navbar-toggle.toggle-style-2 span:nth-child(4) {
bottom: 20px;
display: block; }
.navbar-toggle.toggle-style-2[aria-expanded='true'] span:nth-child(1) {
top: 18px;
width: 0;
left: 50%; }
.navbar-toggle.toggle-style-2[aria-expanded='true'] span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.navbar-toggle.toggle-style-2[aria-expanded='true'] span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.navbar-toggle.toggle-style-2[aria-expanded='true'] span:nth-child(4) {
width: 0;
left: 50%; }
/* Icon 4 */
.navbar-toggle.toggle-style-3 span:nth-child(1) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
.navbar-toggle.toggle-style-3 span:nth-child(2) {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
.navbar-toggle.toggle-style-3 span:nth-child(3) {
bottom: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
.navbar-toggle.toggle-style-3[aria-expanded='true'] span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 18px;
left: 18px; }
.navbar-toggle.toggle-style-3[aria-expanded='true'] span:nth-child(2) {
width: 0;
opacity: 0; }
.navbar-toggle.toggle-style-3[aria-expanded='true'] span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 18px;
left: 18px; }
/* .navbar-toggle.toggle-style-3[aria-expanded="true"] span:nth-child(1), .navbar-toggle.toggle-style-3[aria-expanded="true"] span:nth-child(3) {
left: 5px;
} */
.navbar-toggle.toggle-style-1 span:nth-child(4),
.navbar-toggle.toggle-style-3 span:nth-child(4) {
display: none; }
/******************
Featured Overlay
*******************/
.inner-header .inner-overlay h1.entry-title {
margin: 5% 0; }
.page-template-page-cover .inner-section article {
position: relative; }
.page-template-page-cover .inner-section {
padding-bottom: 30px;
position: relative; }
.page-template-page-cover .inner-section:before {
content: '';
background-color: rgba(25, 39, 55, 0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.page-template-page-boxed-innertitle.has-featured-image .entry-header {
min-height: 250px; }
.has-featured-image .inner-header .inner-overlay h1.entry-title {
margin: 40% 0 5%; }
.entry-header figure.entry-image,
.has-featured-image .inner-header .inner-overlay {
background-size: cover;
background-position: center center; }
.entry-header {
position: relative;
overflow: hidden;
min-height: 300px;
margin-bottom: 30px; }
.entry-header figure.entry-image img {
max-width: 100%;
width: 100%; }
.entry-header figure.entry-image {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
overflow: hidden;
width: 100%; }
.entry-header h1.entry-title {
padding: 250px 0 30px;
color: #fff;
text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.74);
text-transform: uppercase;
margin-bottom: 0;
margin-top: 0;
position: relative;
z-index: 2; }
.team-member .entry-header figure.entry-image {
top: 0;
transform: none; }
.team-member .entry-header h1.entry-title {
padding: 15px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.74);
text-transform: none;
margin-bottom: 0;
margin-top: 0;
position: relative;
z-index: 2;
font-size: 24px;
background: rgba(109, 66, 147, 0.52);
margin-top: 300px; }
.team-member .entry-content {
padding: 15px;
margin-bottom: 30px; }
/**
* Patterns
*/
.content {
position: relative;
z-index: 2; }
.pattern-1 {
position: relative; }
.pattern-1:before {
content: '';
background: url("../image/patterns/1.png") repeat center center transparent;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: 3px 3px;
z-index: 1;
opacity: 0.2; }
.overlay {
position: relative; }
.overlay:before {
content: '';
background: rgba(35, 40, 45, 0.95);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1; }
.vertical-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.full-height {
min-height: 100% !important;
height: 100%; }
/********************
*******************/
a {
color: #0b1739; }
.content-blue {
border: 3px solid #2ecec4; }
.content-blue i.fa {
color: #2ecec4 !important; }
.content-dark-blue {
border: 3px solid #0b1739; }
.content-dark-blue i.fa {
color: #0b1739 !important; }
.content-yellow {
border: 3px solid #ffe97d; }
.content-yellow i.fa {
color: #ffe97d !important; }
.content-widget i.fa {
margin-right: 5px; }
.content-widget {
box-shadow: 0 3px 15px #818181; }
.content-widget .desc {
padding: 20px 30px;
font-style: italic; }
.content-widget .desc h2 {
font-style: normal; }
.content-widget a.btn.btn-contact {
display: block;
background: #449900;
color: #fff;
text-transform: uppercase;
border-radius: 0;
font-weight: bold;
font-size: 20px; }
.content-widget iframe {
display: block; }
.content-widget h2 {
margin-top: 0;
font-weight: bold;
letter-spacing: -1px; }
.entry-description {
margin-right: 0;
margin-top: 20px; }
/* general */
h1,
h2,
h3,
h4,
h5 {
color: #0b1739; }
.blog .entry-content .row {
width: 100%; }
.blog h1.page-title.screen-reader-text {
text-align: center;
font-size: 45px; }
.blog article.post {
margin-top: 90px; }
.blog .entry-description,
.blog .entry-title {
text-align: justify; }
.entry-content img {
max-width: 100%;
height: auto;
margin-bottom: 10px; }
.single article.post .entry-header h1 {
text-align: center; }
.single article.post .entry-footer {
margin-bottom: 30px;
font-size: 16px; }
.single article.post .entry-header {
margin-bottom: 20px;
min-height: 200px; }
.single article.post .entry-content {
margin-bottom: 40px; }
.single article.post .entry-content {
max-width: 800px;
margin: 0 auto;
font-size: 18px;
line-height: 30px; }
.single article.post .entry-content p {
margin-bottom: 20px; }
.single article.post .entry-content a {
text-decoration: underline;
color: #4086f7; }
.single article.post .entry-content ol,
.single article.post .entry-content ul {
margin: 20px 0; }
.single article.post .entry-content {
margin-bottom: 60px; }
.blog-list-container {
max-width: 1000px;
margin: 0 auto;
padding: 0 30px;
min-height: 500px; }
.blog-list-container .blogroll article .excerpt-actions {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.07); }
.blog-list-container .sidebar {
width: 20%;
float: right;
margin: 30px 0 30px 2%; }
.blog-list-container .blogroll.no-sidebar {
width: 100%;
float: none; }
.blog-list-container .blogroll {
float: left;
width: 77%;
margin-bottom: 50px; }
.blog article.post {
margin-top: 40px; }
.blog article .entry-header h1.entry-title {
padding: 250px 15px 15px; }
.blog article .entry-header h1.entry-title a {
font-family: inherit;
color: inherit; }
.blog article .entry-header h1.entry-title {
color: #f9f9f9;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
font-size: 30px; }
#wp-calendar {
width: 100%; }
#wp-calendar caption {
font-size: 12px; }
#wp-calendar td a {
color: #333; }
#wp-calendar td,
#wp-calendar th {
padding: 5px 10px 5px 0;
text-align: right;
background: #f9f9f9; }
#wp-calendar td {
color: #aaa; }
#wp-calendar th {
background: #eee; }
#wp-calendar td#today {
background: #eee;
font-weight: bold; }
#wp-calendar tbody tr td {
border-top: 1px solid #eee;
font-size: 11px; }
#wp-calendar tfoot tr td {
background: #eee; }
#wp-calendar td#next,
#wp-calendar td#prev {
position: relative;
text-align: center;
padding: 5px 0; }
#wp-calendar td#next:before {
content: '\2192'; }
#wp-calendar td#prev:before {
content: '\2190'; }
.widget ul {
padding-left: 0; }
.widget ul li {
list-style: none; }
.widget ul li a {
display: block;
position: relative; }
.widget.widget_archive ul li a:before,
.widget.widget_nav_menu ul li a:before {
content: '·';
margin-right: 5px;
margin-left: 2px;
-webkit-transition: -webkit-transform ease 0.3s;
transition: -webkit-transform ease 0.3s;
transition: transform ease 0.3s;
transition: transform ease 0.3s, -webkit-transform ease 0.3s;
-webkit-transform: translateY(0px);
transform: translateX(0px);
display: inline-block; }
.widget ul li a:hover:before {
-webkit-transform: translateY(3px);
transform: translateX(3px); }
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0; }
footer.site-footer,
footer.site-footer .sidebar {
color: rgba(255, 255, 255, 0.8); }
footer.site-footer .sidebar h2 {
color: inherit; }
footer.site-footer .sidebar .widget:first-child .widget-title {
margin-top: 0; }
.edit-link {
font-size: 10px;
background: #dadada;
padding: 5px; }
footer.entry-footer {
background: transparent;
display: block;
margin-top: 10px;
clear: both;
position: relative;
text-align: center; }
.copyright {
text-align: left;
margin-top: 0;
font-size: 12px;
padding: 0;
line-height: 28px; }
footer ul.social-media li {
display: inline-block;
list-style: none;
margin: 0 2px; }
footer ul.social-media {
display: inline-block;
padding-left: 10px; }
.sidebar img {
max-width: 100%; }
.subfooter {
text-align: center; }
.row-flex {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex; }
.page-template-page-map .entry-header h1.entry-title {
padding: 250px 10% 50px;
color: #fff;
text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.74);
text-transform: uppercase;
margin-bottom: 0;
margin-top: 0;
background: none;
position: absolute;
z-index: 2;
bottom: 0; }
.page-template-page-boxed-notitle #main {
padding-top: 140px; }
.gallery {
display: inline-block;
padding: 2px; }
.gallery:after {
content: '';
display: block;
clear: both; }
.gallery > figure {
display: inline-block;
margin: 5px 0;
padding: 2px; }
.gallery > figure img {
width: 100%;
margin-bottom: 0; }
.gallery-columns-4 > figure {
width: 24%;
margin-left: 0.5%;
margin-right: 0.5%; }
.gallery-columns-2 > figure {
width: 48%;
margin-left: 1%;
margin-right: 1%; }
.na-product-categories-list .gallery figure {
max-width: 100px; }
.na-product-categories-list .gallery {
padding: 0 5px;
background: #24282e;
background-color: rgba(249, 249, 249, 0.3);
margin: 15px;
border-radius: 3px; }
/*==================================
Forms
===================================*/
input:not([type]):focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
select:focus,
textarea:focus {
border-color: #606c76;
outline: 0; }
textarea {
min-height: 6.5rem; }
label,
legend {
font-size: 1.4rem;
font-weight: normal;
margin-bottom: 0.2rem; }
legend {
display: block; }
fieldset {
border-width: 0;
padding: 0; }
input[type='checkbox'],
input[type='radio'] {
display: inline; }
.label-inline {
display: inline-block;
font-weight: normal;
margin-left: 0.5rem; }
.sb-form-control {
margin-bottom: 12px; }
.sb-form-container h1 {
margin-top: 0; }
.sb-form-container {
max-width: 70rem;
margin: 30px auto;
padding: 3rem; }
/* all */
::-webkit-input-placeholder {
color: inherit;
opacity: 0.6; }
::-moz-placeholder {
color: inherit;
opacity: 0.6; }
/* firefox 19+ */
:-ms-input-placeholder {
color: inherit;
opacity: 0.6; }
/* ie */
input:-moz-placeholder {
color: inherit;
opacity: 0.6; }
/*==================================
Search Form
===================================*/
#searchform {
opacity: 0;
position: absolute;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.95);
width: 100%;
height: 100%;
z-index: -10;
padding-top: 250px;
text-align: center;
-webkit-transition: all ease 1s;
transition: all ease 1s; }
#searchform form {
max-width: 400px;
transform: translateX(-50%);
left: 50%;
position: relative; }
#searchform form .input-lg {
font-size: 22px;
border-color: #8cd497; }
#searchform span.screen-reader-text {
display: none; }
#searchform input.search-field {
border: 0;
font-size: 30px;
background: transparent;
border-bottom: 3px solid #b7b6b6;
max-width: 100%;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
#searchform input.search-field:focus {
border-color: #c14793;
outline: none; }
#searchform .search-submit {
background: #78c88c;
border: 0;
border-radius: 50%;
font-size: 25px;
width: 52px;
line-height: 30px;
color: rgba(255, 255, 255, 0.33);
padding: 10px 10px 14px; }
#searchform form > label {
max-width: 80%; }
#searchform form {
opacity: 0;
-webkit-transition: all ease 1s;
transition: all ease 1s; }
.search-closed #searchform {
opacity: 0;
z-index: 99999; }
.search-active #searchform {
display: block;
z-index: 99999;
opacity: 1; }
#searchform a.search-close {
font-size: 14px;
background: #8cd497;
border-radius: 30px;
padding: 10px;
text-transform: uppercase;
position: absolute;
position: fixed;
bottom: 30px;
left: 50%;
width: 120px;
color: rgba(0, 0, 0, 0.73);
margin-left: -60px;
-webkit-transition: all ease 1s;
transition: all ease 1s;
opacity: 0; }
#searchform a.search-close:hover {
background: #444;
text-decoration: none; }
.search-active #searchform a.search-close {
opacity: 1; }
.search-active #searchform > form {
display: block;
opacity: 1; }
#main article .entry-inner-content:after {
content: '';
clear: both;
display: table;
width: 100%; }
.twitter-account .entry-category img {
max-width: 50px;
border-radius: 50%; }
.twitter-account .entry-category .entry-image {
text-align: center;
float: left;
margin-right: 5px;
padding-top: 5px; }
.twitter-content-wrapper .entry-category {
font-size: 14px;
color: #fff;
margin: 5px 0; }
.twitter-content-wrapper .entry-category a {
text-decoration: none;
font-weight: bold;
color: #fff; }
.twitter-wrapper {
float: left;
overflow: auto;
max-width: 100%; }
.twitter-content-wrapper.has-image .twitter-inner-wrapper {
padding-left: 0;
margin-right: 50%; }
.twitter-content-wrapper.has-image {
padding-right: 0;
padding-left: 16px; }
.twitter-content-wrapper.has-image .tweet-icon {
position: relative;
top: 0;
margin-top: 0;
left: 0; }
.twitter-content-wrapper.has-image .tweet-icon svg {
width: 40px;
height: 40px; }
.twitter-inner-wrapper {
padding-right: 15px;
padding-left: 70px;
position: relative; }
.twitter-content-wrapper {
text-align: left;
color: #fff;
width: 100%;
position: relative;
/*width: 500px;*/
max-width: 100%; }
.twitter-content-wrapper .tweet-icon svg {
width: 60px; }
.twitter-content-wrapper .tweet-icon {
position: absolute;
top: 50%;
margin-top: -53px;
left: 5px; }
.twitter-account .entry-category {
font-size: 12px;
line-height: 16px;
text-align: left;
margin: 0;
color: #ddd; }
.twitter-account .entry-category .description {
display: block;
font-size: 10px;
line-height: 13px;
margin: 0;
color: #eee; }
.gallery-image {
float: left;
width: 25%;
max-height: 300px;
border: 1px solid #000;
margin-bottom: 0 !important; }
.twiiter-feed {
position: absolute;
background: rgba(255, 255, 255, 0.13);
top: 15%;
right: 5%;
max-width: 400px;
padding: 10px; }
.twitter-account {
text-align: left;
color: #fff;
margin-top: 5px;
padding-top: 3px;
margin-left: 15px;
margin-right: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.09); }
.twitter-account a {
color: #fff;
font-weight: bold; }
.twitter-account .entry-meta > div label {
text-transform: uppercase;
font-weight: normal;
margin-bottom: 0;
margin-left: 3px; }
.twitter-account .entry-meta {
font-size: 10px;
text-align: center;
margin-top: 5px; }
.twitter-account .entry-meta:after {
content: '';
clear: both;
display: block; }
.twitter-account .entry-meta > div {
float: left;
border-right: 1px solid rgba(10, 22, 56, 0.06);
background: rgba(255, 255, 255, 0.05);
line-height: 20px;
padding: 0 10px; }
.twitter-account .entry-meta > div:last-child {
border-right: 0; }
.twitter-content-wrapper .entry-date {
font-size: 11px; }
.twitter-content-wrapper .entry-media img {
max-height: 350px;
max-width: 100%; }
.twitter-content-wrapper.has-image .entry-media {
display: block; }
.twitter-content-wrapper .entry-content a {
font-weight: bold;
color: #eee; }
.twitter-content-wrapper .entry-content {
font-size: 12px; }
.twitter-content-wrapper .social-icons {
position: absolute;
right: 0;
top: 0; }
.twitter-content-wrapper .social-icons a {
padding: 0 3px; }
.twitter-content-wrapper .entry-media {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
display: none; }
.twitter-content-wrapper .entry-media .entry-photo {
background-size: cover;
background-position: center;
width: 100%;
height: 100%; }
.instagram-account .entry-category img {
max-width: 50px;
border-radius: 50%;
margin-bottom: 0; }
.instagram-account .entry-category .entry-image {
text-align: center;
float: left;
margin-right: 10px; }
.instagram-content-wrapper .entry-category {
font-size: 14px;
color: #fff;
float: left; }
.instagram-content-wrapper .entry-category a {
text-decoration: none;
font-weight: bold;
color: #fff; }
.instagram-wrapper {
float: left;
overflow: auto;
width: 100%; }
.instagram-content-wrapper.has-image .instagram-inner-wrapper {
padding-left: 0;
margin-right: 50%; }
.account-insta {
width: 100%;
height: 370px;
overflow-x: auto;
overflow-y: hidden;
display: block;
position: relative;
float: left;
padding: 10px;
background: #125688; }
.instagram-content-wrapper.has-image {
padding-right: 0;
padding-left: 16px; }
.instagram-content-wrapper.has-image .tweet-icon {
position: relative;
top: 0;
margin-top: 0;
left: 0; }
.instagram-content-wrapper.has-image .tweet-icon svg {
width: 40px;
height: 40px; }
.instagram-inner-wrapper .entry-image img {
margin: 0; }
.instagram-inner-wrapper .entry-image {
padding: 0 0 1px 1px; }
.instagram-inner-wrapper {
position: relative;
height: 150px;
width: 150px;
float: left;
overflow: hidden; }
.instagram-content-wrapper {
text-align: left;
color: #fff;
height: 300px;
position: relative;
white-space: nowrap;
display: inline-block;
width: auto;
overflow-y: hidden;
overflow-x: auto;
position: absolute; }
.instagram-content-wrapper .tweet-icon svg {
width: 60px; }
.instagram-content-wrapper .tweet-icon {
position: absolute;
top: 50%;
margin-top: -40px;
left: 25px; }
.instagram-account .entry-category {
font-size: 16px;
line-height: 22px;
color: #eee;
text-align: left;
float: left;
min-width: 50%;
margin: 0; }
.instagram-account .entry-category a {
color: #eee; }
.instagram-account .entry-category .description {
display: block;
font-size: 11px;
line-height: 15px;
margin: 10px; }
.instagram-account {
width: 100%;
float: left;
background: #125688;
text-align: center;
padding: 10px; }
.instagram-account .entry-meta > div label {
display: block;
font-size: 11px;
text-transform: uppercase; }
.instagram-account .entry-meta {
background: #8dd2f5;
border: 1px solid rgba(10, 22, 56, 0.06);
border-radius: 3px;
float: right; }
.instagram-account .entry-meta:after {
content: '';
clear: both;
display: block; }
.instagram-account .entry-meta > div {
float: left;
width: 33%;
border-right: 1px solid rgba(10, 22, 56, 0.06);
padding: 10px 0; }
.instagram-account .entry-meta > div:last-child {
border-right: 0; }
.instagram-content-wrapper .entry-date {
font-size: 12px; }
.instagram-content-wrapper .entry-media img {
max-height: 350px;
max-width: 100%; }
.instagram-content-wrapper.has-image .entry-media {
display: block; }
.instagram-content-wrapper .entry-media {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
display: none; }
.instagram-content-wrapper .entry-media .entry-photo {
background-size: cover;
background-position: center;
width: 100%;
height: 100%; }
.glitch {
position: relative;
margin: 0 auto;
background-repeat: no-repeat;
-moz-filter: url('data:image/svg+xml;utf8,#grayscale');
-o-filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(100%);
filter: gray;
filter: url('data:image/svg+xml;utf8,#grayscale');
background-position: center;
background-size: auto 100%; }
.na-posts {
padding: 0; }
.na-posts:after {
content: '';
display: table;
clear: both; }
.na-posts .post-list-item a.posts-image dt b {
display: block;
font-size: 40px;
line-height: 40px; }
.na-posts .post-list-item a.posts-image dt {
font-size: 16px;
text-transform: uppercase;
position: absolute;
top: 30px;
text-align: center;
padding: 5px;
background: #00b8ea;
color: #fff;
border-radius: 0 5px 5px 0; }
.na-posts .post-list-item a.posts-image {
padding-top: 75%;
display: block;
background-color: #f8f8f8;
background-size: cover;
position: relative; }
.na-posts .post-list-item .posts-content .excerpt-actions {
position: absolute;
width: 100%;
bottom: 0;
z-index: 9; }
.na-posts .post-list-item .posts-content {
position: relative;
min-height: 150px; }
.na-posts .post-list-item .posts-content:after {
position: absolute;
content: '';
bottom: 0;
background-color: red;
height: 100px;
display: block;
width: 100%;
background: rgba(246, 246, 246, 0);
background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(255, 255, 255, 0) 0%, white 60%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 246, 246, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, white));
background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(255, 255, 255, 0) 0%, white 60%);
background: -o-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(255, 255, 255, 0) 0%, white 60%);
background: -ms-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(255, 255, 255, 0) 0%, white 60%);
background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, rgba(255, 255, 255, 0) 0%, white 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#eff6f7', endColorstr='#ffffff', GradientType=0); }
.na-posts .post-list-item:nth-child(4n + 1) {
clear: left; }
.na-posts .post-list-item {
width: 24%;
float: left;
list-style: none;
padding: 30px;
background: #fff;
margin: 0.5%; }
.excerpt-actions a.btn {
padding: 4px 10px;
font-size: 12px;
letter-spacing: 0.6px; }
#commentform {
padding: 10px;
background: #f8f8f8;
margin-top: 10px;
border: 1px solid #efeded; }
@keyframes noise-anim {
0% {
clip: rect(45px, 9999px, 69px, 0); }
5% {
clip: rect(97px, 9999px, 50px, 0); }
10% {
clip: rect(56px, 9999px, 79px, 0); }
15% {
clip: rect(15px, 9999px, 15px, 0); }
20% {
clip: rect(74px, 9999px, 48px, 0); }
25% {
clip: rect(81px, 9999px, 76px, 0); }
30% {
clip: rect(31px, 9999px, 61px, 0); }
35% {
clip: rect(56px, 9999px, 65px, 0); }
40% {
clip: rect(19px, 9999px, 68px, 0); }
45% {
clip: rect(62px, 9999px, 24px, 0); }
50% {
clip: rect(13px, 9999px, 10px, 0); }
55% {
clip: rect(43px, 9999px, 83px, 0); }
60% {
clip: rect(51px, 9999px, 13px, 0); }
65% {
clip: rect(10px, 9999px, 64px, 0); }
70% {
clip: rect(89px, 9999px, 36px, 0); }
75% {
clip: rect(18px, 9999px, 56px, 0); }
80% {
clip: rect(89px, 9999px, 94px, 0); }
85% {
clip: rect(77px, 9999px, 57px, 0); }
90% {
clip: rect(41px, 9999px, 61px, 0); }
95% {
clip: rect(74px, 9999px, 1px, 0); }
100% {
clip: rect(34px, 9999px, 86px, 0); } }
.glitch:after {
content: '';
background: url("/uploads/2016/12/logo.png");
position: absolute;
left: 3px;
text-shadow: -1px 0 red;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim 4s infinite linear alternate-reverse;
height: 100%;
width: 100%;
background-size: 100%;
background-repeat: no-repeat;
opacity: 0.6;
top: 0; }
@keyframes noise-anim-2 {
0% {
clip: rect(52px, 9999px, 38px, 0); }
5% {
clip: rect(4px, 9999px, 79px, 0); }
10% {
clip: rect(15px, 9999px, 71px, 0); }
15% {
clip: rect(27px, 9999px, 77px, 0); }
20% {
clip: rect(20px, 9999px, 44px, 0); }
25% {
clip: rect(5px, 9999px, 35px, 0); }
30% {
clip: rect(91px, 9999px, 46px, 0); }
35% {
clip: rect(55px, 9999px, 11px, 0); }
40% {
clip: rect(40px, 9999px, 21px, 0); }
45% {
clip: rect(85px, 9999px, 80px, 0); }
50% {
clip: rect(38px, 9999px, 72px, 0); }
55% {
clip: rect(2px, 9999px, 49px, 0); }
60% {
clip: rect(84px, 9999px, 32px, 0); }
65% {
clip: rect(39px, 9999px, 49px, 0); }
70% {
clip: rect(13px, 9999px, 25px, 0); }
75% {
clip: rect(22px, 9999px, 49px, 0); }
80% {
clip: rect(97px, 9999px, 30px, 0); }
85% {
clip: rect(3px, 9999px, 36px, 0); }
90% {
clip: rect(62px, 9999px, 47px, 0); }
95% {
clip: rect(52px, 9999px, 58px, 0); }
100% {
clip: rect(71px, 9999px, 97px, 0); } }
.glitch:before {
content: '';
background: inherit;
position: absolute;
left: -1px;
text-shadow: 1px 0 blue;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim-2 3s infinite linear alternate-reverse;
height: 100%;
width: 100%;
background-size: 100%;
background-repeat: no-repeat;
opacity: 0.5;
top: 0; }
.scrolling .glitch:before {
/*top: -15px;*/ }
.scrolling .navbar {
background-color: #fff; }
/****
Services
*****/
.services-image {
background-size: cover;
background-position: center; }
ul.na-services-category {
list-style: none;
padding-left: 0;
background: #fbfbfb; }
ul.na-services-category li a:hover {
text-decoration: none; }
ul.na-services-category li span.btn {
margin-top: 30px;
border: 1px solid #2e3191; }
ul.na-services-category li h3 {
margin-top: 0; }
ul.na-services-category li a {
display: block;
width: 50%;
float: left;
height: 350px;
text-align: left;
padding: 3% 5%;
text-decoration: none; }
ul.na-services-category li:nth-child(2n) a {
float: right; }
ul.na-services-category:after {
content: '';
clear: both;
display: block; }
.scrolling .mouse {
opacity: 0;
transform: translateY(140px);
transition-delay: 12s;
transition: transform 2s ease, opacity 2s ease;
-webkit-animation: none;
animation: none; }
.mouse {
position: fixed;
width: 20px;
height: 34px;
bottom: 30px;
left: 50%;
margin-left: -11px;
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.6);
-webkit-animation: intro 1s;
animation: intro 1s;
transition: transform 1s ease, opacity 1s ease;
z-index: 9; }
.scroll {
display: block;
width: 4px;
height: 2px;
margin: 6px auto;
border-radius: 4px;
background: rgba(255, 255, 255, 0.72);
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite; }
.loading .loading-overlay {
z-index: 9999;
opacity: 1;
transition: opacity 2s linear; }
.loaded .loading-overlay {
display: none; }
.loading-overlay {
position: absolute;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
display: block;
height: 100%;
background-size: auto 60px;
opacity: 0;
transition: opacity 1s linear;
pointer-events: none; }
#main .main-inner > .section:first-child {
position: relative;
z-index: 1; }
#inner-scroll.scrolling-style-3 {
-webkit-backface-visibility: hidden;
-webkit-perspective: none; }
#inner-scroll > .scrollmagic-pin-spacer:nth-child(odd) {
background: #f8f8f8; }
#inner-scroll > .scrollmagic-pin-spacer:nth-child(even) {
background: #fff; }
#inner-scroll > section:nth-child(odd) {
background-color: #f8f8f8; }
#inner-scroll > section:nth-child(even) {
background-color: #fff; }
#inner-scroll {
width: 100%;
height: 100% !important;
overflow: hidden; }
#inner-scroll .entry-content:after {
display: table;
content: '';
clear: both; }
#inner-scroll {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1px; }
.scrolling-container--2 {
width: 100%;
height: 100% !important;
overflow: hidden;
-webkit-perspective: 1000;
perspective: 1000; }
.scrolling-container--2 #inner-scroll.scrolling-style-2 {
width: 100%;
/* to contain 4 panels, each with 100% of window width */
height: 100%; }
.no-scrolling-style .section-placeholder {
display: none; }
.no-scrolling-style #inner-scroll > section {
height: auto;
float: none;
transform: none !important;
position: relative !important; }
#inner-scroll > section {
height: 100%;
width: 100%;
z-index: 2;
/* relative to parent -> 25% of 400% = 100% of window width */
float: left; }
#inner-scroll.scrolling-style-4 {
position: relative;
height: 100%;
width: 100%; }
#inner-scroll.scrolling-style-4 {
/* margin-bottom: 300px; */
min-height: 100vh; }
#inner-scroll.scrolling-style-4 > section {
height: 100%;
width: 100%;
float: none;
position: absolute;
clear: both;
/* height: 100vh; */ }
.wpcf7 label {
font-weight: normal; }
div.wpcf7-response-output {
margin: 0;
background: #ff8e8e;
border: 2px solid #ff8e8e; }
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
background: #f7e72d;
border-radius: 3px; }
.blog-list-container article .entry-header {
margin-bottom: 0; }
.search-products article .entry-header {
background: transparent;
margin-bottom: 0; }
.search-products article {
width: 31.3%;
float: left;
margin: 1%;
height: 500px;
overflow: hidden;
position: relative;
background: #f7f7f7; }
.search-products .entry-header figure.entry-image img {
display: none; }
.search-products .entry-header h1.entry-title a {
font-size: 20px;
font-family: inherit;
color: inherit;
line-height: 1.2;
display: block; }
.search-products .entry-header figure.entry-image {
height: 100%;
width: 100%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat; }
.search-products .block-content {
margin-left: -1%;
margin-right: -1%; }
.search-products h2.block-title {
clear: both; }
.search-products article .entry-inner-content .excerpt-actions {
padding-top: 20px;
border-top: 1px solid #eee;
margin-top: 15px;
position: absolute;
width: 100%;
background: rgba(247, 247, 247, 0.93);
bottom: 10px; }
.search-products .navigation.pagination .nav-links > a,
.search-products .navigation.pagination .nav-links > span {
background: #f7f7f7;
display: inline-block;
line-height: 40px;
min-width: 40px;
font-size: 16px;
margin-right: 1px; }
.search-products .navigation.pagination .nav-links > span {
font-weight: bold; }
.search-products .navigation.pagination {
clear: both;
display: block;
padding: 10px;
text-align: center;
border-top: 1px solid #f7f7f7; }
.search-products article .entry-inner-content {
font-size: 15px;
font-weight: 300;
line-height: 20px;
padding: 10px;
background: #f7f7f7; }
.search-products .entry-header h1.entry-title {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.15);
padding: 10px 15px;
width: 100%;
text-align: left; }
/*
* Fullpage css
*/
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
height: auto !important; }
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes finger {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px); } }
@keyframes finger {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px); } }
@media (max-width: 768px) {
.na-posts .post-list-item {
width: 100%;
padding: 0;
margin: 10px 0; } }
@media (max-width: 500px) {
.search-products block-content {
margin-left: 0;
margin-right: 0; }
.search-products article {
width: 100%;
height: auto; }
.blog article .entry-header h1.entry-title {
padding: 150px 15px 15px;
font-size: 20px;
text-align: left; } }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin: 0 auto;
display: inline-block;
float: none; }
.navbar > .container {
width: 100%; }
.navbar .navbar-toggle {
display: inline-block; }
/*.collapse.in .navbar-collapse>ul {
transform: translateX(0%);
}*/
.collapse.in .navbar-collapse > ul,
.collapsing .navbar-collapse > ul {
transform: translateX(-300%);
transition: transform ease 1s;
overflow: auto;
height: auto !important; }
.navbar-collapse ul {
transition: transform ease 1s;
margin-top: 4px; }
.navbar-nav > li {
display: inline-block;
float: none; }
.navbar-collapse > ul {
margin: 0 auto;
float: none !important;
display: none; }
.navbar-collapse.collapse.in > ul,
.navbar-collapse.collpasing > ul {
display: block; }
.navbar-collapse ul li {
width: auto;
white-space: nowrap;
overflow: hidden;
transition: all ease 0.3s; }
#main-navbar-collapse {
float: left;
overflow: hidden !important;
/* height: 100% !important; */
position: fixed;
width: 100%;
left: 0;
text-align: center;
margin: 0 auto;
z-index: 8;
max-height: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0; }
body:before {
content: '';
display: block;
position: fixed;
top: 30px;
border-radius: 50%;
left: 10px;
width: 10px;
height: 10px;
transform-origin: center;
opacity: 0;
z-index: 7;
transition: all ease 0.4s;
background: #723a83; }
body.menu-open #main-navbar-collapse {
opacity: 1;
max-height: 200px; }
body.menu-open:before {
transform: scale(400);
opacity: 1; }
body svg.particles {
display: none; }
#main-nav-collapse {
width: 100%;
transition: all ease 1s; }
.thumbnail {
border: 0 none; }
#main-nav-collapse.collapse {
display: block; }
#main-nav-collapse.collapse.in,
#main-nav-collapse.collapsing {
width: 250px;
transition: all ease 1s; }
.navbar-default .navbar-toggle {
border-color: transparent; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: rgba(0, 0, 0, 0.03); }
.navbar-default .navbar-toggle .icon-bar {
background-color: #505050; }
.navbar-toggle .icon-bar {
height: 2px;
border-radius: 1px; }
.navbar-toggle {
margin-right: 0; }
.navbar-toggle .icon-bar {
width: 27px;
transition: all ease 0.5s; }
.navbar-toggle.toggle-style-2 .icon-bar:nth-child(2),
.navbar-toggle.toggle-style-2 .icon-bar:nth-child(3) {
width: 20px; }
.navbar-toggle.toggle-style-2[aria-expanded='true'] .icon-bar:nth-child(2),
.navbar-toggle.toggle-style-2[aria-expanded='true'] .icon-bar:nth-child(3) {
width: 30px; }
#main-nav-collapse.collapse.in > div.container,
#main-nav-collapse.collapsing > div.container {
overflow: hidden; }
.navbar-default .navbar-toggle,
.navbar-toggle {
left: 0; }
h1,
h2,
h3,
h4,
h5,
h6,
.label {
color: #43484d;
font-family: Roboto;
letter-spacing: -0.8px; }
h1 {
letter-spacing: -0.5px;
font-weight: 100; }
h5,
h6,
.label {
letter-spacing: -0.2px; }
ul {
padding: 0px; }
.entry-title h2 {
text-align: center;
margin: 30px 0 50px;
position: relative;
font-weight: 300;
letter-spacing: 0; }
.entry-title h2:before {
content: '';
background: url(../image/symbol.svg) no-repeat center center;
height: 40px;
background-size: contain;
display: block;
width: 100%;
margin-bottom: 15px; }
#wrapper {
margin-top: 70px; }
body {
background-color: #eff6f7;
padding-top: 70px; }
.na-slider-wrapper .na-slide-inner:before {
background: url("../image/back.svg") no-repeat center center;
opacity: 0.9;
display: none; }
.navbar-default .navbar-nav > li > a {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400; }
.navbar-default .navbar-nav > li > a [class^='icon-'] {
font-size: 20px; }
.navbar-default .navbar-nav > li > a .icon-cart:before {
content: '';
background: url(../image/cart.svg) no-repeat center center/contain;
height: 18px;
width: 20px;
line-height: 20px; }
.navbar-default .navbar-nav > li > a .icon-search:before {
content: '';
background: url(../image/search.svg) no-repeat center center/contain;
height: 18px;
width: 20px;
line-height: 20px; }
.navbar-default .navbar-nav > li > a .icon-user-outline:before {
content: '';
background: url(../image/user.svg) no-repeat center center/contain;
height: 15px;
width: 20px;
line-height: 6px;
display: inline-block;
margin-bottom: -2px; }
.section {
padding: 20px; }
.section.section-fullwidth {
padding-left: 20px;
padding-right: 20px; }
.subfooter .container {
width: 100%;
padding: 0 5%; }
.single #primary {
position: relative;
z-index: 2; }
.single #main .breadcrumb {
margin-top: -100px;
margin-bottom: 10px;
color: rgba(136, 139, 139, 0.5);
position: relative; }
#respond input#submit.disabled,
#respond input#submit:disabled,
#respond input#submit:disabled[disabled],
a.button.disabled,
a.button:disabled,
a.button:disabled[disabled],
button.button.disabled,
button.button:disabled,
button.button:disabled[disabled],
input.button.disabled,
input.button:disabled,
input.button:disabled[disabled] {
color: #ffffff8c; }
table.shop_table,
.cart .cart-collaterals .cart_totals table {
background: #fff; }
.file-link {
margin-bottom: 5px;
max-width: 250px; }
.file-link > a {
background: #eff6f77a;
padding: 4px 6px;
display: block;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
color: #8a9ca9;
border: 1px solid #d4e9ec;
border-radius: 3px;
transition: all ease 0.3s; }
.file-link > a:hover {
text-decoration: none;
background: #00abe7b3;
color: #fff;
border: 1px solid transparent; }
.table-hover > tbody > tr:hover {
background-color: #eff6f74d; }
.form-group .text-danger {
background: #a94446;
color: #fff;
font-size: 12px;
line-height: 16px;
padding: 2px 5px;
margin-top: 5px;
border-radius: 2px; }
#coupon_code {
min-width: 300px; }
#prescription-form small {
line-height: 1.2;
margin-bottom: 10px;
display: block; }
#prescription-form .form-group {
padding: 10px;
margin: 10px 0;
border-radius: 2px;
padding-left: 0; }
#prescription-form h2 {
font-weight: 300; }
#prescription-form h1 {
margin-top: 5%; }
#prescription-form h1 .fa {
color: #03a854;
font-size: 14px;
height: 20px;
width: 20px;
border-radius: 10px;
line-height: 20px;
border: 1px solid #03a854; }
#prescription-form .step1.erx-prescription-number {
text-align: center; }
#prescription-form .step1.erx-prescription-number input {
font-size: 20px;
line-height: 30px;
height: auto;
max-width: 300px; }
#prescription-form .step1.erx-prescription-number .form-group {
background: transparent;
text-align: center; }
#prescription-form .step1.erx-prescription-number .form-group > input {
margin: 10% auto 6%; }
#prescription-form .checkbox input[type='checkbox'],
#prescription-form .checkbox-inline input[type='checkbox'],
#prescription-form .radio input[type='radio'],
#prescription-form .radio-inline input[type='radio'] {
margin-left: -20px;
margin-right: 5px; }
.prescription_form {
font-size: 15px; }
.prescription_form .attention {
padding: 10px;
background: #eaea95;
margin-top: 10px;
border: 1px solid #dede8c;
border-radius: 3px; }
.authorize.checkbox label {
font-weight: normal;
font-size: 13px; }
.form-actions button,
.form-actions .btn {
margin-bottom: 0;
margin-right: 10px; }
.form-actions .right {
float: right; }
.panel-default > .panel-heading {
color: #96a2ab;
border-color: #e1e8ed;
border: 0 none;
padding: 0;
border-radius: 0;
background-color: transparent; }
.panel-default > .panel-heading a,
.panel-default > .panel-heading span {
padding: 10px 15px;
background-color: #ffffff;
display: block;
text-decoration: none;
transition: all ease 0.3s;
border-radius: 3px; }
.panel-default > .panel-heading a .fa,
.panel-default > .panel-heading span .fa {
float: right; }
.panel-default > .panel-heading span {
opacity: 0.8; }
.panel-default > .panel-heading a:hover, .panel-default > .panel-heading a[aria-expanded='true'] {
background: #00abe7;
color: #fff; }
#checkout-cart table .img-thumbnail {
border: 0; }
.panel {
margin-bottom: 20px;
background-color: transparent;
border: 0px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 8px rgba(149, 193, 199, 0.14);
box-shadow: 0px 0px 8px rgba(149, 193, 199, 0.14);
margin-bottom: 15px; }
.panel .panel-body {
background-color: #fff; }
.form-actions {
display: block;
bottom: 0;
width: 100%;
left: 0;
padding-top: 20px;
z-index: 9; }
.sb-hide {
display: none; }
.sb-fields-container {
padding-bottom: 10px; }
div.radio label {
font-weight: normal;
margin-bottom: 5px;
font-size: 0.9em;
padding-left: 0; }
div.radio label input {
margin-right: 5px; }
body:before {
background: #e2f3f8; }
.single #main > div.container {
padding: 0; }
#main-navbar-collapse #menu-main {
text-align: center;
display: inline-block; }
.scrolling .navbar-default .navbar-nav > li > a {
line-height: 40px; }
.na-slider-wrapper .na-slider-actions span:before,
.na-slider-wrapper .na-slider-actions span:after {
content: '';
height: 3px;
background: #fff;
width: 20px;
transform: rotate(-45deg);
transform-origin: 1px 1.5px;
position: absolute;
top: 50%;
margin-top: -1px;
left: 25%;
margin-top: 0; }
.na-slider-wrapper .na-slider-actions.next span:before,
.na-slider-wrapper .na-slider-actions.next span:after {
transform-origin: 19px 1.5px; }
.na-slider-wrapper .na-slider-actions:hover span:after,
.na-slider-wrapper .na-slider-actions:hover span:before {
background-color: #86939e !important;
transition: all ease 0.1s; }
.na-slider-wrapper.na-no-prev .na-slider-actions.prev span:after,
.na-slider-wrapper.na-no-prev .na-slider-actions.prev span:before {
background-color: #dddddd; }
.na-slider-wrapper.na-no-next .na-slider-actions.next span:after,
.na-slider-wrapper.na-no-next .na-slider-actions.next span:before {
background-color: #dddddd; }
.na-slider-wrapper .na-slider-actions span:after,
.na-slider-wrapper .na-slider-actions span:before {
background-color: #86939e; }
.na-slider-wrapper .na-slider-actions.prev span:after,
.na-slider-wrapper .na-slider-actions.next span:after {
transform: rotate(45deg); }
.na-slider-wrapper .na-slider-actions.next span:before {
transform: rotate(-45deg);
content: ''; }
.na-slider-wrapper .na-slider-actions span {
opacity: 1; }
.na-slider-wrapper .na-slider-actions.prev span:hover:after {
left: 25%;
width: 20px; }
.na-slider-wrapper .na-slider-actions.next span:hover:after {
width: 20px; }
/* .na-slider-wrapper .na-slider-actions {
position: absolute;
bottom: 1px;
height: 60px;
width: 100px;
top: auto;
} */
/* .na-slider-wrapper .na-slider-actions {
background: #fff;
}
.na-slider-wrapper .na-slider-actions.next {
right: auto;
left: 101px;
} */
.na-slider-wrapper .na-slider-actions.prev span {
transform: translateX(3%); }
.na-slider-wrapper .na-slider-actions.next span {
transform: translateX(-3%); }
ul.products[class*='columns-'] li.product .stock {
display: none; }
ul.products[class*='columns-'] li.product .btn,
ul.products[class*='columns-'] li.product .button {
padding: 5px 10px;
height: auto;
line-height: 20px;
float: none; }
div.product .tabs ul.na-tabs > li {
border: 0;
position: relative; }
div.product .tabs ul.na-tabs > li:last-child {
border-bottom: 0; }
#content div.product .tabs,
div.product .tabs,
.page #content div.product .tabs,
.page div.product .tabs {
/* box-shadow: 0px 0px 11px #0000001a;*/
/* border: 1px solid #efefef;*/
margin-bottom: 30px; }
#section-slider {
background: #eff6f7; }
#section-slider .entry-content {
padding-bottom: 5px; }
#section-slider .swiper-slide {
height: 100%;
background-position: center right 30%;
background-repeat: no-repeat;
background-size: contain; }
#section-slider .swiper-pager {
margin: 0 5%;
width: 90%; }
#section-slider .swiper-viewport {
margin-bottom: 0; }
#section-slider .swiper-pagination {
bottom: 0; }
#section-slider:after {
content: '';
border-top: 1px solid #e1e8ee;
height: 1px;
width: 100%;
display: block;
padding-bottom: 30px;
margin-top: 30px; }
#section-slider:before {
content: '';
height: 30px;
display: block;
bottom: 16px;
left: 50%;
background-color: #fff;
background-image: url(../image/arrow-down.svg);
position: absolute;
background-repeat: no-repeat;
background-size: 12px;
background-position: center;
width: 30px;
border-radius: 50%;
margin-left: -15px; }
#ajaxy-cart {
margin-left: -30px; }
div.product .tabs ul.na-tabs {
margin-bottom: 0; }
div.product .tabs ul.na-tabs > li::before {
content: '';
position: absolute;
right: 3px;
height: 26px;
width: 26px;
background-color: #00aad8;
border-radius: 30px;
top: 6px; }
div.product .tabs ul.na-tabs > li.active > a:after {
background: #fff; }
div.product .tabs ul.na-tabs > li > a:before,
div.product .tabs ul.na-tabs > li > a:after {
background: rgba(255, 255, 255, 0.831373); }
div.product .tabs ul.na-tabs > li > a {
font-weight: bold;
color: #333;
background: #00000005; }
ul.products[class*='columns-'] li.product form.cart {
text-align: center; }
ul.products[class*='columns-'] li.product form.cart .single_add_to_cart_button {
margin-top: 0; }
ul.products[class*='columns-'] li.product form.cart .input-text {
height: auto;
line-height: 20px;
display: none; }
ul.products[class*='columns-'] li.product form.cart .quantity {
display: inline-block; }
ul.products[class*='columns-'] li.product,
.page ul.products[class*='columns-'] li.product {
border-radius: 6px;
box-shadow: 1px 2px 3px #00000014;
background-color: #fff; }
.single #main div.product.type-product {
background: #fff;
padding: 40px 30px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); }
span.onsale {
height: 3.236em;
width: 3.236em;
overflow: hidden; }
.panel {
border-top: 0; }
div.product div.images.product-gallery {
background-color: #fff; }
td.label {
display: table-cell !important; }
.single #main div.product.type-product:after {
clear: both;
content: '';
display: table;
width: 100%; }
.mouse {
opacity: 0.8;
border-width: 1px; }
.products-carousel.products-carousel-2 ul.products li.product {
box-shadow: none; }
.products-carousel.products-carousel-2 ul.products li.product .product-title {
font-size: 4rem !important;
margin-top: 30px;
margin-bottom: 40px; }
.products-carousel.products-carousel-2 ul.products li.product:after {
content: '';
clear: both;
display: table; }
.products-carousel.products-carousel-2 ul.products li.product a.product-image {
padding-top: 30%;
width: 50%;
float: right;
display: block; }
.post-type-archive-product #main,
.archive #main {
padding: 1% 5%; }
.category-title .count {
display: none; }
ul.products li.product .category-title {
font-size: 2rem;
text-align: center; }
#menu-main.navbar-nav > li {
border-right: 1px solid #0000000a;
background: #e7f5f9; }
#menu-main.navbar-nav > li:last-child {
border-right: 0; }
div.product div.images .flex-control-thumbs li {
padding: 2px; }
.home .product-categories .na-slider-wrapper.na-carousel {
padding-bottom: 60px; }
body.scrolling .navbar-default,
body.single .navbar-default {
transition: all ease 0.5s;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.188235); }
.navbar > .container .navbar-brand img.logo,
.navbar > .container .navbar-brand img.logo-dark {
max-height: 90px; }
.scrolling .navbar > .container .navbar-brand img.logo,
.scrolling .navbar > .container .navbar-brand img.logo-dark {
max-height: 60px; }
div.product form.cart .variations td.label {
padding-right: 1em;
line-height: 3.6rem;
text-align: left;
width: 45px;
box-sizing: border-box; }
div.product div.images .flex-control-thumbs {
margin-top: 10px; }
div.product div.images .flex-control-thumbs li img {
padding: 4px;
border: 1px solid #f7f7f7; }
.btn,
#ajaxy-cart .product-view-cart .button,
input[type='submit'],
#respond input#submit.alt,
a.button.alt,
button.button.alt,
input.button.alt {
border-color: #8cd497;
color: #8cd497;
font-family: inherit;
font-size: 15px;
border-radius: 30px;
font-weight: bold;
padding: 10px 35px;
margin-bottom: 10px;
background: transparent;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
display: inline-block;
text-transform: none;
letter-spacing: 0;
background: #fff; }
.btn.btn-danger,
#ajaxy-cart .product-view-cart .button.btn-danger,
input[type='submit'].btn-danger,
#respond input#submit.alt.btn-danger,
a.button.alt.btn-danger,
button.button.alt.btn-danger,
input.button.alt.btn-danger {
border-color: #d4a88c;
color: #d48c8c;
text-shadow: none; }
.btn.btn-danger:hover,
#ajaxy-cart .product-view-cart .button.btn-danger:hover,
input[type='submit'].btn-danger:hover,
#respond input#submit.alt.btn-danger:hover,
a.button.alt.btn-danger:hover,
button.button.alt.btn-danger:hover,
input.button.alt.btn-danger:hover {
border-color: #ab6e6e;
background-color: #d48c8c;
color: #fff; }
.btn.btn-compact,
#ajaxy-cart .product-view-cart .button.btn-compact,
input[type='submit'].btn-compact,
#respond input#submit.alt.btn-compact,
a.button.alt.btn-compact,
button.button.alt.btn-compact,
input.button.alt.btn-compact {
padding: 3px 15px;
font-size: 13px; }
.variation.single_variation .variation-price {
float: left;
line-height: 34px;
margin-right: 5px;
background: #7da86a;
color: #fff;
padding: 0 10px;
font-size: 18px;
border-radius: 3px; }
.variation.single_variation .variation-price span {
color: #fff;
font-family: Roboto Condensed;
letter-spacing: -0.3px; }
#respond input#submit.alt.disabled,
#respond input#submit.alt.disabled:hover,
#respond input#submit.alt:disabled,
#respond input#submit.alt:disabled:hover,
#respond input#submit.alt:disabled[disabled],
#respond input#submit.alt:disabled[disabled]:hover,
a.button.alt.disabled,
a.button.alt.disabled:hover,
a.button.alt:disabled,
a.button.alt:disabled:hover,
a.button.alt:disabled[disabled],
a.button.alt:disabled[disabled]:hover,
button.button.alt.disabled,
button.button.alt.disabled:hover,
button.button.alt:disabled,
button.button.alt:disabled:hover,
button.button.alt:disabled[disabled],
button.button.alt:disabled[disabled]:hover,
input.button.alt.disabled,
input.button.alt.disabled:hover,
input.button.alt:disabled,
input.button.alt:disabled:hover,
input.button.alt:disabled[disabled],
input.button.alt:disabled[disabled]:hover {
background-color: #99bb8b; }
#ajaxy-cart .product-view-cart .button,
#respond input#submit.alt,
a.button.alt,
button.button.alt,
input.button.alt {
border-width: 1px;
border-style: solid; }
.btn:hover,
input[type='submit']:hover,
#ajaxy-cart .product-view-cart .button:hover,
#respond input#submit.alt:hover,
a.button.alt:hover,
button.button.alt:hover,
input.button.alt:hover {
background: #20b400;
color: #fff !important;
transition: all ease 0.3s;
border-color: #20b400; }
#respond input#submit.alt:hover,
a.button.alt:hover,
button.button.alt:hover,
input.button.alt:hover {
background: #53a1a1;
color: #fff;
transition: all ease 0.3s; }
.decorated.green {
color: #20b400; }
.decorated.green:before {
background: #20b400; }
.decorated {
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
margin-top: 0; }
.decorated.center:before {
left: 50%;
transform: translateX(-50%); }
.decorated:before {
position: absolute;
content: '';
height: 3px;
width: 50px;
bottom: 0;
left: 0;
background: #343434; }
a {
color: #20b400; }
a:hover {
color: #20b400;
text-decoration: underline; }
ul.products li.product {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
padding: 20px; }
ul.products li.product .product-details__short-description {
display: none; }
.home ul.products li.product .product-details__short-description {
display: block; }
ul.products li.product .product_meta {
margin-bottom: 15px;
font-size: 12px; }
ul.products li.product .tagged_as {
display: none; }
.account .MyAccount-navigation ul li a {
border: 1px solid transparent;
text-decoration: none; }
.account .MyAccount-navigation ul li.is-active a,
.account .MyAccount-navigation ul li a:hover {
border-color: #6bd076;
background-color: #6bd076;
color: #fff; }
.home ul.products li.product h2.product-title {
font-size: 2rem;
text-align: center; }
.product-prescription a {
font-weight: bold;
color: #ffffff;
text-decoration: underline !important; }
li.product .product-prescription {
max-width: 25px;
white-space: nowrap;
overflow: hidden;
transition: max-width ease 1.2s; }
li.product:hover .product-prescription {
max-width: 300px;
transition: max-width ease 0.8s; }
li.product .product-prescription i {
margin-right: 5px; }
select.orderby {
border: 0.1rem solid #e9f0f1; }
.navbar-default .navbar-nav > li.prescription-upload {
border-right: 0; }
.navbar-default .navbar-nav > li.prescription-upload a {
border-radius: 30px;
background: #00abe8;
margin-top: 15px;
margin-right: 10px;
line-height: 10px;
border: 1px solid #00abe8;
text-transform: unset;
letter-spacing: 0;
font-weight: bold;
color: #ffffff; }
.product-prescription {
background: #00b8ea;
padding: 2px 15px 2px 5px;
border-radius: 0 10px 10px 0;
color: #ffffff;
font-weight: bold;
font-size: 12px;
display: inline-block;
position: absolute;
top: 15px;
left: 0; }
.product-prescription img {
margin: 0;
height: 13px;
max-width: none;
margin-right: 10px; }
nav.pagination ul {
border: 1px solid #42bb37;
border-radius: 4px;
overflow: hidden; }
.entry-header {
background-color: #fff !important; }
.pattern-1:before {
display: none; }
nav.pagination ul li:last-child {
border-right: 0; }
nav.pagination ul li {
border-right: 1px solid #42bb37;
background-color: #fff; }
nav.pagination ul li a:focus,
nav.pagination ul li a:hover,
nav.pagination ul li span.current {
background: #00b700;
color: #fff; }
nav.pagination ul li a,
nav.pagination ul li span {
padding: 0.7em 1em; }
ul.products li.product .price {
font-size: 20px;
font-weight: bold;
font-family: 'Roboto Condensed';
border-radius: 3px;
text-align: center;
display: block;
margin-bottom: 20px; }
ul.products li.product .product_meta {
display: none; }
.home #products .entry-title h2 {
position: relative;
padding-bottom: 25px;
margin-bottom: 15px;
margin-top: 50px; }
.home #products .entry-title h2:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 80px;
background: #86d1d2;
margin-left: -40px;
height: 3px; }
.message {
border-top-color: #44b97c;
background: #44b97c;
color: #fff;
font-weight: bold; }
.fixed-sidebar.active {
transform: translateX(0px); }
.fixed-sidebar {
position: fixed;
left: 0;
z-index: 999;
max-width: 300px;
background: #fff;
top: 20%;
height: 70%;
overflow: visible;
box-shadow: 0 0 5px #0000002b;
transform: translateX(-300px);
transition: transform 0.3s linear; }
.fixed-sidebar .inner-sidebar .handle {
position: absolute;
right: -55px;
top: 22px;
cursor: pointer; }
.fixed-sidebar .inner-sidebar .handle > span::before {
content: '';
background: #fff;
position: absolute;
height: 20px;
width: 100%;
top: 25px;
left: 0; }
.fixed-sidebar .inner-sidebar .handle > span {
transform: rotate(90deg);
background: #fff;
display: block;
padding: 5px 15px;
font-size: 18px;
box-shadow: 0 0 5px #0000002b;
border-radius: 4px; }
.widget_product_search button[type='submit'] {
border-radius: 0; }
.fixed-sidebar .inner-sidebar #widget-area.widget-area {
position: absolute;
left: 0;
height: 100%;
width: 100%;
overflow: auto;
top: 0;
padding: 20px; }
.fixed-sidebar .inner-sidebar {
height: 100%;
overflow: visible;
position: relative;
padding: 10px 20px;
width: 300px; }
.error::before,
.info::before,
.message::before {
color: #fff; }
.message a.button {
background-color: #ffffff;
color: #45b97b; }
.footer-widgets .wpcf7-form .wpcf7-submit {
float: left; }
.footer-widgets .wpcf7-form label {
float: left; }
.footer-widgets .wpcf7-form:after {
content: '';
clear: both;
display: block; }
.footer-widgets .wpcf7-form {
margin-bottom: 5px; }
.widget.woocommerce.widget_product_tag_cloud .tagcloud > a {
font-size: 12px !important; }
.na-slide-text {
font-family: lora; }
.archive .widget {
margin-bottom: 45px; }
.copyright ul.menu {
list-style: none;
padding: 0;
margin: 0;
border-radius: 5px; }
.copyright ul.menu li a {
display: block;
margin: 0 10px;
color: #679898;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase; }
.copyright ul.menu li:last-child {
border: 0; }
.copyright ul.menu li {
display: inline-block;
border-right: 1px solid rgba(255, 255, 255, 0.04); }
.copyright .menu-footer-menu-container {
display: inline;
margin-left: 30px; }
.copyright .menu {
display: inline-block; }
section.related.products > h2 {
text-align: center;
margin-bottom: 30px;
font-size: 2.5rem;
letter-spacing: -0.05rem;
font-weight: normal; }
section.related.products ul.products li.product .category-title,
section.related.products ul.products li.product .product-title,
section.related.products ul.products li.product h3 {
padding-left: 0;
padding-right: 0; }
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #81aa6e; }
section.related.products {
padding-top: 30px;
clear: both; }
#main .main-inner section#section-gallery {
margin-top: 30px; }
.home #main .main-inner > .section:first-child {
padding: 0; }
#main .main-inner section#section-newsletter {
background: #fff;
border-top: 1px solid #e1e8ee;
/* margin-top: 30px; */
/* background: rgba(91, 91, 91, 0.9); */ }
.wpcf7-form span.wpcf7-not-valid-tip {
display: none !important; }
#section-newsletter div.wpcf7 > form {
display: inline-block; }
#section-newsletter div.wpcf7 .ajax-loader {
position: absolute;
right: -30px;
top: 10px; }
.wpcf7-form {
position: relative; }
#section-newsletter .wpcf7-form .wpcf7-text {
border: 1px solid #f1f1f1; }
#section-newsletter .wpcf7-form .wpcf7-submit {
position: absolute;
right: 0px;
top: 0px;
height: 38px;
border: 0;
padding: 0 15px;
background: #20b400;
border-radius: 0 3px 3px 0; }
.na-slide-text h1 {
letter-spacing: -1px;
color: #2f2f2f;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
font-size: 450%;
font-weight: 300;
line-height: 90%; }
.na-slide-text h1 span {
color: #56b100;
font-size: 80%; }
.na-slide-text h1 small {
color: inherit; }
.na-slide-text .btn {
border-color: #20b400;
color: #7dc855;
font-family: inherit;
margin-top: 15px;
font-size: 16px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
padding: 15px 35px;
border-radius: 30px;
background: transparent;
text-transform: none;
letter-spacing: 0;
font-weight: bold; }
#main .main-inner section {
border-bottom: 1px solid #e1e8ee; }
#main .main-inner section:nth-child(2n) {
background: #f7f7f7; }
#main .main-inner section:nth-child(2n) {
background: #fff; }
#main .main-inner section.grey:before {
position: absolute;
content: '';
background: #f4f4f4;
top: 20px;
left: 20px;
height: 98%;
width: 98%;
height: calc(100% - 40px);
width: calc(100% - 40px); }
#main .main-inner section.white {
background: #fff !important; }
.na-slide-text {
max-width: 40%;
text-align: left;
margin-left: 0%;
font-size: 150%; }
.navbar-default {
background: #fff;
padding: 0px 0; }
.navbar-default .navbar-nav > li {
border-right: 1px solid #f3f8f9; }
.navbar-default .navbar-nav > li:last-child {
border-right: 0 none; }
.navbar-default .navbar-nav > li ul.sub-menu li > a:hover {
background-color: rgba(0, 140, 208, 0.24); }
.navbar-default .navbar-nav > li > a:hover {
background-color: rgba(0, 140, 208, 0.24); }
.navbar-default .navbar-nav > li.menu-item-has-children > a:after {
border-color: rgba(80, 80, 80, 0.290196) transparent; }
.pattern-1:before {
opacity: 0.05; }
.entry-header {
min-height: 100px;
border-bottom: 1px solid rgba(221, 226, 227, 0.419608);
background: rgba(255, 255, 255, 0.411765); }
.entry-header h1.entry-title {
padding: 100px 0% 30px;
color: rgba(0, 0, 0, 0.36);
text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.08);
text-transform: uppercase;
margin-bottom: 0;
margin-top: 0;
position: relative;
z-index: 2; }
.navbar-default .navbar-nav > li > a {
color: #969696;
line-height: 40px;
max-height: 70px; }
.subfooter .payment-icon svg path {
fill: #fff; }
.subfooter .payment-icon:hover svg path {
fill: rgba(255, 255, 255, 0.9); }
.subfooter .payment-icon svg {
float: left; }
.light {
font-weight: 300; }
.copyright {
line-height: 35px;
font-size: 11px;
font-weight: 400;
color: #333;
letter-spacing: 1.5px;
text-transform: uppercase; }
.download-mobile-store {
margin: 30px 10px 10px 0px;
display: inline-block; }
.download-mobile-store img {
height: 40px; }
.ajaxy-cart-total > span span {
line-height: 12px; }
.ajaxy-cart-total > span {
padding: 0;
margin: 0;
float: right;
line-height: inherit; }
.ajaxy-cart-total {
top: 15%;
right: 0;
left: auto;
background-color: #20b400; }
/* .ajaxy-cart-total {
background: transparent;
color: #333;
font-weight: bold;
position: static;
display: inline-block;
font-size: 14px;
} */
.subfooter .payment-icon {
width: 55px;
float: left;
background: #717171;
border-radius: 4px;
padding: 5px 5px;
margin-right: 5px; }
.subfooter .payment-icons {
display: inline-block;
float: right; }
.subfooter {
color: #20b400;
text-align: left;
padding: 15px 0;
font-size: 16px;
border-top: 1px solid #e1e8ee;
background: white; }
.sidebar-shop #widget-area {
padding: 10px 0;
background: transparent; }
.the_champ_outer_login_container {
position: relative; }
.the_champ_outer_login_container::after {
content: '';
display: table;
clear: both; }
.the_champ_outer_login_container + div:after {
content: 'OR';
position: absolute;
left: 50%;
line-height: 20px;
margin-top: -10px;
background: #fff;
display: inline-block;
width: 60px;
text-align: center;
margin-left: -30px;
font-weight: bold;
font-size: 20px;
color: rgba(0, 0, 0, 0.2); }
.the_champ_outer_login_container + div {
border-top: 1px solid rgba(0, 0, 0, 0.08);
margin-top: 30px; }
.theChampLogin {
display: block;
width: 200px;
position: absolute;
background: transparent;
top: 0;
left: 0; }
.the_champ_outer_login_container {
background: #3c589a;
width: 230px;
border-radius: 3px;
margin: 0 auto; }
.the_champ_social_login_title {
float: right;
line-height: 40px;
padding-right: 15px;
padding-left: 15px;
border-left: 1px solid rgba(255, 255, 255, 0.18);
color: #fff; }
.social-icon {
font-size: 22px;
display: inline-block;
width: 36px;
border: 1px solid #74a463;
border-radius: 50%;
line-height: 34px;
margin: 10px 4px; }
.social-icon.icon-facebook {
border-color: #3b5998;
color: #3b5998; }
.social-icon.icon-instagram {
border-color: #262626;
color: #262626; }
.social-icon.icon-twitter {
border-color: #1da1f2;
color: #1da1f2; }
.social-icon.icon-pinterest {
border-color: #c92228;
color: #c92228; }
#whatsapp,
#call {
background: #fff;
border-radius: 50%;
bottom: 18pt;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
display: inline;
height: 45pt;
padding: 0px;
position: fixed;
right: 15pt;
top: auto;
width: 45pt;
z-index: 2147483646;
font-size: 45px;
text-align: center; }
#call {
bottom: 72pt;
color: #638ea4;
font-size: 38px;
line-height: 45pt; }
#ship-to-different-address {
margin-left: 4px; }
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'],
.radio input[type='radio'],
.radio-inline input[type='radio'] {
position: relative;
margin-left: 0; }
form .form-row .input-checkbox {
margin-right: 0; }
.about_paypal {
display: block;
width: 100%; }
.gallery {
width: 100%; }
.gallery > figure > div {
position: absolute;
top: 0;
left: 0;
padding: 2px;
height: 100%;
width: 100%; }
.gallery > figure {
display: inline-block;
margin: 0;
width: 12.5%;
padding: 2px;
padding-top: 12.5%;
overflow: hidden;
float: left;
position: relative; }
.gallery > figure img {
object-fit: cover;
height: 100%; }
#add_payment_method #payment div.payment_box::before,
.cart #payment div.payment_box::before,
.checkout #payment div.payment_box::before {
content: '';
display: block;
border: 10px solid #87c0c3;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -10px;
left: 0;
margin: -10px 0 0 2em; }
#checkout-checkout .address-item {
height: 120px;
overflow: auto;
position: relative;
padding: 10px 20px 15px;
padding-left: 35px;
background: #eff6f7;
border-radius: 5px;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
width: calc(50% - 30px); }
#checkout-checkout .address-item h3 {
margin-top: 0; }
#checkout-checkout .address-item input {
position: absolute;
left: 12px;
top: 12px; }
#checkout-checkout #payment-method {
clear: both;
border-top: 1px solid #e1e8ed;
margin-top: 15px;
padding-top: 15px; }
.clearfix {
clear: both; }
#checkout-cart .cart-module-total {
display: none; }
#checkout-cart h1 {
font-weight: 300;
color: #536771;
font-size: 30px; }
#checkout-cart .grand-total {
text-align: right;
font-size: 20px;
color: #414042; }
#checkout-cart .grand-total label {
font-size: inherit;
float: left;
text-align: left;
color: #414042; }
#checkout-cart .panel-default > .panel-heading a,
#checkout-cart .panel-default > .panel-heading span {
border: 1px solid #dde7e8; }
#checkout-cart hr {
border-color: #eff6f7; }
#checkout-cart #content {
padding-right: 30px;
border-right: 1px solid #eff6f7; }
#checkout-cart #content table td {
border-right-color: #fff;
border-left-color: #fff;
vertical-align: middle; }
#checkout-cart #content table td .input-group-btn .btn {
margin-bottom: 0; }
#checkout-cart #content tbody td.text-right {
font-weight: bold; }
#checkout-cart #content .table-bordered {
margin-top: 15px; }
label.checkbox > span {
font-size: 14px; }
label.checkbox {
font-weight: normal; }
#add_payment_method #payment div.payment_box,
.cart #payment div.payment_box,
.checkout #payment div.payment_box {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #ffffff;
color: #515151;
border: 1px solid #87c0c3; }
.form-row.place-order {
background-color: #eff6f7; }
tr.order-total {
background: rgba(134, 209, 210, 0.25); }
#add_payment_method #payment,
.cart #payment,
.checkout #payment {
background: rgba(134, 209, 210, 0.25);
border-radius: 5px; }
#add_payment_method #payment ul.payment_methods,
.cart #payment ul.payment_methods,
.checkout #payment ul.payment_methods {
border-bottom: 1px solid #81aa6e; }
.billing-fields {
padding: 30px;
background: rgba(255, 255, 255, 0.5); }
.account .MyAccount-navigation {
width: 100%;
float: none;
background: #ffffff;
text-align: center;
padding-top: 4px;
border: 1px solid #5ac047;
border-radius: 3px; }
.error a,
.info a,
.message a {
color: #fff; }
.error,
.info,
.message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
color: #fff;
list-style: none outside;
width: auto;
word-wrap: break-word;
border-radius: 3px; }
.info {
background-color: #45b97b;
border: 1px solid #00a953; }
.error {
background-color: #b81c23;
border: 1px solid #b81c23; }
form.checkout_coupon,
form.login,
form.register {
background: #fff;
border: 0;
border-radius: 2px;
margin: 0; }
#respond input#submit,
a.button,
button.button,
input.button {
background-color: #00b8ea;
color: #fff; }
#respond input#submit:hover,
a.button:hover,
button.button:hover,
input.button:hover {
background-color: #00abe7;
color: #fff; }
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
text-transform: none;
letter-spacing: 0; }
.checkout #customer_details {
float: left;
width: 49%; }
.checkout .col2-set .col-1,
.checkout .page .col2-set .col-1,
.checkout .col2-set .col-2,
.checkout .page .col2-set .col-2 {
width: 100%; }
#order_review_heading,
#order_review {
width: 49%;
float: right; }
.threed-link:hover #Fill-21 {
fill: #2fbf86; }
.threed-link {
position: absolute;
right: 9px;
top: 30px;
height: 35px;
z-index: 2; }
#form-review.form-horizontal {
padding: 30px;
border: 1px solid #e0e8ee;
background: #eff6f7;
border-radius: 8px; }
#form-review.form-horizontal .control-label {
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 7px;
display: block;
text-align: left; }
.threed-link svg {
height: 100%;
width: auto; }
.has-upload {
display: none; }
.require-change .has-upload {
display: block; }
.require-change .btn-change,
.require-change .current-uploaded {
display: none; }
.current-uploaded {
margin-top: 10px;
margin-bottom: 10px; }
.popup-active:after {
content: '';
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.560784);
z-index: 9999;
opacity: 1;
border-radius: 0; }
div.the_champ_horizontal_sharing li.the_champ_google_plus_share,
div.the_champ_horizontal_counter li.the_champ_google_plus_share {
width: 60px; }
div.the_champ_horizontal_sharing li.the_champ_facebook_recommend,
div.the_champ_horizontal_counter li.the_champ_facebook_recommend {
width: 115px;
text-align: center; }
div.the_champ_horizontal_sharing li.the_champ_twitter_tweet,
div.the_champ_horizontal_counter li.the_champ_twitter_tweet {
width: 64px; }
div.the_champ_horizontal_sharing li.the_champ_pinterest_pin,
div.the_champ_horizontal_counter li.the_champ_pinterest_pin {
width: 100px; }
div.the_champ_horizontal_sharing li.the_champ_pinterest_pin > span,
div.the_champ_horizontal_counter li.the_champ_pinterest_pin > span {
float: left; }
div.the_champ_horizontal_sharing li {
float: left;
width: auto !important;
margin-right: 3px !important; }
ul.the_champ_sharing_ul li.theChampSharingRound,
ul.heateor_ss_follow_ul li.theChampSharingRound {
padding-top: 2px !important; }
.the_champ_horizontal_sharing .theChampSharing {
border-radius: 2px; }
ul.the_champ_sharing_ul li:last-child {
float: right !important; }
.order-shipping-duration {
display: block;
padding: 15px;
background: rgba(134, 209, 210, 0.25);
margin-bottom: 15px;
border-radius: 5px;
font-weight: normal;
width: 49%;
float: right; }
.entry-header h1.entry-title {
text-align: center; }
.navbar-default .navbar-nav > li.wpml-ls-item a {
line-height: 20px;
padding: 0 5px;
font-size: 11px; }
.navbar-default .navbar-nav > li.wpml-ls-item {
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 100%;
margin-right: -80px;
margin-left: 0px;
border-radius: 0 0 5px 5px; }
form .form-row label {
line-height: 2;
font-size: 1.3rem; }
.na-slide-inner {
background-size: auto 100%; }
#section-newsletter h1 {
margin-bottom: 20px; }
#section-products {
position: relative;
padding: 30px 0 30px 0%; }
.products-carousel {
padding-left: 1.5%; }
.display-flex {
display: flex; }
.flex-right {
justify-content: flex-end; }
.category-page .category-title,
.category-page .title,
.search-page .category-title,
.search-page .title {
padding: 100px 0% 30px;
color: rgba(0, 0, 0, 0.36);
text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.08);
text-transform: uppercase;
margin-top: 0;
position: relative;
z-index: 2;
text-align: center;
font-weight: 100;
background: #fff;
box-shadow: 0 0 10px #00000012;
margin-bottom: 30px; }
.category-page .search-form,
.search-page .search-form {
padding: 30px;
background: #fff;
border-radius: 4px;
box-shadow: 1px 2px 3px #00000014;
background-color: #fff;
margin-bottom: 20px; }
.category-page .refine,
.search-page .refine {
margin-top: 10px;
text-shadow: 0 1px 0 #fff;
color: #a2aeb0;
font-size: 20px;
letter-spacing: -0.2px; }
.category-page #compare-total,
.search-page #compare-total {
line-height: 28px;
padding: 0 15px;
background: #fff;
display: inline-block;
border: 1px solid #21b40057;
border-radius: 4px; }
.category-page .input-group-addon,
.search-page .input-group-addon {
background-color: #eff6f7;
border-color: #d0dee0;
box-shadow: inset -1px 0px 5px #a5c1c547;
font-weight: bold;
color: #a7bec1; }
.category-page .pagination,
.search-page .pagination {
margin-bottom: 20px; }
.category-page #input-sort,
.category-page #input-limit,
.search-page #input-sort,
.search-page #input-limit {
border-color: #d1dee0; }
.category-page #input-limit,
.search-page #input-limit {
max-width: 60px; }
.category-page #input-sort,
.search-page #input-sort {
max-width: 150px; }
.category-page .btn-default.active,
.category-page .btn-default:active,
.category-page .open > .dropdown-toggle.btn-default,
.search-page .btn-default.active,
.search-page .btn-default:active,
.search-page .open > .dropdown-toggle.btn-default {
background-color: #fff;
border-color: #b3d3d8;
box-shadow: inset 0 3px 5px #e0f0f3; }
.category-page .sort-menu .input-group,
.search-page .sort-menu .input-group {
margin-left: 10px; }
.category-page .pagination > li > a,
.category-page .pagination > li > span,
.search-page .pagination > li > a,
.search-page .pagination > li > span {
color: #aebac3;
text-decoration: none;
background-color: #ffffffa6;
border: 1px solid #eff6f7; }
.category-page .pagination > .active > a,
.category-page .pagination > .active > a:focus,
.category-page .pagination > .active > a:hover,
.category-page .pagination > .active > span,
.category-page .pagination > .active > span:focus,
.category-page .pagination > .active > span:hover,
.search-page .pagination > .active > a,
.search-page .pagination > .active > a:focus,
.search-page .pagination > .active > a:hover,
.search-page .pagination > .active > span,
.search-page .pagination > .active > span:focus,
.search-page .pagination > .active > span:hover {
z-index: 2;
color: #758b8e;
cursor: default;
font-weight: bold;
background-color: #ffffff;
border-color: #e8f1f3; }
.category-page .pagination li a:hover,
.search-page .pagination li a:hover {
color: #758b8e;
background-color: #ffffff;
border-color: #e8f1f3; }
fieldset {
padding: 30px;
border: 1px solid #e0e8ee;
border-radius: 5px;
margin-bottom: 10px;
background: #fff; }
fieldset legend {
display: block;
margin: 0;
width: 100%;
margin-bottom: 30px;
background: #dfe8ee;
padding: 9px 14px;
border: 1px solid #cad6de;
border-radius: 5px;
color: #7b8994; }
.search-page h3 {
margin-top: 0; }
#account-account {
margin-top: 30px; }
#account-account .breadcrumb {
margin-bottom: 0; }
#account-account #account-order {
clear: both;
margin-top: 30px;
border-top: 1px solid #e0e8ee;
padding-top: 30px; }
.checkbox-inline,
.radio-inline {
position: relative; }
.checkbox-inline input[type='checkbox'],
.checkbox-inline input[type='radio'],
.radio-inline input[type='checkbox'],
.radio-inline input[type='radio'] {
position: absolute !important;
left: 0;
top: -1px; }
.sub-search {
padding: 10px 0; }
.account-widget {
float: left;
background: #fff;
margin-right: 1%;
min-width: 32%;
margin-bottom: 1%;
border: 1px solid #deecee;
border-radius: 3px; }
.account-widget h2 {
padding: 0 15px;
line-height: 40px;
margin: 0;
font-size: 20px;
color: #71808c;
border-bottom: 1px solid #eff6f7;
margin-bottom: 15px; }
.account-widget ul {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 20px; }
.account-widget ul li a {
line-height: 25px;
transition: all ease 0.3s;
display: block;
color: #71808c; }
.account-widget ul li a:hover {
padding-left: 5px;
background: #eff6f757; }
.category-list {
list-style: none;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
display: flex; }
.category-list.no-products {
display: block; }
.category-list.no-products li {
margin-right: 1%;
width: 24%;
flex: auto; }
.category-list.no-products li .image {
height: 300px; }
.category-list.no-products li:nth-child(4n + 4) {
margin-right: 0%; }
.category-list.no-category-image a {
margin-top: 5px; }
.category-list.no-category-image a .image {
display: none; }
.category-list li {
display: inline-block;
width: 160px;
text-align: center;
background: #fff;
overflow: hidden;
border-radius: 2px;
box-shadow: 1px 2px 3px #00000014;
background-color: #fff;
margin-right: 15px;
margin-bottom: 15px;
transition: all ease 0.3s;
flex: 0 0 160px; }
.category-list li:hover {
transform: scale(1.05); }
.category-list li a {
margin-bottom: 5px;
text-decoration: none;
display: block;
color: #8b99a2; }
.category-list li a > span {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 0 10px; }
.category-list li .image {
background-size: cover;
background-repeat: no-repeat;
height: 180px;
margin-bottom: 5px; }
#column-right .list-group {
margin-top: 68px; }
#account-account #column-right .list-group {
margin-top: 0px; }
.form-content {
margin-bottom: 30px;
margin-top: 20px; }
#account-login .breadcrumb {
margin-top: 15px;
margin-bottom: 0;
margin-left: 5px; }
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid #e0e8ee;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well > h2 {
margin-top: 0;
margin-bottom: 20px; }
.well .control-label {
font-size: 14px;
font-weight: normal;
margin-bottom: 5px; }
ul.products li.product {
list-style: none;
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 23.5%;
margin-left: 0; }
ul.products li.product .product-favorite {
position: absolute;
top: 10px;
right: 10px;
z-index: 1; }
ul.products li.product .product-favorite > svg {
width: 22px;
height: 20px; }
ul.products li.product h2.product-title {
font-size: 1.7rem;
text-align: center;
letter-spacing: 0;
margin-bottom: 15px;
font-weight: 400;
height: 60px;
padding-left: 10px;
padding-right: 10px;
line-height: 24px; }
ul.products li.product h2.product-title > a {
font-size: inherit;
font-family: inherit;
color: inherit;
text-align: inherit; }
ul.products li.product .button-group {
display: flex;
float: right;
margin-right: 12px; }
ul.products li.product .button-group > button {
padding-left: 5px;
padding-right: 5px;
background-color: transparent;
color: #86939e; }
ul.products:after {
clear: both;
content: '';
display: block; }
ul.products.columns-3 li.product {
width: 30.75%; }
ul.products.columns-4 li.product,
.page ul.products.columns-4 li.product {
margin-right: 1.5%;
list-style: none; }
ul.products.columns-3 li.product:nth-child(3n) {
margin-right: 0%; }
.tabs.wc-tabs-wrapper {
width: 100%;
padding-bottom: 30px; }
.product_leaflet {
margin: 20px 0px;
display: block;
color: #5e6977;
font-size: 12px;
line-height: 28px; }
.product_leaflet img {
height: 28px;
margin-right: 10px; }
.product-details__short-description p {
color: #5e6977;
width: 90%; }
.na-slider ul.products {
display: flex; }
.products-carousel .na-slider {
padding-bottom: 40px; }
ul.social {
list-style: none;
padding: 0;
margin: 0;
margin-top: 20px; }
ul.social li {
display: inline-block; }
ul.social li a {
height: 30px;
width: 30px;
display: block;
text-align: center;
line-height: 30px;
border: 1px solid #20b400;
border-radius: 50%;
font-size: 17px; }
.appstore-button {
position: relative;
padding-left: 59px;
display: block;
color: #45b97b;
line-height: 1;
padding-top: 4px;
padding-bottom: 4px;
min-height: 50px;
padding-right: 25px;
margin-bottom: 5px;
float: left;
margin-right: 15px; }
.appstore-button:before {
background: url(../image/apple.svg) no-repeat center center/contain;
height: 50px;
width: 50px;
content: '';
position: absolute;
left: 0;
background-color: #01a854;
background-size: 23px;
border-radius: 50%;
top: 0; }
.appstore-button.google-button:before {
background: url(../image/google.svg) no-repeat center center;
background-color: #01a854;
background-size: 23px; }
.appstore-button span {
display: block;
color: #333;
font-size: 26px;
margin-top: 0;
letter-spacing: -1px;
line-height: 1; }
.appstore-button:hover {
background-color: rgba(69, 185, 123, 0.08);
border-radius: 50px;
text-decoration: none; }
.post-list-item div.posts-header > h3 > a {
color: #009bd2;
font-size: 20px;
line-height: 1.1;
display: block; }
.banner-list {
display: block; }
.banner-list > * {
margin: 0;
float: left;
width: 33.33%;
display: block; }
.banner-list img {
max-width: 100%;
margin: 0; }
.swiper-viewport {
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
margin-bottom: 40px; }
.swiper-viewport.no-bullets {
margin-bottom: 0; }
.swiper-viewport .swiper-slide.text-center > img {
display: inline-block;
width: 100%;
height: auto; }
.swiper-viewport .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-viewport .swiper-pagination-bullet:hover {
background-color: #97daa9;
height: 10px;
width: 10px;
margin-top: 0px; }
.swiper-viewport .swiper-pagination-bullet {
width: 8px;
height: 8px;
background-color: rgba(0, 0, 0, 0.15);
margin-right: 0;
box-shadow: none;
margin: 5px 6px;
display: inline-block;
vertical-align: middle;
transition: height ease 0.1s, width ease 0.1s; }
.swiper-viewport .swiper-pagination-bullet.swiper-pagination-bullet-active {
margin-top: 5px; }
.swiper-viewport .swiper-button-prev:before,
.swiper-viewport .swiper-button-prev:after,
.swiper-viewport .swiper-button-next:before,
.swiper-viewport .swiper-button-next:after {
content: '';
height: 3px;
background: #ddd;
width: 20px;
transform: rotate(-45deg);
transform-origin: 1px 1.5px;
position: absolute;
top: 50%;
margin-top: -1px;
left: 25%;
margin-top: 0; }
.swiper-viewport .swiper-button-prev:after,
.swiper-viewport .swiper-button-next:after {
transform: rotate(45deg); }
.swiper-viewport .swiper-button-next {
opacity: 1 !important;
right: -50px !important; }
.swiper-viewport .swiper-button-prev {
opacity: 1 !important;
left: -50px !important; }
.swiper-viewport .swiper-button-next:before {
transform: rotate(-45deg);
transform-origin: 19px 1.5px;
content: ''; }
.swiper-viewport .swiper-button-next:after {
transform: rotate(45deg);
transform-origin: 19px 1.5px; }
#section-banners {
padding: 2%; }
.product-categories {
padding-bottom: 40px; }
ul.product-categories,
.product-categories ul {
padding-left: 0; }
.product-categories li img {
border-radius: 0px;
width: 300px;
height: 340px;
object-fit: cover;
object-position: center center; }
.product-categories .na-slider-wrapper.na-carousel .na-slide {
padding: 0 15px; }
.product-categories li {
list-style: none;
min-width: 150px; }
.archive.tax-product_cat ul.product-categories {
display: block; }
.archive.tax-product_cat ul.product-categories li {
display: block;
float: left;
width: 19%;
margin: 0.5%; }
.home ul.products li.product-category {
padding: 0; }
.product-categories li .category-title {
font-size: 18px !important;
letter-spacing: 0;
text-align: center;
margin-top: 10px !important;
margin-bottom: 25px !important;
font-weight: 400; }
.na-slider-bullets {
text-align: center;
justify-content: center;
margin-top: 40px;
display: flex; }
.na-slider-bullets li {
min-width: 15px;
text-align: center;
overflow: visible;
margin-left: 3px;
margin-right: 3px; }
ul.products .product .product-image {
min-height: 250px;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat; }
.carousels-inner img {
max-width: 70%; }
ul.products[class*='columns-'] li.product form.cart .single_add_to_cart_button {
margin-top: 0;
border: 0;
box-shadow: none;
margin-right: 0px; }
ul.products[class*='columns-'] li.product form.cart .single_add_to_cart_button:hover {
background: transparent; }
ul.products[class*='columns-'] li.product form.cart {
text-align: center;
float: right; }
ul.products li.product .price {
float: left;
margin-left: 0px;
color: #86939e; }
.home ul.products li.product h2.product-title {
margin-bottom: 30px;
letter-spacing: 0;
font-weight: normal;
padding: 10px 5px;
line-height: 25px;
font-size: 1.7rem;
height: 60px; }
.tabbed-product-list > ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center; }
.tabbed-product-list > ul > li a {
padding: 0px 20px;
line-height: 40px;
display: block;
background: #fff;
border-radius: 30px;
color: #86939e;
margin: 5px 10px 40px 10px;
font-weight: bold;
transition: all ease 0.3s;
box-shadow: 1px 2px 3px #00000014;
border: 1px solid #fff; }
.tabbed-product-list > ul > li a:hover,
.tabbed-product-list > ul > li a.active {
text-decoration: none;
border: 1px solid #7dc855;
color: #7dc855; }
.tabbed-product-list .products-carousel > ul > li {
height: 395px;
overflow: hidden; }
.na-slider-bullets li a {
background-color: rgba(0, 0, 0, 0.15);
margin-right: 0;
display: inline-block;
vertical-align: middle;
transition: height ease 0.1s, width ease 0.1s; }
.na-slider-bullets li a.active,
.na-slider-bullets li:hover a {
background-color: #97daa9;
height: 10px;
width: 10px;
margin-top: 0px; }
body.single .entry-header::before {
display: none; }
body.single .entry-header {
border-bottom: 0; }
body.single {
background: #fff; }
.single #main div.product.type-product {
box-shadow: none; }
.singlediv.product .product_title {
font-weight: 300; }
section.footer-widgets .container {
width: 100%; }
section.footer-widgets {
padding: 4% 5%; }
footer.site-footer .sidebar {
color: #333; }
footer.site-footer {
color: #333;
background: #fff; }
.top-footer-widgets {
position: relative;
border-bottom: 1px solid #e1e8ee; }
.top-footer-widgets:before {
position: absolute;
content: '';
background: #f4f4f4;
top: 5%;
left: 1%;
height: 90%;
width: 98%; }
.btn-solid {
background-color: #21b400;
color: #fff;
box-shadow: none; }
.reg-image {
text-align: center; }
.reg-image img {
max-width: 60%;
margin: 5% 0; }
#reg-popup .popup {
width: 1024px;
height: 550px; }
#reg-popup .popup-content {
padding: 0; }
#reg-popup .steps .step-default,
#reg-popup .steps .step-2 {
display: flex;
align-items: center;
justify-content: center; }
#reg-popup .popup-content .steps .step.step-default:before,
#reg-popup .popup-content .steps .step.step-2:before {
content: '';
display: block;
background: #eff5f6;
position: absolute;
left: 0;
height: 100%;
width: 50%;
top: 0; }
#reg-popup .popup-content .steps .step.step-default.active,
#reg-popup .popup-content .steps .step.step-2.active {
display: flex;
position: relative;
height: 100%; }
#reg-popup .steps .step-default .reg-image h2,
#reg-popup .steps .step-2 .reg-image h2 {
text-align: center;
color: #5ebc5e;
font-weight: 300;
margin-bottom: 10px;
padding: 0 40px;
margin-top: 0;
font-size: 24px;
max-width: 87%;
margin: 0 auto;
margin-top: 10px; }
#reg-popup .steps .step-default .reg-image,
#reg-popup .steps .step-2 .reg-image {
flex: 0 0 50%;
background: #eff5f6;
position: relative; }
#reg-popup .steps .step-default .reg-forms h2,
#reg-popup .steps .step-2 .reg-forms h2 {
text-align: center;
color: #5ebc5e;
font-weight: 300;
margin-bottom: 30px;
margin-top: 0; }
#reg-popup .steps .step-default .reg-forms,
#reg-popup .steps .step-2 .reg-forms {
flex: 0 0 50%;
padding: 5%; }
#reg-popup .steps .step-2 .reg-forms form > h3 {
display: none; }
.popup-content .form-login .form-row .button,
#reg-popup button[type='submit'],
#reg-popup .button {
background: #5ebc5e;
border-radius: 30px;
margin: 20px auto;
max-width: 60%;
text-align: center;
display: block;
min-width: 40%; }
#reg-popup .button-confirm-location:hover {
text-decoration: none; }
#reg-popup .button-confirm-location {
min-width: 20% !important; }
.form-address {
padding: 30px;
border: 1px solid #e0e8ee;
border-radius: 5px;
margin-bottom: 10px;
background: #fff;
margin: 30px auto;
width: 600px;
max-width: 100%; }
.form-address h1 {
margin-top: 0; }
.form-address fieldset {
padding: 0;
background: transparent;
border: 0; }
#account-address #map {
height: 500px; }
#account-address .address .actions {
margin-top: 15px;
border-top: 1px solid #e1e8ed;
padding-top: 15px; }
#account-address .address h3 {
margin-top: 0; }
#account-address .address .map-link {
padding: 1px 10px;
display: inline-block;
background: #eff6f7;
color: #88969e;
border: 1px solid #e1e8ec;
border-radius: 3px;
font-size: 86%;
float: right; }
#map {
margin-bottom: 10px;
height: 400px; }
.popup-content .form-login,
.popup-content .form-register {
padding: 20px; }
.popup-content .form-login .form-row .input-text[name='password']:focus,
.popup-content .form-register .form-row .input-text[name='password']:focus {
border-top-color: inherit; }
.popup-content .form-login .form-row .input-text[name='password'],
.popup-content .form-register .form-row .input-text[name='password'] {
border-radius: 0 0 8px 8px;
border-top: 1px solid transparent; }
.popup-content .form-login .form-row .input-text,
.popup-content .form-register .form-row .input-text {
padding-left: 40px;
border-radius: 8px 8px 0px 0px;
padding-left: 40px;
margin-bottom: 0; }
.popup-content .form-login .form-row label,
.popup-content .form-register .form-row label {
display: none; }
.popup-content .form-login .form-row,
.popup-content .form-register .form-row {
margin-bottom: 0; }
.form-row {
position: relative; }
.form-login .form-row .form__label {
display: block;
clear: both; }
.form-login .form-login__submit {
float: none; }
/*
* ba styles
*/
.q_per_hour {
margin: 30px 0px;
color: #b5b5b5; }
.home ul.products li.product h2.product-title {
margin-bottom: 15px; }
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #00abe8; }
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #707070;
border: 0; }
.widget_price_filter .ui-slider .ui-slider-handle {
border: 2px solid #fff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.121569); }
.related.product span.price {
margin-right: 0px; }
ul.products[class*='columns-'] li.product span.price {
margin-left: 19px;
font-weight: 400;
margin-top: 6px; }
.home ul.products li.product .price {
font-size: 20px; }
ul.products[class*='columns-'] li.product form.cart {
text-align: center;
float: right;
margin-right: 25px;
/* margin-top: 3px; */ }
ul.products[class*='columns-'] li.product form.cart .quantity {
display: inline-block; }
.related ul.products[class*='columns-'] li.product form.cart .single_add_to_cart_button,
.related ul.products[class*='columns-'] li.product form.cart .single_add_to_cart_button:hover {
text-indent: -10000px;
background-color: transparent;
background-image: url(../image/cart.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding: 0px 24px;
margin-bottom: 0;
margin-top: 5px; }
.input-wrapper {
line-height: 40px; }
.address-fields input.input-text,
.address-fields textarea,
.address-fields select {
margin-bottom: 10px;
line-height: 20px; }
.popup-content .address-fields .form-row {
margin-bottom: 0; }
.popup-content #shipping_building_field,
.popup-content #shipping_floor_field,
.popup-content #shipping_city_field,
.popup-content #shipping_phone_field {
width: 49%;
margin-right: 2%;
float: left;
clear: none; }
.popup-content #shipping_country_field {
display: none; }
.popup-content #shipping_building_field {
clear: left; }
.popup-content #shipping_city_field {
width: 30%; }
.popup-content #shipping_phone_field {
width: 68%; }
.popup-content #shipping_floor_field,
.popup-content #shipping_phone_field {
margin-right: 0; }
.popup-content #shipping_directions_field {
clear: both; }
.popup-content .address-fields .form-row label {
display: none; }
.related ul.products[class*='columns-'] li.product form.cart {
margin-bottom: 0px; }
.page.single ul.products li.product {
margin: 1.25%; }
ul.products li.product .product_meta {
display: none; }
div.product form.cart .button {
vertical-align: middle;
float: left;
background-color: #00a955;
color: #fff;
border-radius: 3px;
box-shadow: none;
border: 0px;
line-height: 11px;
font-size: 14px;
text-transform: none;
letter-spacing: 0px; }
.ajaxy-cart-total {
display: flex; }
.ajaxy-cart-total > span {
float: none; }
.single#respond input#submit.loading::after,
.singlea.button.loading::after,
.singlebutton.button.loading::after,
.singleinput.button.loading::after {
margin-top: -14px; }
.singlediv.product form.cart .button {
line-height: 28px; }
div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0; }
.seprator-product:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
height: 30px;
width: 30px;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0px 4px 0px #dde4ea;
background-image: url(../image/arrow-down.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 40% auto;
z-index: 9; }
.seprator-product {
position: relative;
width: 100%;
height: 2px;
border-bottom: 1px solid #e1e8ee;
float: left;
margin-bottom: 45px; }
.seprator-product.after-tabs:before {
display: none; }
.EditAccountForm,
.edit-address .MyAccount-content form {
border: 1px solid #6bd076; }
form .form-row {
margin-bottom: 10px;
padding: 0;
position: relative; }
form.EditAccountForm .form-row {
margin-bottom: 20px; }
form.EditAccountForm .form-row label {
line-height: 1.6;
font-size: 1.4rem;
font-weight: normal;
margin-left: 2px; }
.content-register,
.content-forgotpassword {
margin-top: 15px; }
.content-register .breadcrumb,
.content-forgotpassword .breadcrumb {
margin-bottom: 0px;
margin-left: 30px; }
.content-register .register-form,
.content-register .forgotpassword-form,
.content-forgotpassword .register-form,
.content-forgotpassword .forgotpassword-form {
padding: 30px;
background: #fff;
margin: 0 0 30px 0;
border-radius: 5px;
border: 1px solid #e7eeef; }
.content-register .register-form > h1,
.content-register .forgotpassword-form > h1,
.content-forgotpassword .register-form > h1,
.content-forgotpassword .forgotpassword-form > h1 {
margin-top: 0; }
.content-register .register-form .control-label,
.content-register .forgotpassword-form .control-label,
.content-forgotpassword .register-form .control-label,
.content-forgotpassword .forgotpassword-form .control-label {
font-weight: normal;
font-size: 14px; }
.content-register .register-form fieldset,
.content-register .forgotpassword-form fieldset,
.content-forgotpassword .register-form fieldset,
.content-forgotpassword .forgotpassword-form fieldset {
padding-left: 0;
padding-top: 10px;
border: 0; }
.tab-content {
display: none; }
.tab-content.active {
display: block; }
.tab-content fieldset {
padding: 0;
border: 0; }
.account-layout {
background: #fff;
box-shadow: 0 0 30px #00000021;
padding: 30px;
margin: 30px 0; }
.account-layout.map-layout {
padding: 0; }
.account-layout fieldset {
padding: 0;
border: 0; }
.account-layout h1 {
margin-top: 0; }
.account-layout.account-address-list, .account-layout.account-card-add, .account-layout.account-card-list, .account-layout.account-order-list, .account-layout.account-prescription-list, .account-layout.account-rewards, .account-layout.account-wishlist, .account-layout.account-transaction, .account-layout.account-password, .account-layout.account-newsletter, .account-layout.form-edit-address, .account-layout.account-dashbaord {
padding-top: 0;
padding-left: 0;
padding-bottom: 0; }
.account-layout .preview .account-form {
max-height: 0;
transition: max-height ease 0.8s;
overflow: hidden; }
.account-layout .preview .account-form.active {
max-height: 1000px; }
.account-layout .preview .account-form form {
padding: 30px;
margin-bottom: 40px;
background: #eff6f7; }
.account-layout .preview .account-form fieldset {
background-color: transparent; }
.account-layout .preview .account-form fieldset legend {
display: none; }
.account-layout .preview .account-form fieldset input[type='file'].form-control {
background-color: transparent; }
.account-layout .preview .name {
margin-bottom: 5px;
max-width: 300px;
position: relative; }
.account-layout .preview .name > a {
position: absolute;
right: 0;
font-size: 14px;
letter-spacing: 0;
margin-top: 3px;
color: #00abe8; }
.account-layout .preview .desc {
font-style: italic;
opacity: 0.8;
margin-bottom: 20px; }
.account-layout .preview .field > span {
font-weight: bold;
min-width: 80px;
display: inline-block; }
.account-layout .preview .field.password {
display: flex; }
.account-layout .preview .field.password span {
padding-top: 10px; }
.account-layout .preview .field.password input {
padding-left: 10px;
width: 200px;
line-height: 30px;
border-radius: 6px;
background: #f8f8f8;
border: 1px solid #e1e8ee;
box-shadow: 0px 3px 6px rgba(209, 209, 209, 0.16); }
.account-layout .preview .field.password a {
display: block;
font-size: 12px;
margin-top: 5px; }
.account-layout #column-left {
padding-right: 0;
border-right: 1px solid #e1e8ed; }
.account-layout #column-left .list-group {
margin-bottom: 0; }
.account-layout #column-left .list-group a {
border-color: #e1e8ed8c;
border-radius: 0;
padding: 10px 10px 10px 20px;
border-left: 0;
border-right: 0;
background: transparent; }
.account-layout #column-left .list-group a:last-child {
border-bottom: 0; }
.account-layout .personal-info {
padding: 30px 10px;
text-align: center; }
.account-layout .personal-info .image {
background-image: url(https://secure.gravatar.com/avatar/ffe3b64…);
height: 120px;
width: 120px;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
border-radius: 50%; }
.account-layout.flex {
padding-right: 0;
display: flex; }
.account-layout.flex h1 {
padding-bottom: 20px;
border-bottom: 1px solid #dfe8ee;
margin-bottom: 30px; }
.account-layout.flex > .row {
width: 100%;
display: flex; }
.account-layout.flex > .row #content {
height: 100%;
overflow: auto;
padding: 30px 10px 30px 30px; }
.account-layout .card-list > h3 {
color: #0093ee;
font-size: 18px;
letter-spacing: 0;
margin-bottom: 30px; }
.account-layout .card-list > h3 > a {
color: #5ebc5e; }
.account-layout .card-list .card {
display: flex;
align-items: center;
margin-bottom: 20px; }
.account-layout .card-list .card > span {
border: 1px solid #eee;
position: relative;
border-radius: 5px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
line-height: 40px;
padding: 0 20px;
padding-left: 40px;
font-family: Roboto;
font-size: 16px;
text-align: left;
color: #4c5b67;
display: inline-block;
min-width: 350px; }
.account-layout .card-list .card > span.default {
border: 1px solid #5ebc5e; }
.account-layout .card-list .card > span .asterisk {
font-size: 110%;
color: #cdd3d8; }
.account-layout .card-list .card > span img {
height: 29px;
float: right;
margin-top: 5px;
width: 45px; }
.account-layout .card-list .card > span.has-default {
border-color: #8cd496; }
.account-layout .card-list .card > span.has-default > a {
background-color: #20b400; }
.account-layout .card-list .card > span > a {
position: absolute;
left: 10px;
top: 10px;
line-height: 20px;
background-color: #d4d4d4;
color: #fff;
font-size: 12px;
width: 20px;
text-align: center;
border-radius: 10px; }
.account-layout .card-list .card > span > a:hover {
background-color: #20b400; }
.account-layout .card-list .card > a {
margin-left: 20px;
font-size: 13px;
line-height: 24px;
width: 24px;
height: 24px;
background: #d4d4d4;
text-align: center;
border-radius: 13px;
filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.1));
color: #fff; }
.account-layout .card-list .card > a:hover {
background: #b30101; }
.account-card-add .form-control {
font-size: 15px; }
.account-card-add input {
color: #536771; }
.account-card-add #card-number {
position: relative; }
.account-card-add #card-number input {
color: #8896a5; }
.account-card-add #card-number .card-type {
right: 10px;
position: absolute;
top: 0px;
height: 33px;
width: 30px; }
.map-container {
position: relative; }
.map-container #map {
height: 400px; }
.map-container .help,
.map-container .action {
position: absolute;
bottom: 10px;
width: 70%;
left: 50% !important;
margin-left: -35%;
text-align: center;
color: #666; }
.map-container .help > span,
.map-container .action > span {
background-color: #fff;
padding: 2px 10px;
box-shadow: 0 0 10px #00000033; }
.map-container .action {
bottom: 30px; }
.map-container .action .btn {
background: #20b400;
color: #fff !important;
transition: all ease 0.3s;
border-color: #20b400;
box-shadow: 0 0 10px #00000033; }
.map-container .action .btn.btn-cancel {
background: #ffffff;
color: #b6b7b6 !important;
transition: all ease 0.3s;
border-color: #f9fff8;
/* min-width: 200px; */
box-shadow: 0 0 10px #00000033; }
.map-container #awr-place-search {
position: absolute;
top: 7px !important;
max-width: 40%;
left: 50% !important;
margin-left: -20%;
border: 0;
box-shadow: 0 0 10px #00000033;
border-radius: 2px; }
.content-register-login {
padding: 30px; }
.content-register-login #content {
background: #fff;
box-shadow: 0 0 30px #00000021; }
.content-register-login .control-label {
font-size: 13px;
font-weight: normal; }
.content-register-login .tabs .nav.nav-tabs {
display: flex;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 15px;
text-align: center; }
.content-register-login .tabs .nav.nav-tabs li {
float: none;
display: inline-block;
flex: 1 1 auto; }
.content-register-login .tabs .nav.nav-tabs li a {
color: #1f305b61; }
.content-register-login .tabs .nav-tabs > li.active > a,
.content-register-login .tabs .nav-tabs > li.active > a:focus,
.content-register-login .tabs .nav-tabs > li.active > a:hover {
border: 0;
border-bottom: 1px solid #218efb; }
.content-register-login .login-content {
margin-top: 30px; }
.content-register-login .reg-image {
padding: 30px;
background: #eff6f7;
height: 560px; }
.content-register-login .reg-image h2 {
font-size: 28px; }
.content-register-login .reg-forms {
padding: 30px; }
.content-register-login .reg-forms h2 {
text-align: center;
color: #5ebc5e;
font-weight: 300;
margin-bottom: 30px;
margin-top: 0; }
.content-register-login .reg-forms .login-form .form-group {
margin-bottom: 0; }
.content-register-login .reg-forms .login-form .form-control {
box-sizing: border-box;
width: 100%;
border: 0.1rem solid #e1e8ee;
line-height: 1rem;
height: 3.8rem;
padding: 0.6rem 1rem;
padding-left: 40px; }
.content-register-login .reg-forms .login-form #input-email {
border-radius: 8px 8px 0px 0px; }
.content-register-login .reg-forms .login-form #input-password {
border-radius: 0px 0px 8px 8px;
margin-top: -1px; }
.content-register-login .reg-forms .forgot-password {
padding-top: 5px;
text-align: center; }
.content-register-login .reg-forms .forgot-password a {
font-size: 12px; }
.content-register-login .reg-forms .actions,
.content-register-login .reg-forms .buttons {
margin-top: 20px;
text-align: center; }
.content-register-login .reg-forms .actions .btn,
.content-register-login .reg-forms .buttons .btn {
background: #20b400;
color: #fff !important;
transition: all ease 0.3s;
border-color: #20b400;
min-width: 50%; }
.content-register-login .form-group {
margin-bottom: 5px;
position: relative; }
.content-register-login .form-group .password-icon,
.content-register-login .form-group .username-icon {
background-size: auto 43%;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 44px; }
.list-group a {
border: 1px solid #deecef;
color: #8ea7ab;
padding: 8px 12px;
transition: all ease 0.3s; }
#information-information .inner-content {
padding: 30px;
background: #fff;
margin-bottom: 30px;
border: 1px solid #a2aeb047;
border-radius: 5px;
color: #333; }
#information-information .inner-content h1,
#information-information .inner-content h2,
#information-information .inner-content h3,
#information-information .inner-content h4 {
margin-top: 50px;
margin-bottom: 15px; }
#information-information .inner-content h3:first-child {
margin-top: 0; }
#information-information .inner-content ul li {
list-style: disc;
list-style-position: inside; }
#information-information .breadcrumb {
margin-bottom: 0; }
#information-information #content {
margin-top: 30px; }
#product-compare .img-thumbnail {
border: 0; }
#product-compare .breadcrumb {
margin-bottom: 0; }
.table {
background-color: #fff; }
.table-bordered {
border: 1px solid #eff6f7; }
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border: 1px solid #eff6f7; }
.table > tbody + tbody {
border-top: 2px solid #eff6f7; }
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
color: #01abe8;
/* border-right-color: transparent; */
/* border-left-color: transparent; */ }
.list-group a.active:before, .list-group a.active:after,
.list-group a.active:hover:before,
.list-group a.active:hover:after,
.list-group a:hover:before,
.list-group a:hover:after {
position: absolute;
right: 15px;
border-width: 6px 0px 6px 6px;
border-color: transparent #2db1e9;
content: '';
border-style: solid;
top: 50%;
margin-top: -6px; }
.list-group a.active:after,
.list-group a.active:hover:after,
.list-group a:hover:after {
border-color: transparent #fff;
right: 16px; }
.input-group-btn > .btn {
z-index: 2;
margin-left: -1px;
padding: 5.5px 19px;
border-color: #e1e8ee;
box-shadow: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
input[type='file'].form-control {
display: block;
border: 0;
box-shadow: none;
padding-left: 0; }
.form-login .form-row input,
.form-register .form-row input {
padding: 1rem 1rem;
height: auto;
margin-bottom: 10px; }
.account .MyAccount-navigation {
width: 15%;
position: absolute;
top: 15px;
left: 0;
height: 95%; }
.account .MyAccount-navigation ul li {
width: 100%;
text-align: left;
margin: 2px 0;
border-radius: 0; }
.account .MyAccount-navigation ul li a {
border-radius: 0; }
.account .MyAccount-navigation ul li.is-active a,
.account .MyAccount-navigation ul li a:hover {
border-radius: 0; }
.Addresses .Address {
background: #fff;
border: 1px solid #6bd076;
border-radius: 3px; }
.EditAccountForm {
border: 1px solid #6bd076; }
.account .MyAccount-content {
width: 80%;
margin-left: 20%;
font-size: 15px; }
.account {
position: relative; }
.account .addresses .title {
border-bottom: 1px solid #f1f3f3; }
.account .addresses .title .edit:after {
color: #6bd076; }
/*
input#username:-webkit-autofill,
input#username:-webkit-autofill:hover,
input#username:-webkit-autofill:focus{
background-image: url(../image/username.svg) ;
background-size: auto 47% ;
background-position: 3.2% 50%;
background-repeat: no-repeat;
}
*/
.username-icon {
background-image: url(../image/username.svg);
background-size: auto 43%;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 44px; }
.password-icon {
background-image: url(../image/padlock.svg);
background-size: auto 43%;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 46px; }
.wpcf7 label {
margin-bottom: 0; }
.bg-shadow {
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
border-radius: 10px; }
.popup-content .form-login .form-row .form__label {
display: block;
margin-top: 0px;
font-weight: 300;
text-align: center;
margin-bottom: 25px; }
.popup-content .form-login .form-row .button,
.popup-content #reg-popup button[type='submit'],
.popup-content #reg-popup .button {
background: #5ebc5e;
border-radius: 30px;
margin: 17px auto;
margin-top: 20px;
max-width: 60%;
text-align: center;
display: block;
min-width: 50%; }
.form-login .form-row .button:hover,
#reg-popup button[type='submit']:hover,
#reg-popup .button:hover {
box-shadow: 0 0 5px #0003;
color: #fff; }
.app-links {
margin-top: 6px; }
.app-links img {
margin: 5% 2.5%;
width: 102px;
display: inline-block; }
.popup-content .LostPassword.lost_password {
text-align: center;
font-weight: 300; }
input:not([type]),
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
border: 0.1rem solid #e1e8ee;
line-height: 1rem; }
#ship-to-different-address {
display: none; }
.shipping-fields,
#order_comments_field {
padding: 10px;
background: #f8f8f8; }
.billing-fields {
display: none; }
.nav.nav-pills {
/* max-width: 60%;*/
margin: 0 auto;
text-align: center; }
.related.products ul.products li.product .price {
font-size: 15px; }
.nav-pills > li > a {
color: #86939e;
border: 1px solid #fff;
background-color: transparent;
border-radius: 30px;
padding: 10px 30px;
box-shadow: 0px 2px 3px 0px #0000001c;
transition: all 0.5s ease; }
.nav-pills > li > a:hover {
color: #7dc855;
border-color: #7dc855;
background-color: #fff; }
.nav-pills > li {
margin: 0px 10px;
float: none;
display: inline-block; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
color: #7dc855;
border: 1px solid #7dc855;
background-color: transparent;
border-radius: 30px;
padding: 10px 30px;
box-shadow: none; }
.product_meta {
border-top: 1px solid #e1e8ee;
padding-top: 10px; }
span.posted_in {
width: 100%;
text-align: right; }
div.product p.price,
div.product span.price {
font-size: 25px;
float: left;
margin-right: 15px;
color: #43484d;
font-weight: 300; }
.Price-currencySymbol {
font-size: 100%;
opacity: 1; }
.product_meta {
border-top: 1px solid #e1e8ee;
padding-top: 10px; }
div.product div.images .product-gallery__trigger::before {
border: 2px solid #c1c1c1; }
div.product div.images .product-gallery__trigger::after {
background-color: #c1c1c1; }
.product-prescription {
background: #00b8ea;
padding: 2px 15px 2px 5px;
border-radius: 0 10px 10px 0;
color: #ffffff;
font-weight: bold;
font-size: 12px;
display: inline-block;
position: absolute;
top: 15px;
left: 0; }
span.sku_wrapper,
span.posted_in {
display: block;
margin-bottom: 10px;
float: left; }
.tabs-content > .tab-pane {
padding: 30px;
font-size: 16px;
color: #86939e;
line-height: 1.4; }
.meta-actions label,
.meta-actions a {
line-height: 50px;
color: #86939e;
transition: all ease 0.3s; }
.meta-actions a .fab,
.meta-actions a .fa {
color: #86939e3e; }
.meta-actions .addthis_toolbox {
margin-top: 15px; }
.meta-actions a {
font-size: 15px; }
.meta-actions a:hover,
.meta-actions a:hover .fa,
.meta-actions a:hover .fab {
color: #38ba33;
text-decoration: none; }
.meta-actions {
border-top: 1px solid #e1e8ee;
margin-top: 12px;
clear: both; }
.image-container {
position: relative; }
.meta-actions .meta-favorite.active,
.meta-actions .meta-favorite.active > i {
color: red;
text-decoration: none; }
.meta-actions .meta-favorite .fa {
margin-left: 10px;
color: #86939e3d; }
.single #wrapper {
padding-top: 50px; }
.Reviews-title {
display: none; }
#commentform {
padding: 10px;
background: #e1e8ee40;
margin-top: 10px;
border: 1px solid #e1e8ee;
border-radius: 3px; }
.single #wrapper .entry-header {
display: none; }
.single #main .breadcrumb {
max-width: 1140px;
margin: 0 auto; }
@media (min-width: 768px) {
.scrolling .navbar > .container .navbar-brand,
.scrolling .navbar > .container-fluid .navbar-brand {
/* height: 100%; */ } }
@media (max-width: 768px) {
.navbar-toggle,
.navbar-default .navbar-toggle {
right: 10px;
top: 0px;
left: auto;
transform: none !important; }
.order-shipping-duration {
width: 100%; }
.col2-set,
.page .col2-set,
#order_review_heading,
#order_review {
width: 100%;
float: none; }
.gallery > figure {
width: 25%;
padding-top: 20%; }
#main .main-inner section#section-gallery {
margin-top: 0; }
.message .button {
margin-left: 10px; }
.message {
margin-top: 10px;
margin: 10px;
border-radius: 4px;
padding: 1em 1em 1em 2.5em; }
.error::before,
.info::before,
.message::before {
left: 0.8em !important; }
.single #main .breadcrumb {
margin-top: 0;
margin-left: 30px;
display: none; }
.single .entry-header {
margin-bottom: 0; }
.entry-header {
min-height: 90px; }
.single #main div.product.type-product {
background: #fff;
margin-top: 0px; }
.single #main div.product span.onsale {
left: 1.3em;
top: 1.8em; }
.entry-header h1.entry-title {
padding-top: 150px;
padding-bottom: 10px; }
.entry-header figure.entry-image img {
display: none; }
.popup {
max-width: 90%; }
.sidebar-shop #widget-area {
position: fixed;
display: none;
z-index: 9999;
bottom: 100px;
max-height: calc(100% - 220px);
overflow: auto;
max-width: 80%;
right: 20px;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.42);
padding: 20px; }
.sidebar-shop #widget-area.active {
display: block; }
#shop-filters.active i.fas:before {
content: '\f00d'; }
.copyright .menu-footer-menu-container {
display: block;
margin-bottom: 15px;
margin-top: 15px; }
.copyright {
line-height: 14px;
display: block;
font-size: 9px; }
.copyright ul.menu li {
display: block;
border-right: 0;
line-height: 20px; }
.copyright ul.menu li a {
font-size: 11px;
line-height: 20px; }
body.post-type-archive-product #wrapper,
body.archive #wrapper,
.home #section-products {
background: #f8fcfd !important; }
ul.products[class*='columns-'] li.product,
.page ul.products[class*='columns-'] li.product {
background-color: #fff; }
#shop-filters {
background: #fff;
border-radius: 50%;
bottom: 18pt;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
display: inline;
height: 45pt;
padding: 0px;
position: fixed;
right: 174pt;
top: auto;
width: 45pt;
z-index: 9999;
font-size: 45px;
text-align: center;
color: #63a47b;
font-size: 30px;
line-height: 45pt; }
#searchform {
padding-top: 100px; }
.row-flex {
display: block; }
.vertical-center {
transform: none;
position: static; }
.navbar > .container .navbar-brand img,
.navbar > .container-fluid .navbar-brand img {
margin-top: 15px; }
.navbar-header {
border-bottom: 1px solid #f3f8f9; }
.navbar-nav {
margin: 0; }
.navbar-default .navbar-nav > li.prescription-upload a,
.scrolling .navbar-default .navbar-nav > li.prescription-upload a {
margin-top: 0;
line-height: 10px; }
.navbar-default .navbar-nav > li > a,
.scrolling .navbar-default .navbar-nav > li > a {
line-height: 30px; }
ul.products[class*='columns-'] li.product,
.page ul.products[class*='columns-'] li.product {
width: 100%; }
.copyright .menu-footer-menu-container {
margin-left: 0px;
font-size: 9px; }
.copyright ul.menu li a {
display: block;
margin: 0 4px 0 0; }
.entry-title h2 {
text-align: center;
margin: 15px 0px; }
.subfooter .payment-icons {
float: left; }
#ingredients .entry-content h3.decorated {
font-size: 1.8rem; }
#ingredients .entry-content > .row,
#section-ingredients-ar .entry-content > .row {
padding-top: 15px;
padding-bottom: 15px;
background-image: none !important; }
.na-slide-text h1 {
font-size: 330%; }
.na-slide-text {
font-size: 130%;
max-width: 80%; }
.tabs {
width: 100% !important; }
div.product .product_title {
font-size: 2rem; }
.entry-header figure.entry-image {
position: absolute;
-webkit-transform: translateY(-50%);
transform: none;
top: 0;
overflow: hidden;
width: 100%;
height: 100%; }
.single .variation-add-to-cart {
clear: both;
padding-top: 15px; }
.h2,
h2 {
font-size: 2rem; }
.entry-header h1.entry-title {
font-size: 130%; }
.account .MyAccount-navigation ul li {
min-width: 0 !important; }
.account .entry-header {
min-height: 100px; }
.account .entry-header h1.entry-title {
padding-top: 90px; }
.product-search > button {
padding: 0; }
ul.products .product .product-image {
padding-top: 100% !important;
margin-bottom: 15px; }
ul.products li.product h2.product-title {
padding-left: 0;
padding-right: 0; }
.entry-header {
margin-bottom: 15px; }
.navbar-default .navbar-nav > li.wpml-ls-item {
position: static !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 0 !important;
padding: 15px !important; }
.rtl .copyright ul.menu {
display: block; }
.rtl .copyright ul.menu li {
display: inline-block; }
.rtl .subfooter .payment-icons {
float: right;
margin-top: 5px; }
.navbar-brand,
.scrolling .navbar-brand {
height: 60px; }
.navbar > .container .navbar-brand img.logo,
.navbar > .container .navbar-brand img.logo-dark {
max-height: 70px !important; } }
@media (max-width: 500px) {
#section-banners {
padding: 0; }
.banner-list > * {
margin: 0;
float: left;
width: 100%;
display: block; } }
@media (min-width: 768px) {
.container > .navbar-collapse,
.container > .navbar-header,
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header {
margin-right: 0;
margin-left: 0; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px; }
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; }
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0; }
.form-inline .checkbox input[type='checkbox'],
.form-inline .radio input[type='radio'] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; }
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right; }
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px; }
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px; }
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
right: auto;
left: 0; }
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%; }
.nav-tabs.nav-justified > li > a {
margin-bottom: 0; }
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; }
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
border-bottom-color: #fff; }
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.navbar-collapse.in {
overflow-y: visible; }
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-right: 0;
padding-left: 0; }
.container > .navbar-collapse,
.container > .navbar-header,
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header {
margin-right: 0;
margin-left: 0; }
.navbar-static-top {
border-radius: 0; }
.navbar-fixed-bottom,
.navbar-fixed-top {
border-radius: 0; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px; }
.navbar-toggle {
display: none; }
.navbar-nav {
float: left;
margin: 0; }
.navbar-nav > li {
float: left; }
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px; }
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.navbar-form .form-control-static {
display: inline-block; }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle; }
.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
width: auto; }
.navbar-form .input-group > .form-control {
width: 100%; }
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .checkbox label,
.navbar-form .radio label {
padding-left: 0; }
.navbar-form .checkbox input[type='checkbox'],
.navbar-form .radio input[type='radio'] {
position: relative;
margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback {
top: 0; }
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right ~ .navbar-right {
margin-right: 0; }
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px; }
.jumbotron {
padding-top: 48px;
padding-bottom: 48px; }
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px; }
.jumbotron .h1,
.jumbotron h1 {
font-size: 63px; }
.modal-dialog {
width: 600px;
margin: 30px auto; }
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm {
width: 300px; }
.modal-lg {
width: 900px; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px; }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px; }
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; }
.navbar-toggle {
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
z-index: 9;
border-radius: 50%;
height: 40px;
width: 40px;
padding: 0 5px;
text-align: center; }
.navbar-header {
float: left;
text-align: center;
z-index: 9; }
.navbar-right {
margin-right: 0; }
.navbar-brand > img {
display: inline-block;
max-height: 100%;
overflow: hidden;
min-width: 70px;
max-width: 300px;
transition: all ease 0.5s; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
text-align: center;
height: 60px;
overflow: hidden;
padding: 5px 0;
transition: all ease 0.5s;
float: left; }
.navbar-nav > li a {
transition: all ease 0.5s; }
.scrolling .navbar-nav > li a {
transition: all ease 0.5s; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin: 5px 0;
transition: all ease 0.5s;
padding: 0 20px 0 80px; }
.scrolling .navbar-brand > img {
max-width: 104px;
transition: all ease 0.5s; }
.scrolling .navbar-default {
transition: all ease 0.5s; } }