/*

Description: Aina e-commerce experience in a simple design comfortable for every type of user.
Version: 1.0


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Links
# Accessibility
# Alignments
# Clearings
# Widgets
## Comments
# Infinite scroll
# Media
## Captions
# Top Header
# Middle Header
# Home Blog
# Footer
# HomePAge
# Registration Form
# Blog List View Grid View
# Right Sidebar
# Scroll UP
# Price Range
# Single Product Page
# Single Tabs
# Team Member
## Payment Area
# SLick Slider Logo
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*===================================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

/*===================================================================================== */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}

body {
margin: 0;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
overflow-x:hidden;
background:#f7f7f7!important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}
ul  {
list-style:none;
margin:0px;
padding:0px;
}
ul li {
list-style:none;
margin:0px;
padding:0px;
}
abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 0;
line-height: 0;
}

hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: 'Quicksand', sans-serif;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-size: 1rem;
line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: 'Quicksand', sans-serif;
}

dfn,
cite,
em,
i {
font-style: italic;
}

blockquote {
margin: 0 1.5em;
}

address {
margin: 0 0 1.5em;
}

pre {
background: #eee;
font-family: 'Quicksand', sans-serif;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}

code,
kbd,
tt,
var {
font-family: 'Quicksand', sans-serif;
font-size: 15px;
font-size: 0.9375rem;
}

abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}

mark,
ins {
background: #fff9c0;
text-decoration: none;
}

big {
font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}

body {
background: #f7f7f7; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}

blockquote,
q {
quotes: "" "";
}

hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}

ul,
ol {
margin: 0;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
}

li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}

dt {
font-weight: bold;
}

dd {
margin: 0 1.5em 1.5em;
}

img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}

table {
margin: 0 0 1.5em;
width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button {
background: none;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: 20px;
padding: 5px 15px;
position: relative;
text-transform: uppercase;
z-index: 1;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
button:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
top: 0;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
button:hover:after {
opacity: 1;
filter: alpha(opacity= 100);
visibility: visible;
width: 100%;
}

button:hover, button:active, button:focus {
border-color: #07a714!important;
}
.navbar-light .navbar-toggler {
color: #f7f7f7;
border-color: #07a714;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: none;
border-radius: 0;
color: #1c1616;
border: 2px solid #1c1616;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: 20px;
padding: 5px 15px;
text-transform: uppercase;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #07a714;
color: #f7f7f7;
border-color: #07a714;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #07a714;
border: 1px solid #ccc;
border-radius: 0px;
padding: 5px 10px;
font-size:14px;
width: 100%;
}

select {
border: 1px solid #07a714;
background: url(images/dropdown.png) no-repeat;
background-position: 90% 50%;
border-radius: 0;
font-size: 14px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
padding-left: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}

textarea {
width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
text-decoration: none;
color: inherit;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}

a:visited {
color: inherit;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: inherit;
text-decoration: none;
}

a:focus {
outline: thin dotted;
}

a:hover,
a:active {
outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.ed-container:before,
.ed-container:after {
content: "";
display: table;
/*table-layout: fixed;*/
}

.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.ed-container:after {
clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget:last-child {
margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}

.hentry {
margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
display: none;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.entry-content,
.entry-summary {
margin: 1.5em 0 0;
font-size: 14px;
line-height: 25px;
}
.page-content {
font-size: 14px;
line-height: 25px;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}

.bypostauthor {
display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}

.wp-caption-text {
text-align: center;
}
/*************************
#Top Header
*************************/
.top-header {
background: #094449;
padding: 10px 0;
font-family: 'Quicksand', sans-serif;
}
.top-header .ticker {
width: 72%;
}
.top-header .ticker {
display: inline-block;
vertical-align: middle;
}
.search-container {
position: relative;
}
.search-container input[type="text"] {
border: 0px solid #c9c9c9;
font-size: 12px;
background: #f7f7f7;
padding: 7.6px 15px;
color: #c9c9c9;
width: 100%;
}
.search-container button {
border: 0px solid #f6cb32;
font-size: 12px;
background: #f6cb32;
padding: 4.5px 15px;
line-height: 24px;
color: #f7f7f7;
position: absolute;
}
.search-container button:hover{
background: #f6cb32;
color: #f7f7f7;
}

.acountmain {
width: 83%;
text-align: right;
}
.account-wrap div {
display: inline-block;
font-size: 14px;
}
.account-wrap div a {
text-decoration: none;
color: #f7f7f7;
padding: 7px 10px;
display: inline-block;
}
.account-wrap div a:hover {
background: #f6cb32;
color: #f7f7f7;
}
/***********************
Middle Header
************************/
.buttom-header {
padding: 10px 0 0px;
}
.buttom-header .site-branding {
display: inline-block;
vertical-align: middle;
}
.site-branding .site-logo {
line-height: 0;
}
.buttom-header .wrap-right {
display: inline-block;
text-align: right;
vertical-align:middle;
}
.user-login
{
position: relative;
background: #efeeee;
border-radius: 50%;
height: 42px;
width: 42px;
line-height: 36px;
right: 8px;
padding: 3px 12px;
}
.headerright {
padding:2% 0;
}
.site-logo img{
width:60%;
}
.user-login  .fa-shopping-bag
{
color:#d7d7d7;
font-size:18px;
}
.my-wishlist {
background: #07a714;
border-radius: 50%;
color: #fff;
position: absolute;
font-size: 14px;
top: -11px;
left: 20px;
line-height: 6px;
width: 22px;
height: 22px;
padding: 8px 7px;
}
.phoneno a
{
background: #efeeee;
border-radius: 30px;
padding: 9px;
text-align: center;
width: 56%;
float: right;
font-size: 16px;
font-weight: 600;
color: #f6cb32;
}
.phoneno a:hover{
color:#07a714;
}
.cartmenu {
padding: 14px 20px;

margin-top: 20px;
background: #444;
color: #ffff;
font-weight: 300;
text-transform: capitalize;
font-size: 18px;
}
.about {
text-align:center;
}
/************
Home Blog
************/
.margin_top4 {
float: left;
width: 100%;
margin-top: 40px;
}
.section16 .one_half {
width: 50%;
margin: 0;
}
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
/* position: relative; */
margin-right: 4%;
float: left;
}
.section16 .post_holder {
float: right;
margin: 0;
padding: 0;
width: 100%;
}
.section16 .post_img {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 205px;
height: 181px;
}
.section16 .post_img:hover .hover_box {
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
}
.section16 .post_img .hover_box {
margin: 0;
opacity: 0;
position: absolute;
transition: opacity 0.3s ease-in-out 0s;
width: 100%;
}
.section16 .post_holder.active .text_holder {
background: #f6cb32;
color: #fff;
}
.section16 .post_holder .text_holder {
margin: 0;
padding: 29px 35px 46px 35px;
background: #eeecec;
text-align: right;
transition: all 0.3s ease-out 0s;
}
.section16 .post_holder .text_holder ul.date-user li {
float: right;
text-align: right;
font-size: 14px;
margin-left: 20px;
}
.section16 .post_holder .text_holder ul.date-user li span {
color: #f6cb32;
padding-left: 5px;
}
.section16 .post_holder:hover .text_holder ul.date-user li span, .section16 .post_holder.active .text_holder ul.date-user li span, .section16 .post_holder:hover .text_holder h4 a, .section16 .post_holder.active .text_holder h4 a {
color: #010101 ;
}
.section16 .post_holder .text_holder ul.date-user li span:hover{
color:#f6cb32;
}
.section16 .post_holder .text_holder h4 {
font-size: 20px;
color: #464646;
text-transform: none;
margin: 2px 0 14px 0;
float: right;
width: 100%;
}
.section16 .post_holder .text_holder p {
text-align: right;
}
/*********************
#Footer
*********************/
footer.site-footer {
background: #fafafa;
}


.social-icons a.facebook {
border: 1px solid #4060a5;
background: #4060a5;
}
.social-icons a {
color: #f7f7f7;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 38px;
text-align: center;
margin: 0px 4px;
width: 40px;
border-radius: 30px;
}
.social-icons a.facebook:hover {
background: none;
color: #4060a5;
}
.social-icons a.twitter {
border: 1px solid #00abe3;
background: #00abe3;
}
.social-icons a.twitter:hover {
background: none;
color: #00abe3;
}
.social-icons a.youtube {
border: 1px solid #ff1c16;
background: #ff1c16;
}
.social-icons a.youtube:hover {
background: none;
color: #ff1c16;
}
.social-icons a.linkedin {
border: 1px solid #007bb6;
background: #007bb6;
}
.social-icons a.linkedin:hover {
background: none;
color: #007bb6;
}
.top-footer {
color: #333;
font-size: 14px;
line-height: 25px;
padding: 80px 0;
}
.newsletter label
{
color: #444444;
font-size: 16px;
text-transform: capitalize;
margin-top: 20px;
}
.control{
position: relative;
text-align: right;
margin-bottom: 20px;
}
.newsletter input[type='email']
{
width: 100%;
padding:4px;

}
.newsletter .actions {
position: absolute;
right: 0;
top: 0px;
padding: 0px 0px;
margin-top: 0;
}
.newsletter .actions button{
border: 0px;
color: #ffffff;
font-size: 14px;
background:#f6cb32;
font-weight: 700;
padding: 5px 0px 5px 13px;
border-left: 1px solid #efeeee;
}
.newsletter .actions button:hover{
background:#07a714;
}
.action    {
background: #444444;
color: #444444;
font-size: 14px;
font-weight: 700;
border: 1px solid #444444;
padding: 5px 18px;
margin-top: 2px;
text-transform: uppercase;
}
.action:hover {
background:#07a714;
border: 1px solid #f6cb32;
}
.site-info {
padding: 30px 0px;
border-top: 1px solid #efeeee;
}

.widget-title {
font-size: 16px;
color: #444444;
font-weight: 500;
margin-bottom: 25px;
}
.footer-block-one p{
color: #444444;
line-height: 21px;
font-size: 14px;
font-weight:500;
}
.footer-block {
padding:0px;
margin:0px;
}
.footer-block li {
margin-bottom: 10px;
}
.footer-block li a{
font-size: 14px;
text-transform: capitalize;
color: #444444;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.footer-block li a:hover
{
color:#f6cb32;
text-decoration:none;
font-weight:600;
padding-left:7px;
}
.footer-block .fa {
margin-right: 16px;
font-size: 16px;
margin-top: 2px;
}
.footer-block li {
font-size: 14px;
line-height: 22px;
padding: 0;
display: block;
color: #444444;
}
.copyright-text  {
color: #444444;
width: 100%;
font-size: 14px;
font-weight: 500;
vertical-align: middle;

}
.copyright-text{
padding-left: 0px!important;
padding-right: 0px!important;
}
.right-links
{
text-align:right;
}
.right-links ul{
margin:0px;
padding:0px;
margin-top: -2px;
}
.right-links ul li{
display:inline;
}
.right-links ul li a {
padding: 0px 14px;
font-size: 14px;
color: #514c4c;
font-weight: 400;
}
.right-links ul li a:hover
{
color:#07a714;
}.right-links ul li:last-child
{
border-right:0px;
}
.apps {
float:left;
width:100%;
}
.apps img{
border-radius: 0px;
width: 47%;
background: #000;
padding: 3px 10px;
margin-right: 5px;
}
#blog-section {
width:100%;
}
/************************
#HomePAge
************************/
#promo-section {
background: #f7f7f7 none repeat scroll 0 0;
padding:50px 0;
}
#promo-section .promo-block {
float: left;
line-height: 0;
margin-right: 2%;
overflow: hidden;
position: relative;
width: 31%;
}
#promo-section .promo-block::before {
border: 1px solid #fff;
bottom: 10px;
content: "";
left: 10px;
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
}
#promo-section .promo-block:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
#promo-section .promo-block img {
transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
}
#promo-section .promo-text {
bottom: 25px;
left: 45px;
line-height: 30px;
margin-top: 0;
position: absolute;
text-align: left;
width: 50%;
z-index: 1;
}
#promo-section .promo-text .category > a {
color: #f6cb32;
display: block;
font-weight:600;
font-family: "satisfy",cursive;
font-size: 1.3em;
margin-bottom: 5px;
}
#promo-section .promo-text .category > a:hover{
text-decoration:none;
}
#promo-section .promo-text .title {
color: #fff;
font-family: Open Sans;
font-size: 25px;
font-weight: 600;
position: relative;
}
.title {
margin-bottom: 30px;
}
#panel, #flip {
padding: 5px 8px;
text-align: center;
background-color: #064d53cf;
float: right;
position: absolute;
color: #f7f7f7;
font-weight: 500;
top: 2px;
font-size: 15px;
width: 87px;
right: 25px;
}

#panel {
padding: 0px;
display: none;
top: 45px;
width:162px;
background: #07a714;
color: #fff;
text-align:left;
z-index:1;


}
#panel  a{
border-bottom: 1px solid #046d76;
width: 100%;
}
/***********************
#Registration Form
***********************/

#regForm {
padding: 10px 10px;
width: 100%;
min-width: 300px;
}


input {
padding: 10px;
width: 100%;
font-size: 17px;

border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
background-color: #ffdddd;
}

/* Hide all steps by default: */

/* Make circles that indicate the steps of the form: */
.step {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #f6cb32;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5;
}

.step.active {
opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
background-color: #07a714;
}
.breadcumb-area {
background: rgba(0, 0, 0, 0) url(../images/breadcumb.jpg) no-repeat scroll 0 0;
min-height: 245px;
}
.overlay {
position: relative;
}
.breadcumb-area.overlay:before {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.overlay::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.85;
position: absolute;
top: 0;
width: 100%;
}
.breadcrumb > li+li:before {
content: "/\00a0";
padding: 0 5px;
color: #ccc;
}
.breadcrumb a {
outline: medium none;
color: #f7f7f7;
}
.breadcrumb a:hover{
color:#f6cb32;
text-decoration:none;
}

.bred-hading {
color:#f7f7f7;
}
.bread-main {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0px;
left: 50%;
padding: 20px 120px;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.breadcrumb {
background: transparent none repeat scroll 0 0;
border-radius: 0;
margin: 0 auto;
font-size: 14px;
padding: 0;
display: flex;
background:transparent!important;
justify-content: center;
}
.bread-main li {
color:#f7f7f7;
font-style: italic;
}
.breadcumb-area.breadcumb-3 {
background: rgba(0, 0, 0, 0) url(../images/breadcumb.jpg) no-repeat scroll 0 0;
}
.section-padding {
padding-top: 50px;
padding-bottom: 50px;
}
.bred-hading {font-size:16px!important;}
.create-account-wrapper {
background-color: #ffffff;
box-shadow: 0px 5px 36px 4px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.create-account-left {
background-image: url(../images/create-account.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-size: cover;
/* min-height: 570px; */
}

.video-bnt {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-left: -40px;
margin-top: -40px;
background-color: #ffffff;
color: var(--main-color-one);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
line-height: 86px;
text-align: center;
font-size: 22px;
}
.p-left {
padding-left: 0px!important;
}
.form-area {
border-radius: 5px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 5px 24.25px 0.75px rgba(0, 0, 0, 0.1);
padding: 30px 20px 12px 20px;
}
.create-account-form-area {
position: relative;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.form-title {
text-transform: capitalize;
margin-bottom: 10px;
font-size:18px;
}
.create-account-form-area p{
font-size:14px;
color:#444444;
}
.frm-group {
margin: 15px 0;
}
.frm-group .fa {
padding-right: 14px;
color:#07a714;
    font-size: 16px;
}
.frm-group i {
position: absolute;
right: 0;
top: 32%;
color: #939496;
}
.form-style-one input {
    width: 100%!important;
    padding: 14px 14px 14px 14px;
    border: none;
    font-size: 14px;
    color: #444444;
	position: relative;
    background: transparent;
    border: 1px solid #efeeee;
}
.form-style-one select {
    width: 100%!important;
    padding: 14px 14px 14px 14px;
    border: none;
    font-size: 14px;
    color: #444444;
	position: relative;
    background: transparent;
    border: 1px solid #efeeee;
}
.formradio
{
	width:100%;
	float:left;
	    text-align: left;
}
.formradio .radiy input[type="radio"]
{
    float: left;
    margin: 5px 6px;
	padding:10px;
	background:#eeeeee;
    width: 10%!important;
}
.formradio .radiy label
{
width: 50%;
margin-bottom: 0;
}
.formradio .radiy
{
background: #eee;
    float: left;
    width: 21%;
    padding: 7px 2px;
    margin-bottom: 13px;
}
.apply-btn {
	background:#efeeee;
	font-size:14px;
	color:#444444;
	border:0px;
}
.apply-btn :hover{
	color:#07a714;
}
.frm-group {
position: relative;
}
.account-log-btn {
padding: 20px 0;
color: #07a714!important;
text-transform: uppercase;
    font-size: 14px;
}
.account-log-btn:hover{
text-decoration:none;
color:#f6cb32!important;
    font-size: 14px;
}
.fb-profile {
	margin-bottom:80px;
}
.tabbg tr:nth-child(even) {background-color: #eeeeee;}
.tabbg tr:nth-child(odd) {background-color: #ffffff;}
.tabbg tr td	{  padding: 13px;
    font-size: 14px;
    font-weight: 600;
    color: #444;
	}
.tabbg tr th {
       text-align: inherit;
    padding: 12px 13px;
     font-size: 16px;
    font-weight: 700;
}
/**********************
Reward Page
**********************/
#service-provide{
    padding: 80px 0;
    color: #333;
}
#service-provide h2{
    color: #333;
}

.tabbg .col-pic{
 position: absolute;
    top: 0;
    width: 100%;
    padding: 20px;
    height: 100%;
    text-align: center;
    padding-top: 5em;
    background: rgba(0, 0, 0, 0.50);


}
.tabbg  .col-pic p{
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
  }
.tabbg  .col-pic span {
	font-size: 14px;
    color: #d9c915;
    font-weight: 600;
 }
.tabbg  .col-pic h5{
    color:#fff;
    font-size: 16px;
    text-transform:uppercase;
    letter-spacing: 0.25px;
}
.tabbg  .col-pic label{
    width:100px;
    height:2px;
    display:block;
    background:#fff;
    border-radius:10px;
    margin: 0.5em auto;
}

.tabbg  .col-img{
    position:relative;
    margin-bottom:1.5em;
    z-index: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 2.2s ease-in-out;
    -moz-transition: all 2.2s ease-in-out;
    -ms-transition: all 2.2s ease-in-out;
    -o-transition: all 2.2s ease-in-out;
    transition: all 2.2s ease-in-out;

}
.tabbg  .col-img a img
{
    -webkit-transition: all 2.4s ease-in-out;
    -moz-transition: all 2.4s ease-in-out;
    -ms-transition: all 2.4s ease-in-out;
    -o-transition: all 2.4s ease-in-out;
    transition: all 2.4s ease-in-out;
      width:100%;

}

.tabbg  .col-img a
{
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tabbg  .col-img a:hover img
{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.tabbg  .col-img:hover .col-pic
{
    background:rgba(0, 0, 0, 0.59);
}

.tabbg  .padcol {
    padding-left:1px;
    padding-right:2px;
    margin-top: -17px;
}
.tabbg  .margright
{
    margin-right: -2px;
}

/*********************
Blog List View Grid View
**********************/
.columns {
float: left;
width: 32%;
padding: 0px;
margin: 0px;
}
.column {
float: left;
width: 49%;
padding: 15px;
margin: 3px;
}

/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}

.btn:hover {
background-color: #ddd;
}

.btn.active {
background-color: #666;
color: white;
}

.column {
border:1px solid #eee;
}
.input-box {
position: relative;
}
.search-aside.search-box .input-box input {
height: 40px;
}
.search-box .input-box input {
background: transparent none repeat scroll 0 0;
border: 1px solid #ccc;
color: #444444;
display: block;
font-size: 14px;
height: 45px;
outline: medium none;
padding: 0 60px 0 15px;
width: 100%;
}
.src-btn.sb-2 {
background: #07a714 none repeat scroll 0 0;
color: #fff;
height: 40px;
line-height: 24px;
right: 0px;
width: 40px;
}
.src-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #444444;
height: 45px;
line-height: 45px;
position: absolute;
right: 5px;
top: 0;
transition: all 0.3s ease 0s;
}
.src-btn .fa-search {
right: 10px;
position: relative;
}
.pos-rltv {
position: relative;
}
.blog-img {
cursor: pointer;
}
.product-overlay:before {
background: #000 none repeat scroll 0 0;
bottom: 10px;
content: "";
left: 10px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
pointer-events: none;
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 99;
}
.blog-title h5 {
margin-bottom: 5px;
margin-top: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uppercase {
text-transform: uppercase;
}
.font-bold {
font-weight: 700;
}
.like-comments-date ul li {
display: inline-block;
}
.like-comments-date li a {
color: #1c1616;
font-size: 12px;
font-style: italic;
}
.like-comments-date li a:hover{
text-decoration:none;
color:#f6cb32;
}
.like-comments-date li a i {
font-size: 14px;
margin-right: 5px;
}
.like-comments-date li.blog-date {
float: right;
}
.like-comments-date li + li {
margin-left: 15px;
}
.like-comments-date li.blog-date a {
color: #f6cb32;
}
.like-comments-date li.blog-date a {
color: #f6cb32;
font-style: normal;
}
.like-comments-date li a i {
font-size: 14px;
margin-right: 5px;
}
.blog-text p {
font-size: 14px;
font-weight: normal;
line-height: 24px;
color: #1c1616;
margin:15px 0;

}
.read-more {
color: #1c1616;
font-size:15px;
}
.read-more:hover{
text-decoration:none;
color:#f6cb32;
}
.uppercase a:hover
{
color:#07a714;
text-decoration:none;
}
#btnContainer {
background: #f7f7f7;
padding: 8px;
}
#btnContainer .btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0px 5px;
padding: 0.375rem 0.75rem;
font-size: 16px;
line-height: 1.5;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background: #07a714;
}
.uppercase  a{
color:#454545;
}
.blog-img img{
width:100%;
}
.page-item a,
.page-link {
    color: #444444;
    text-align: center;
    border-radius: 50px;
    margin: 4px;
}
.page-item a:hover,
.page-link:hover{
color:#fff;
background:#f6cb32;
}
.pagitm {
margin: 50px 0px;
}
.slidecontainer p{
	    font-size: 14px;
    color: #444444;
    font-weight: 600;

}
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 1px solid #efefef;
margin-bottom: 7px;
padding: 4px;
}

.slick-slider img {
display: block;
width: 81px;

}
.media-body h4 {
font-size:16px;
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.slick-slide .media .media-body h4 {
margin-top: 5px;
font-weight: 700;
font-size:18px;
color: #07a714;
margin-bottom: 0;
}
.media-body h6 {
font-size:16px;
color:#454545;
text-transform:capitalize;
}
.media-body h6:hover{
color:#f6cb32;
text-decoration:none;
}
.slick-slide {
margin-top:30px;
}
a{
text-decoration:none;
}

.sb-2 .blog-img img {
width: 100%;
}
.mb-30 {
margin-bottom: 30px;
}
.pos-rltv {
position: relative;
}
.blog-img {
cursor: pointer;
}
.product-overlay:before {
background: #454545 none repeat scroll 0 0;
bottom: 10px;
content: "";
left: 10px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
pointer-events: none;
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 99;
}
.mtb-30 {
margin: 30px 0;
}
.blockqot blockquote {
background: #f2f2f2 none repeat scroll 0 0;
border-left: 5px solid #cc1c16163;
margin: 0 0 20px;
padding: 25px 20px;
}
.blockqot blockquote p {
font-size: 16px;
font-style: italic;
letter-spacing: 1px;
}
.sb-title {
margin-bottom: 20px;
}
.subject li {
display: block;
margin-bottom: 10px;
}
.subject li :hover{
text-decoration:none;
color:#f6cb32;
}
.subject li:before {
color: #cc1c16163;
content: "\f0a4";
font-family:FontAwesome;
font-size: 18px;
padding-right: 10px;
position: relative;
top: 3px;
}
.comments-area .sb-title {
margin-bottom: 40px;
margin-top: 40px;
}
.mt-20 {
margin-top: 20px;
}
.fix {
overflow: hidden;
}
.signle-comments {
display: block;
padding: 20px 0 0;
margin-bottom: 20px;
position: relative;
border-top: 1px solid #e7e7e7
}
.signle-comments > img {
float: left;
}
.commets-text {
overflow: hidden;
padding-left: 15px;
}
.commets-text h5 {
font-size: 14px;
margin-bottom: 2px;
color: #9f9f9f;
}
.commets-text span {
color: #9c9c9c;
font-size: 14px;
}

.commets-text > p {
line-height: 20px;
margin: 7px 0;
font-size: 14px;
color: #444444;
}
.replay {
position: absolute;
right: 0;
bottom: 30px;
}
.replay > a {
background: #f7f7f7 none repeat scroll 0 0;
/* border-radius: 4px; */
color: #07a714;
font-size: 14px;
padding: 7px 14px;
border-radius: 0;
}
.replay > a:hover{
text-decoration:none;
color:#cc1c16163;
}
.comments-body ul li:nth-child(2n) {
padding-left: 70px;
}
.signle-comments > img {
float: left;
border-radius: 50px;
}
.input-box input,
.input-box textarea {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #e5e5e5;
width: 100%;
padding: 15px 15px;
font-size:14px;
color:#9f9f9f;

}
.input-box .sbumit-btn{
width:180px;
}
.mb-20 {
margin-bottom: 20px;
}

/*----------------------------------------*/
/*  26. Scroll UP
/*----------------------------------------*/

#scrollUp {
background: #1c1616 none repeat scroll 0 0;
border: 1px solid #ffffff;
bottom: 60px;
color: #fff;
font-size: 20px;
font-weight: 700;
height: 45px;
line-height: 40px;
right: 30px;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 45px;
}
#scrollUp i {
line-height: 40px;
}
#scrollUp:hover {
background: #fff none repeat scroll 0 0;
border-color: #cc1c16163;
color: #cc1c16163;
}

/*************************
# Single Product Page
*******************************/
.section-title {
margin-bottom: 30px;
}
.section-title > span {
position: relative;
font-size: 24px;
font-weight: 600;
}


.xzoom-thumbs img  {
border:3px solid #f7f7f7;
padding:0px;}
.total-showing {
color: #444444;
line-height: 33px;
}
.total-showing span {
color: #444444;
}
.sort {
    float: left;
    margin-left: 10px;
    width: 50%;
}
.d-xl-block {
    float: right;
    width: 48%;

}
.bgmain {
background: #fff;
width:100%;
    padding: 10px;
}
.sort > label {
color: #444444;
 margin-right: 10px;
}
.sort.product-type select {
width: 150px;
background: rgba(0, 0, 0, 0) none repeat
}
.sort select {
border: 1px solid #ccc;
color: #444444;
cursor: pointer;
height: 35px;
/* width: 55px; */
background: #f7f7f7;
}
.sort select option {
padding: 5px 5px 5px 10px;
font-size:14px;
}
.tab-content {
overflow: hidden; }
.tab-content img {
width: 100%;
-webkit-animation-name: opacity;
animation-name: opacity;
-webkit-animation-duration: .3s;
animation-duration: .3s; }

.card {
margin-top: 50px;
background: #eee;
padding: 3em;
line-height: 1.5em; }
#products  .card {
margin-top: 10px;
margin-bottom: 20px;
}
@media screen and (min-width: 997px) {
.wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }

.details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }

.colors {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.details{
padding-left:40px;
}
.details .product-title {
    color: #444444;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize
}
.details .price, .sizes, .colors
{
color: #444444;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
}
.details .checked, .price span {
color: #f6cb32; }
.price span {
	margin-left:10px;
}
.details  .stars{
margin-bottom: 10px;
}
.details .review-no
{
font-size:14px;
color:#444444;
}
.details .product-description
{
font-size:14px;
color:#444444;
}
.details .product-title, .rating, .product-description, .price, .vote, .sizes {
margin: 10px 0; }
.vote {
	font-size:14px;
}
.details .product-title {
margin-top: 0; }

.details .size {
    margin-right: 10px;
    border: 1px solid #efeeee;
    padding: 10px 16px;
    font-size: 14px;
    margin: 15px 0px;
    color: #444444;
    background: #ffffff;
}
}
.details .size:first-of-type {
margin-left: 30px; }
.colors
{
margin-top: 21px;
}
.details .color {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
height: 2em;
width: 2em;
border-radius: 2px; }
.details  .color:first-of-type {
margin-left: 20px; }

.details .add-to-cart, .like {

border: none;
text-transform: UPPERCASE;
font-weight: bold;
color: #fff;
-webkit-transition: background .3s ease;
transition: background .3s ease; }
.details  .add-to-cart:hover, .like:hover {
background: #f6cb32;
color: #fff; }

.details .not-available {
text-align: center;
line-height: 2em; }
.details .not-available:before {
font-family: fontawesome;
content: "\f00d";
color: #fff; }

.details .orange {
background: #f6cb32;
font-size:14px;
font-weight:500;  }

.details .green {
background: #05b002;
font-size: 14px;
font-weight: 500; }

.details .blue {
background: #0076ad;
font-size: 14px;
font-weight: 500;  }

.details .tooltip-inner {
padding: 1.3em; }

@-webkit-keyframes opacity {
0% {
opacity: 0;
-webkit-transform: scale(3);
transform: scale(3); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }

@keyframes opacity {
0% {
opacity: 0;
-webkit-transform: scale(3);
transform: scale(3); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }

.bred-hading h5{
	font-size:16px;
	font-weight:600;
	color:#ffffff;
}
.probtns{
	width:50%;
}

 .details .btn-plus{
cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #444444;
    background: #ffffff;
    border-radius: 0px;
    border-left: 0;
    float: left;
    border: 1px solid #efeeee;
    padding: 9px;}
.probtns input{
    float: left;
    font-size: 14px;
    width: 36%;
    text-align: center;
    padding: 5.3px;
    border: 1px solid #efeeee;

}
 .details .btn-minus
 {
cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #444444;
    background: #ffffff;
    border-radius: 0px;
    border-left: 0;
    float: left;
    border: 1px solid #efeeee;
    padding: 9px;
 }
.details .title-attr{margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 600;
	margin-bottom:12px;

}


.details .product_cart_action{
margin:30px 0px;
}
.details .product_cart_action button {
background: #07a714 none repeat scroll 0 0;
color: #fff;
display: block;
border: 0px;
font-size: 14px;
line-height: 32px;
text-align: center;
transition: all 0.5s ease 0s;
float: left;
padding: 7px 20px;
font-weight: 500;
height: 46px;
margin-right: 12px;
}
.details .product_cart_action button:hover{
background:#f6cb32;
}
/************************
#Single Tabs
*************************/

.singletab nav > .nav.nav-tabs{
background: transparent none repeat scroll 0 0;
color: #666;
font-size: 14px;
font-weight: 500;
padding: 0;
text-transform: uppercase;

}
.singletab nav > div a.nav-item.nav-link
{
background: transparent none repeat scroll 0 0;
color: #666;
font-size: 14px;
font-weight: 500;
padding: 0;
border-radius: 0px!important;
text-transform: uppercase;
border: 1px solid #efeeee;
padding: 10px 22px;
background: #ffffff;


}
.singletab nav > div a.nav-item.nav-link.active
{

box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
border: 1px solid transparent;
border-radius: 0;
    background: #ffffff;
}

.singletab nav > div a.nav-item.nav-link.active:after
{
content: "";
position: relative;
bottom: -44px;
left: -33%;
border: 15px solid transparent;
border-top-color: #f6cb32 ;
}
.singletab .tab-content{
background: #ffffff;
line-height: 25px;
border: 1px solid #efeeee;
border-top: 1px solid #efeeee;
border-bottom: 1px solid #efeeee;
padding: 14px 22px!important;
}
.singletab .tab-content p{
font-size: 14px;
    color: #444444;
    padding: 10px 0;
    line-height: 22px;
}
.singletab .tab-content strong{
font-size:16px;
	color:#444444;
}
.singletab nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
border: none;
background: #f6cb32 ;
color: #fff;
border-radius: 0;
padding: 10px 22px;

}
.singletab .nav-fill .nav-item
{
margin-right:20px;
}
.singletab  .nav-tabs
{
border-bottom:0px!important;
}
.tab-content > .tab-pane {
font-size: 14px;
padding: 10px 14px;
}
.checkout {
padding-top: 60px;
padding-bottom: 60px;
}
.checkout h6 {
color: #444444;
text-align: center;
background: #f5f5f5;
border-top: 1px solid #07a714;
padding: 12px 0;
margin-bottom: 75px;
font-size: 14px
}
.checkout h6 span {
font-size: 14px;
color: #07a714;
margin-right: 5px;
}
.checkout h6 a {
text-decoration: underline;
color: #07a714;
}
.checkout__form h4 {
color: #444444;
font-weight: 600;
border-bottom: 1px solid #efeeee;
padding-bottom: 20px;
margin-bottom: 25px;
font-size: 18px;
}
.checkout__input {
margin-bottom: 12px;
}
.checkout__input p {
color: #454545;
margin-bottom: 20px;
}
.checkout__input p span {
color: #f6cb32;
}
.checkout__input input {
width: 100%;
height: 46px;
border: 1px solid #efefef;
padding-left: 20px;
font-size: 14px;
color: #444444;
margin-bottom: 15px;
border-radius: 2px;
}
.checkout__input__checkbox {
margin-bottom: 10px;
}
.checkout__input__checkbox label {
position: relative;
font-size: 14px;
color: #444444;
padding-left: 40px;
cursor: pointer;
}
.checkout__input__checkbox label input {
position: absolute;
visibility: hidden;
}
.checkout__input__checkbox label .checkmark {
position: absolute;
left: 0;
top: 1px;
height: 21px;
width: 20px;
border: 1px solid #a6a6a6;
/* transform: rotate(127deg); */
content: " ";
border-radius: 2px;
}
.checkout__input__checkbox label {
position: relative;
font-size: 16px;
color: #444444;
padding-left: 40px;
cursor: pointer;
}
.checkout__input__checkbox label .checkmark:after {
position: absolute;
left: 4px;
top: 4px;
width: 10px;
height: 8px;
border: solid #fff;
border-width: 3px 3px 0 0;
-webkit-transform: rotate(127deg);
-ms-transform: rotate(127deg);
transform: rotate(127deg);
content: " ";

opacity: 0;
}

.checkout__input__checkbox label input:checked~.checkmark {
background: #07a714;
border-color: #07a714;;
}
.checkout__input__checkbox label input:checked~.checkmark:after {
opacity: 1;
}
.round-black-btn {
border-radius: 25px;
background: #07a714;
color: #f7f7f7!important;
padding: 8px 35px;
display: inline-block;
border: solid 2px #07a714;
transition: all 0.5s ease-in-out 0s;
cursor: pointer;
font-weight: 600;
}
.round-black-btn:hover {
background: transparent!important;
color: #07a714!important;
border-radius: 25px;
text-decoration: none;
}
.checkout__input__checkbox .fa {
color:#07a714;
font-size:22px;
}
.checkout__order {
background: #f5f5f5;
padding: 40px;
padding-top: 30px;
}
.checkout__order .checkout__order__products {
font-size: 16px;
color: #444444;
font-weight: 700;
margin-bottom: 10px;
}
.checkout__order ul {
margin-bottom: 12px;
}
.checkout__order ul li {
font-size: 14px;
color: #444444;
line-height: 40px;
list-style: none;
}
.checkout__order ul li span {
font-weight: 600;
float: right;
font-size: 14px;
}
.checkout__order .checkout__order__subtotal {
font-size: 14px;
color: #444444;
font-weight: 700;
border-bottom: 1px solid #efeeee;
border-top: 1px solid #efeeee;
padding-bottom: 15px;
margin-bottom: 15px;
padding-top: 15px;
}
.checkout__order .checkout__order__subtotal span {
float: right;
}
.checkout__form p {
font-size: 14px;
color: #444444;
font-weight: 500;
line-height: 26px;
margin: 0 0 15px;
}
.checkout__order .checkout__order__total {
font-size: 16px;
color: #444444;
font-weight: 700;
border-bottom: 1px solid #efeeee;
padding-bottom: 15px;
margin-bottom: 25px;
}
.checkout__order .checkout__order__total span {
float: right;
color: #07a714;
}
.checkout__input__checkbox {
margin-bottom: 10px;
}
/***********************
#contact Form
**********************/
.map {
height: 500px;
position: relative;
margin-top: 50px;
}
.map iframe {
width: 100%;
}
.map .map-inside {
position: absolute;
left: 50%;
top: 160px;
-webkit-transform: translateX(-175px);
-ms-transform: translateX(-175px);
transform: translateX(-175px);
}
.map .map-inside i {
font-size: 48px;
color: #f6cb32;
position: absolute;
bottom: -75px;
left: 50%;
-webkit-transform: translateX(-18px);
-ms-transform: translateX(-18px);
transform: translateX(-18px);
}
.map .map-inside .inside-widget {
width: 350px;
background: #fff;
text-align: center;
padding: 23px 0;
position: relative;
z-index: 1;
-webkit-box-shadow: 0 0 20px 5px rgba(12,7,26,.15);
box-shadow: 0 0 20px 5px rgba(12,7,26,.15);
}
.map .map-inside .inside-widget h4 {
font-size: 22px;
font-weight: 700;
color: #666;
margin-bottom: 4px;
}
.map .map-inside .inside-widget ul li {
list-style: none;
font-size: 16px;
color: #666;
line-height: 26px;
}
.map .map-inside .inside-widget:after {
position: absolute;
left: 50%;
bottom: -30px;
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px);
border: 12px solid transparent;
border-top: 30px solid #fff;
content: "";
z-index: -1;
}
.contact {
padding-top: 60px;
padding-bottom: 50px;
}
.contact__widget {
margin-bottom: 30px;
}
.contact__widget span {
font-size: 33px;
color: #f6cb32;
}
.contact__widget p {
color: #666;
margin-bottom: 0;
}
.contact__widget h4 {
color: #444444;
font-weight: 500;
margin-bottom: 6px;
margin-top: 16px;
}
.contact-form {
padding-top: 50px;
padding-bottom: 50px;
}
.contact__form__title {
margin-bottom: 40px;
text-align: center;
}
.contact__form__title h2 {
color: #444444;
font-weight: 500;
}
.contact-form form input {
width: 100%;
height: 50px;
font-size: 14px;
color: #6f6f6f;
padding-left: 20px;
margin-bottom: 30px;
border: 1px solid #ebebeb;
border-radius: 4px;
}
.contact-form form textarea {
width: 100%;
height: 150px;
font-size: 16px;
color: #6f6f6f;
padding-left: 20px;
margin-bottom: 24px;
border: 1px solid #ebebeb;
border-radius: 4px;
padding-top: 12px;
resize: none;
}
.sitemap li{ padding: 5px 0;}
.sitemap li a{

color: #000;
font-size: 16px;
line-height: 22px;
}
.sitemap li a:hover {
color: #f6cb32;
text-decoration: none;
font-weight: 600;
padding-left: 7px;
}
/*********************
#Team Member
*********************/

.box5:hover .title {
opacity: 1;
transform: translate(0,0);
transition-delay: .15s;
}
.box5{
	position:relative}

.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li {
float:left;
}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:22px;color:#f6cb32;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{    font-size: 16px;
font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:14px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
@media only screen and (max-width:990px){
.box5{margin-bottom:30px}

}
.delavr {
width:100%;
}
.footer-block-two {
padding-left:0px!important;
}
.footer-block-one {
padding-right:0px!important;
}
/******************
Payment Area
****************/
.checkout-payment-area {
background: #f7f6f7 none repeat scroll 0 0;
padding: 35px;
}
.checkout-payment-area .checkout-total h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
table.table {
margin-bottom: 0;
width: 100%;
}
.cart_item.check-heading {
border-top: 1px solid #ccc;
}
.checkout-area .cart_item td {
border-color: #ddd -moz-use-text-color -moz-use-text-color;
border-style: solid none none;
border-width: 1px medium medium;
font-weight: 700;
padding: 15px;
text-transform: uppercase;
}
.shipp input {
height: auto;
width: auto;
}
.pay-type input {
margin-right: 10px;
}
.payment-section {
background: #f7f6f7 none repeat scroll 0 0;
line-height: 30px;
}
.pay-type input {
margin-right: 10px;
}
.payment-section input, .payment-section select {
height: auto;
width: auto;
}
.pay-type .fa {
color:#f6cb32;
font-size:22px;
}
.forget-password
{
background:#f9f9f9;
padding:40px 40px;
margin:0 auto;
width:700px;
text-align:center;
}
.coupon-box form input {
display: inline-block;
width: 264px;
margin-right: 14px;
height: 44px;
border-radius: 25px;
border: solid 2px #cccccc;
padding: 5px 15px;
font-size: 14px;
}
.forget-password .coupon-box {
text-align:center;
margin:20px 0px;
}
.forget-password p{
font-size: 18px;
color: #f6cb32;
padding: 20px 0px 9px;
font-weight: 600;
}
.forget-password span{
font-size: 15px;
color: #151414;
}
.cart-area thead th {
background: #f1f1f1 none repeat scroll 0 0;
border-bottom: 1px solid #f1f1f1 !important;
padding: 17px 15px !important;
}
.table-head.th-name {
font-weight: 700;
}
.table-head.item-nam {
color: #f6cb32;
}
.cart tbody tr {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cart-area .cart_item td {
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
padding: 17px 15px;
vertical-align: middle;
}

.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.tabcom {
width:20%;
}
.item-quality {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
/***************
#Faq Page
***********************/
.faq {
padding:0px;
margin:0px;
}
.faq .panel-default
{
/* border: 1px solid #eee; */
width: 100%;
/* background: #f7f7; */
font-size: 16px;
/* color: #f7f7f7; */
margin-bottom: 0px;
}
.faq  .panel-heading
{
width: 100%;
background: #f6cb32;
}
.faq .panel-title{
width: 1170px;
padding: 10px 20px;
font-size: 16px;
color: #f7f7f7;
}
.faq a{
color: #f7f7f7;
text-decoration: none;
}
.faq a:hover{
color:#ffffff;
text-decoration:none;
}
.faq .panel-body{
background: #fefcfc;
margin-top: -8px;
margin-bottom: 10px;
color: #322b2b;
font-size: 14px;
line-height: 24px;
padding: 15px;
border: 1px solid #efefef;
}
#accordion
{
margin-bottom:50px;
}
/**********************
Profile Page
**********************/
.fb-profile img.fb-image-lg{
z-index: 0;
width: 100%;
margin-bottom: 10px;
}

.fb-image-profile
{
margin: -90px 10px 0px 0px;
z-index: 9;

}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
@media (max-width:768px)
{

.fb-profile-text>h1{
font-weight: 700;
font-size:16px;
}

.fb-image-profile
{
margin: -45px 10px 0px 25px;
z-index: 9;
width: 20%;
}
}
.profilesocial{
border: 1px solid #efeeee;
padding: 0px 0px!important;
margin-top: 15px;
}
.profilesocial li {
list-style: none; */
/* margin: 0px; */
/* padding: 0px; */
/* border: 1px solid #f9f9f9; */
/* display: inline; */
background: #fff;
padding: 11px 30px;
color: #1c1616;
/* width: 25%; */
float: left;
text-align: center;
font-size: 14px;
float: left;
font-weight: 600;
border-right: 1px solid #eee;
}
.social-edit
{
color:#1c1616;
font-size:14px;
}
.social-edit {
margin-top: 20px;
}
.social-edit  a {  background: #000;
padding: 8px 18px;
border-radius: 2px;
color: #f7f7f7;
font-size: 14px;
font-weight: 600;
}
.social-edit  a:hover{
background:#f6cb32;
color:#f7f7f7;
}
.profilesocial li:hover{
background:#f6cb32;
color:#f7f7f7;
text-decoration:none;
}
.fb-profile-text p{
margin-bottom:5px;
font-size:14px;
color:#1c16161c1616;
}
.fb-profile-text  .fa {
color:#07a714;
margin-right:15px;

}
.about
{
padding:50px 0px;
}
.about .section-title h2
{
font-size: 24px;
margin-bottom: 30px;
color: #444444;
font-weight: 600;
}
.about .section-title p{
font-size:14px;
color:#444444;
}
/****************************
# Home
******************************/

.we-think-global {
background: -webkit-linear-gradient(-30deg, #91039f 0%, #052157 100%);
position: relative;
overflow: hidden;
padding: 121px 0 120px;
z-index: 2;
}
.we-think-global:after {
background: url(images/banner-bg.png) bottom no-repeat;
background-size: 100%;
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.we-think-global .part-left p {
color: #fff;
opacity: .8;
line-height: 1.6;
}
.we-think-global .part-left a {
width: 170px;
text-align: center;
display: inline-block;
border: 1px solid #fff;
padding: 20px 0;
border-radius: 6px;
position: relative;
font-weight: 500;
margin-right: 16px;
margin-top: 21px;
background: -webkit-linear-gradient(-30deg, #052157 0%, #91039f 100%);
-webkit-background-clip: text;
	color:#ffffff;
}
.part-left h2{
	color:#ffffff;
	font-size:24px;
	font-weight:600;
}
.we-think-global .part-right {
background-image: -webkit-linear-gradient(-30deg, #5B0E83 0%, #91039f 100%);
border-radius: 10px;
padding: 35px 40px 40px;
text-align: center;
}
.we-think-global .part-right h3 {
font-size: 22px;
color: #fff;
margin-bottom: 17px;
}
.we-think-global .part-right p {
color: #fff;
opacity: .8;
line-height: 1.6;
}
.we-think-global .part-right a {
width: 170px;
text-align: center;
display: inline-block;
border: 1px solid #fff;
padding: 20px 0;
border-radius: 6px;
position: relative;
font-weight: 500;
color: #fff;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin-top: 22px;
}


#cta-section {
border: 5px solid #f2f2f2;
margin: 0px 0;
padding: 0;
}
#cta-section .cta-content {
padding: 30px 30px 30px 60px;
vertical-align: middle;
width: 60%;
float: left;
}
#cta-section .cta-content h2 {
color: #1c1616;
/* font-family: "open sans"; */
font-size: 24px;
font-weight: 500;
margin: 0;
}
#cta-section .cta-content h4 {
color: #f6cb32;
font-size: 18px;
font-weight: 600;
margin: 15px 0;
}
#cta-section .cta-content p {
color: #838383;
font-size: 14px;
line-height: 25px;
margin-bottom: 10px;
font-weight: 300;
}
#cta-section img {
display: inline-block;
text-align: right;
vertical-align: middle;
width: 40%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);

}
#cta-section figure{
margin-bottom: 0;
}

#cta-section img:hover  {
transform: scale(.95);
transition: all 1.5s;
}
#cta-section .round-black-btn
{
margin-top: 15px;
}
.trendyimg {
position: relative;
margin-bottom: 16px;
}

.about
{
font-size:14px;
color:#444444444444;
line-height:24px;
}
.abotop {border-bottom:1px solid #efeeee;}
.about img:hover  {
transform: scale(.95);
transition: all 1.5s;
}
.probra {
text-align: center;
padding: 72px 0px;
background-image: url(../images/subscribe.png);
background-repeat: no-repeat;
}
.align-items-center{
text-align:center;
}
.single-counter {
color:#ffffff;
}
.part-icon .fa{
font-size: 24px;
margin-bottom: 15px;
}
.part-text h4{font-size: 14px;
font-weight: 600;}
.part-text h3 {
font-size: 24px;
font-weight: 600;
}
.progress
{
height: 1.8rem!important;
font-size: 14px!important;
}
/**************/
.delevrybox {
border: 1px solid #efeeee;
padding: 25px 15px;
text-align: center;
font-size: 16px;
color: #444;
font-weight: 500;
height: 160px;
background: #fff;
}
.delevrybox  img{
width: 50px;
transform: scale(1.1);
transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
padding-top: 18px;
}
.delevrybox  img:hover{
transform: scale(1.1);
transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #110001;
color: #f7f7f7;
cursor: pointer;
padding: 9px;
width: 40px;
border-radius: 50px;
height: 40px;
}
#myBtn .fa {
font-size:16px;
}
#myBtn:hover {
background-color: #f6cb32;
}
/***********************
#Testimonial Slider
*********************/

/* Slideshow container */
.slideshow-container {
position: relative;
background: #ffff;
}

/* Slides */
.mySlides {
display: none;
padding: 74px 75px;
text-align: center;
}


/* Next & previous buttons */
.slideshow-container .prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: #f7f7f7!important;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
background: #f6cb32;
}

/* Position the "next button" to the right */
.next {
position: absolute;
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover, .next:hover {
background-color:#e5496a;
color: #fff;
}

/* The dot/bullet/indicator container */
.dot-container {
text-align: center;
padding: 20px;
background: #f6cb32;
}

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #f7f7f7;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.probra .active, .dot:hover {
background-color: #b21919e0;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: #f6cb32;
margin-top: 10px;
font-weight:600;}
.well h2{
font-size: 22px;
background: #fff;
margin-bottom: 0;
text-align: center;
padding: 10px;
border-bottom: 1px solid #eee;
}
.homepro .card{
margin:0px;
}
.slideshow-container .mySlides img{
margin-bottom:10px;
}

.active .date-user .fa{
color:#f7f7f7!important;
}
a:hover{
text-decoration:none!important;
}
.date-user h4  a:hover{
text-decoration:none!important;
}
.action:hover
{
background:#f6cb32!important;
border:0px;
}
.control  .action button:hover, button:active, button:focus

{
background:#f6cb32!important;
}

.bgs{
background:#ffffff;
padding: 40px 0;
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (min-width: 992px) {

}

@media (max-width: 768px) {
.top-header .ticker {
display: block;
width: 100;
}
.top-header {
text-align:center;
}
.buttom-header .site-branding{
width:100%;
text-align: center;
}
.site-logo img {
width: 31%;

}
.navbar-toggler
{
    border-radius: 0px!important;
    background: #444!important;
    color: #444444!important;
    margin: 0;
}
.buttom-header .wrap-right
{
width: 100%;
text-align: left;
background: #094449;
}
.navbar-expand-lg
{
width:100%;
float:left!important;
}
#promo-section .promo-block
{
width: 100%;
margin-bottom: 8px;
}
.navbar-dark .navbar-nav .nav-link {
font-weight: 600;
border-bottom: 1px solid #efeeee;
}
.navbar-dark .navbar-nav .nav-link
{
color:#444444!important;
}
#cta-section .cta-content
{
width: 100%;
padding: 10px;
}
#cta-section img{
width:100%;
}
.footer-top{
padding:8px;
text-align:center;
}
.newsletter label {
width:100%;
margin-top:10px;
}
.newsletter .control
{
width:100%;
}
.newsletter .actions
{
border-radius: 30px;
width: 100%;
text-align: center;
position: relative;
margin-top: 3px;
}
.column
{
margin: 6px 1px;
width: 48%;
padding: 9px 0
}
.slide{
width:100%;
}
.section16 .one_half {
width:100%;
}
.section16 .post_img,
.section16 .post_img img {
width:100%;
height: auto;
}
.section16 .post_holder .text_holder {
text-align:left;
padding:10px;
}
.section16 .post_holder .text_holder p {
text-align:left;
}
.section16 .post_holder .text_holder ul.date-user li
{
float: left;
text-align: left;
font-size: 14px;
margin-left: 0;
margin: 7px 33px 10px 0px;
}
.social-icons {
margin-top:20px;
}
.bread-main{
padding: 10px 5px 0px!important;
width: 100%;
}
.breadcrumb a
{
font-size:14px!important;
}
.typogrph,
.faq {
padding:10px;
}
.faq .panel-title {
width:100%;
}
.forget-password {
width:100%;
padding: 40px 16px;
}
.forget-password .round-black-btn
{
margin-top:15px;
}
.sort {
float:left;
margin-left: 0;
margin-top: 20px;
}
.item.list-group-item .product-grid .img-event {
float: left;
height: auto!important;
width: 100%!important
}
.item.list-group-item .product-grid .caption {
position:relative!important;
}
.details {
padding-left: 0;
margin-top: 20px;
}
.details .product_cart_action button
{
padding: 7px 15px;
font-weight: 500;
height: 42px;
margin-right: 5px;
font-size: 12px;
}
.cart-wrap
{
width:100%;
}
.coupon-box form input {
margin-bottom:15px;
}
.blog-text p {
width:100%;
float:left;
}
.like-comments-date li + li
{
margin-left:0px;
}
.read-more {
color: #1c1616;
font-size: 15px;
width: 100%;
float: left;
}
.video-bnt,
.create-account-left {
display:none;
}
.profilesocial  {
display:none;
}
#panel, #flip {
right:0px;
}
.account-wrap div a {
padding: 7px 15px 0 2px;
}
.mega-menu {
width:100%!important;
}
.cart-wrap,
.table-cart {
width:100%;
}
.table-cart thead tr th {
padding: 5px 1px 5px!important;
font-size: 12px!important;
}
.table-cart tr td .name-product {
font-size:11px!important;
line-height: 16px!important;
}
.total {
font-size:14px!important;
}
.table-cart a.btn-def.btn2
{
background:transparent!important;
border:0px!important;
color:#444!important;
font-size:11px;
line-height: 0;
padding: 3px 0px;
}
.table-cart tr td {
font-size:11px;
}
.product-count .qtyminus, .product-count .qtyplus
{
display:none;
}
.product-count .qty
{
width:32px!important;
}
}
.opertunity{
	    text-align: center;
    padding: 20px 80px 50px;
}
.opertunity .opertunity_title
{
font-size: 20px;
margin: 30px 0;
color: #444444;
font-weight: 600;
}
.opertunity .opertunity-content {
font-size: 14px;
color: #827e7e;
line-height: 25px;
padding: 18px 52px;
}
.name-toggle {
float: left;
font-size: 16px;
padding: 10px 0;
width: 90%;
text-align: left;
}


.sticky {
position: fixed;
top: 0;
background: #fff;
z-index: 9;
width: 100%;
}

.sticky + .content {
padding-top: 102px;
}

/*------------------------------------------------------------------
Banner Slider
-------------------------------------------------------------------*/

.slider-bg-one {
background-image: url("../images/banner-practice1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.slider-bg-two {
background-image: url("../images/banner-practice2.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.slider-bg-three {
background-image: url("..images/banner-practice3.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.slider-content-area {
width:100%;
text-align:center;
position: relative;
}

.home-one-slider-otem .slider-content-area {
height: 550px;
position: relative;
}
.slide-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
.main-Slider .homepage-three-title h2{
color:#ffffff;
font-size:48px;
text-transform:capitalize;
padding:90px 0px 30px;
}
.main-Slider .textslide  {
color:#ffffff;
font-size:18px;
text-transform:uppercase;
}

.main-Slider .textslide p{
color: #ffffff;
font-size:14px;
padding-top:20px;
}
.main-Slider hr{
border-top: 1px solid #09a223;
margin: 30px auto;
width: 38%;

}
.main-Slider .textslidebtm p
{
font-size:14px;
color:#ffffff;
line-height:26px;
margin-bottom:50px;
}
.main-Slider .blue-btn
{
padding:25px 20px;
background:#5d4a8c;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
}
.main-Slider .green_btn
{
padding:25px 20px;
margin-left:10px;
background:#09a223;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
}
.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next {
height: 60px;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s ease-in-out 0s;
width: 60px;
border-radius: 25px 0px 25px 0px;
}

.slider-wrapper .owl-nav .owl-prev:hover, .slider-wrapper .owl-nav .owl-next:hover {
color: #484848;
}

.slider-wrapper .owl-nav .owl-prev {
margin-left: 5%;
left: 0px;
position: absolute;
}

.slider-wrapper .owl-nav .owl-prev i{
position: absolute;
left: 0px;
right: 0;
width: auto;
height: auto;
background: none;
color: #ffffff;
}

.slider-wrapper .owl-nav .owl-next {
margin-right: 5%;
right: 0;
position: absolute;
}

.slider-wrapper .owl-nav .owl-next i{
position: absolute;
right: 0;
left: 0px;
width: auto;
height: auto;
background: none;
color: #ffffff;
}

.home-one-slider-otem::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 100%;
z-index: 1
}