@charset "UTF-8";
/*Fonts path*/
/*Fonts path end*/
/*************** background opacity and gradient *******************/
/*************** Shadow *******************/
/*************** Transform *******************/
/*************** Transition *******************/
/***********Blur*********/
/*************** Animation *******************/
/*************** Filter *******************/
/*************** Media Query *******************/
/* Branding Theme CSS For All Themes */
.zoom:hover {
  background: #21308f;
  background: rgba(33, 48, 143, 0.75);
}

/***** Header tag CSS *****/
.page-header {
  color: #21308f;
}
.page-header h1 small {
  color: #666666 !important;
}

.page-section-header {
  color: #6471c2;
}
.page-section-header span {
  color: #333333;
}

.page-sub-header {
  color: #21308f;
}

.table .thead-light th, .table .thead th, .table thead th {
  color: #6471c2 !important;
  background: transparent;
  border-bottom-color: #6471c2;
}

/***** Anchor tag css ******/
a {
  color: #6471c2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #21308f;
  text-decoration: none;
}

/***** Button ******/
.btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: normal;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 0 #ffffff;
  -moz-box-shadow: 0 0 0 0 #ffffff;
  box-shadow: 0 0 0 0 #ffffff;
}

.btn-primary {
  background: #21308f;
  border-color: #21308f;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
  padding: 0.375rem 1rem;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus {
  background: #172266;
  border-color: #172266;
}
.btn-primary.disabled, .btn-primary:disabled {
  background: #21308f;
  border-color: #21308f;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-info {
  background: #6471c2;
  border-color: #6471c2;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
  padding: 0.375rem 1rem;
}
.btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active:focus {
  background: #4553ae;
  border-color: #4553ae;
}
.btn-info.disabled, .btn-info:disabled {
  background: #6471c2;
  border-color: #6471c2;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-secondary {
  background: #666666;
  border-color: #666666;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active:focus {
  background: #4d4d4d;
  border-color: #4d4d4d;
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background: #666666;
  border-color: #666666;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-success {
  background: #6471c2;
  border-color: #6471c2;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  padding: 0.375rem 1rem;
}
.btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active:focus {
  background: #4553ae;
  border-color: #4553ae;
}
.btn-success.disabled, .btn-success:disabled {
  background: #6471c2;
  border-color: #6471c2;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

/***** Outline Button ******/
.btn-outline-primary {
  background: transparent;
  border-color: #21308f;
  color: #21308f;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  background: #21308f;
  color: #ffffff;
  border-color: #21308f;
}

.btn-outline-secondary {
  background: transparent;
  border-color: #666666;
  color: #666666;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
  background: #666666;
  color: #ffffff;
  border-color: #666666;
}

.btn-outline-info {
  background: transparent;
  border-color: #6471c2;
  color: #6471c2;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active:focus {
  background: #6471c2;
  color: #ffffff;
  border-color: #6471c2;
}

/***** Link Button ******/
.btn-link {
  color: #6471c2;
  word-break: break-word;
}
.btn-link:hover, .btn-link:focus {
  color: #21308f;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6471c2;
}

/***** Border Color *****/
.border-primary {
  border-color: #21308f !important;
}

.border-info {
  border-color: #6471c2 !important;
}

.border-secondary {
  border-color: #666666 !important;
}

/**** loader ****/
.loading {
  border-color: transparent #6471c2;
}

#loading-text {
  color: #6471c2;
}

/***** Text Color *****/
.text-primary {
  color: #21308f !important;
}

.text-info {
  color: #6471c2 !important;
}

.text-secondary {
  color: #666666 !important;
}

/* Badge CSS */
.badge-primary {
  background: #21308f;
}

.badge-info {
  background: #6471c2;
}

/***** Text-Color with Anchor Tag *****/
a.text-primary:hover, a.text-primary:focus {
  color: #172266 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #4553ae !important;
}

/***** background-Color *****/
.bg-primary {
  background-color: #21308f !important;
}

.bg-info {
  background-color: #6471c2 !important;
}

.bg-secondary {
  background-color: #666666 !important;
}

/***** Dropdown-color *****/
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
  background-Color: #f2f2f2;
  color: #21308f !important;
}

.bootstrap-select .dropdown-menu li.active small {
  color: #21308f !important;
}
.bootstrap-select .dropdown-toggle small {
  color: #21308f !important;
}

/***** Radio button color *****/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #21308f;
  border-color: #21308f;
  box-shadow: none;
}

/***** Checkbox color *****/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #21308f;
  border-color: #21308f;
  box-shadow: none;
}

/***** Input border-color on focus *****/
.form-control:focus {
  border-color: #21308f;
}

/**** pagination ****/
.page-item.active .page-link {
  background: #21308f;
  border-color: #21308f;
}

/**** search dropdown****/
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
  background-color: #f2f2f2;
}
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong, .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a {
  color: #6471c2;
}
.tt-dropdown-menu .tt-suggestion a {
  color: #333333;
}
.tt-dropdown-menu .tt-suggestion a strong {
  color: #333333;
}
.tt-dropdown-menu .tt-suggestion:hover strong {
  color: #6471c2 !important;
}

/**** Account Page CSS ****/
.account-links a:hover .cicon {
  color: #21308f;
}

.account_dashboard_box h4 {
  color: #6471c2;
}

/**** JQUERY UPLOADER START ****/
.bar {
  background-color: #21308f;
}

/* Custom CSS Here */
html {
  scroll-behavior: smooth;
}

/***** Fonts *****/
@font-face {
  font-family: "Raleway-Black";
  src: url("../fonts/Raleway-Black.eot");
  src: url("../fonts/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Black.woff") format("woff"), url("../fonts/Raleway-Black.ttf") format("truetype"), url("../fonts/Raleway-Black.svg#Raleway-Black") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-Bold";
  src: url("../fonts/Raleway-Bold.eot");
  src: url("../fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway-Bold.ttf") format("truetype"), url("../fonts/Raleway-Bold.svg#Raleway-Bold") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-ExtraBold";
  src: url("../fonts/Raleway-ExtraBold.eot");
  src: url("../fonts/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-ExtraBold.woff") format("woff"), url("../fonts/Raleway-ExtraBold.ttf") format("truetype"), url("../fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-ExtraLight";
  src: url("../fonts/Raleway-ExtraLight.eot");
  src: url("../fonts/Raleway-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-ExtraLight.woff") format("woff"), url("../fonts/Raleway-ExtraLight.ttf") format("truetype"), url("../fonts/Raleway-ExtraLight.svg#Raleway-ExtraLight") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-Light";
  src: url("../fonts/Raleway-Light.eot");
  src: url("../fonts/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Light.woff") format("woff"), url("../fonts/Raleway-Light.ttf") format("truetype"), url("../fonts/Raleway-Light.svg#Raleway-Light") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-Medium";
  src: url("../fonts/Raleway-Medium.eot");
  src: url("../fonts/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway-Medium.ttf") format("truetype"), url("../fonts/Raleway-Medium.svg#Raleway-Medium") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-Regular";
  src: url("../fonts/Raleway-Regular.eot");
  src: url("../fonts/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.ttf") format("truetype"), url("../fonts/Raleway-Regular.svg#Raleway-Regular") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-SemiBold";
  src: url("../fonts/Raleway-SemiBold.eot");
  src: url("../fonts/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-SemiBold.woff") format("woff"), url("../fonts/Raleway-SemiBold.ttf") format("truetype"), url("../fonts/Raleway-SemiBold.svg#Raleway-SemiBold") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Raleway-Thin";
  src: url("../fonts/Raleway-thin.eot");
  src: url("../fonts/Raleway-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-thin.woff") format("woff"), url("../fonts/Raleway-thin.ttf") format("truetype"), url("../fonts/Raleway-thin.svg#Raleway-Thin") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "violescent";
  src: url("../fonts/violescent.eot");
  src: url("../fonts/violescent.eot?#iefix") format("embedded-opentype"), url("../fonts/violescent.woff") format("woff"), url("../fonts/violescent.ttf") format("truetype"), url("../fonts/violescent.svg#violescent") format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "violescent";
  src: url("../fonts/violescent.eot?4cvegj");
  src: url("../fonts/violescent.eot?4cvegj#iefix") format("embedded-opentype"), url("../fonts/violescent.ttf?4cvegj") format("truetype"), url("../fonts/violescent.woff?4cvegj") format("woff"), url("../fonts/violescent.svg?4cvegj#violescent") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "violescent" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hire-designer .path1:before {
  content: "";
  color: #dd573c;
}

.icon-hire-designer .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4890;
}

.icon-quotation .path1:before {
  content: "";
  color: #dd573c;
}

.icon-quotation .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4890;
}

.icon-BrowseDesign .path1:before {
  content: "";
  color: #dd573c;
}

.icon-BrowseDesign .path2:before {
  content: "";
  margin-left: -1em;
  color: #dd573c;
}

.icon-BrowseDesign .path3:before {
  content: "";
  margin-left: -1em;
  color: #5c4890;
}

.icon-Custom-Design .path1:before {
  content: "";
  color: #dd573c;
}

.icon-Custom-Design .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4790;
}

.icon-Upload-Design .path1:before {
  content: "";
  color: #dd573c;
}

.icon-Upload-Design .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4790;
}

/***** Reset CSS *****/
body {
  font-family: "Raleway-Regular", sans-serif;
  color: #222222;
  background: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-family: "Raleway-SemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

h1, .h1 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Raleway-Bold", sans-serif;
}

h2, .h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Raleway-Bold", sans-serif;
}

h3, .h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Raleway-Bold", sans-serif;
}

.page-header h1 {
  font-size: 26px;
  font-size: 1.625rem;
}
.page-header h1 small {
  font-size: 65%;
  font-family: "Raleway-SemiBold", sans-serif;
}
.page-header h1 a {
  text-transform: capitalize;
}

.home-header h2 {
  color: #666666;
  font-family: "Raleway-Regular", sans-serif;
  font-size: 44.8px;
  font-size: 2.8rem;
}

.bg-gray {
  background: #eeeeee;
}

b, strong, .text-bold, .font-weight-bold {
  font-weight: normal !important;
  font-family: "Raleway-Bold", sans-serif !important;
}

.font-extra-bold {
  font-family: "Raleway-ExtraBold", sans-serif !important;
}

.text-semi-bold {
  font-family: "Raleway-SemiBold", sans-serif;
}

.card-header {
  background: #f7f7f7;
}
.card-header .card-title {
  color: #21308f;
  font-size: 18px;
  font-size: 1.125rem;
}

.card-title a.btn-link {
  color: #6471c2 !important;
}
.card-title a.btn-link:hover {
  color: #21308f !important;
}

.card-title a {
  color: #333333 !important;
  font-size: 14px;
  font-size: 0.875rem;
}
.card-title a:hover {
  color: #6471c2 !important;
}

.text-body {
  color: #ffffff !important;
}

/*****Produsct Category CSS *****/
.accordion-menu .list-group-item, .accordion .list-group-item {
  border: 0;
  margin-bottom: 0;
  padding: 0 !important;
  margin: 0 1rem !important;
  border-bottom: 1px solid #ddd;
}
.accordion-menu .list-group-item > a, .accordion .list-group-item > a {
  position: relative;
  font-family: "Raleway-Regular", sans-serif;
  color: #222222 !important;
  font-size: 16px;
  font-size: 1rem;
  padding: 0.5rem 0 0.5rem 1rem !important;
}
.accordion-menu .list-group-item > a:after, .accordion .list-group-item > a:after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 6 Pro";
  left: 0px;
  font-weight: bold;
  font-size: 5px;
  top: 16px;
}
.accordion-menu .list-group-item > a[aria-expanded=true]:after, .accordion .list-group-item > a[aria-expanded=true]:after {
  content: "";
  font-size: 14px;
  line-height: 7px;
}
.accordion-menu .list-group-item > a:hover, .accordion-menu .list-group-item > a[aria-expanded=true], .accordion .list-group-item > a:hover, .accordion .list-group-item > a[aria-expanded=true] {
  color: #21308f !important;
}
.accordion-menu .list-group-item > a[aria-expanded=true], .accordion .list-group-item > a[aria-expanded=true] {
  font-family: "Raleway-Bold", sans-serif;
  padding-left: 1.4rem !important;
}
.accordion-menu .list-group-item .list-unstyled, .accordion .list-group-item .list-unstyled {
  margin: 0;
  margin-bottom: 0.5rem;
}
.accordion-menu .list-group-item .list-unstyled li, .accordion .list-group-item .list-unstyled li {
  padding-left: 0.5rem;
}

.sidebar .list-group-item ul li a {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666 !important;
}
.sidebar .list-group-item ul li a:before {
  top: 10px !important;
  content: "" !important;
  font-size: 5px;
  font-weight: bold;
}
.sidebar .list-group-item ul li:hover > a, .sidebar .list-group-item ul li.active > a {
  color: #6471c2 !important;
}
.sidebar .card {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.sidebar .card .card-header {
  position: relative;
  background: #fff !important;
  border-bottom: 0;
}
.sidebar .card .card-header .card-title {
  color: #6471c2;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Raleway-Medium", sans-serif;
  border-bottom: 1px solid #6471c2;
  padding-bottom: 0.6rem;
  position: relative;
}
.sidebar .card .card-header .card-title:after, .sidebar .card .card-header .card-title:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.sidebar .card .card-header .card-title:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
  left: 20px;
}
.sidebar .card .card-header .card-title:before {
  top: 100%;
  border-color: #6471c2 transparent transparent transparent;
  border-width: 8px;
  left: 20px;
}
.sidebar .card#verticalmenu_sidebar .card-body {
  padding: 0 !important;
}
.sidebar .card#myaccount_sidebar .card-body {
  padding: 1rem !important;
  padding-top: 0.3rem !important;
}
.sidebar .card .accordion-menu {
  padding: 0.3rem 0 0.8rem;
}

#straightmenu .list-group .list-group-item > a {
  font-size: 16px;
  font-size: 1rem;
}
#straightmenu .list-group .list-group-item > a:hover {
  color: #6471c2 !important;
}
#straightmenu .list-group .list-group-item .list-unstyled {
  padding-left: 0.5rem;
}
#straightmenu .list-group .list-group-item .list-unstyled li a {
  font-size: 14px;
  font-size: 0.875rem;
}
#straightmenu .list-group .list-group-item .list-unstyled li.active > a, #straightmenu .list-group .list-group-item .list-unstyled li:hover > a {
  color: #21308f !important;
}

/***** vertical menu ******/
#cssmenu .list-group-item > a {
  color: #555555 !important;
}
#cssmenu .list-group-item > ul li a:before {
  display: none;
}
#cssmenu .list-group-item > ul li.has-sub a:before {
  content: "" !important;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  top: 8px !important;
}
#cssmenu .list-group-item > ul li:hover > a {
  color: #21308f !important;
}
#cssmenu .list-group-item > ul li:hover > ul {
  background: #f8f8f8;
}
#cssmenu .list-group-item > ul li.active {
  color: #21308f !important;
}
#cssmenu .list-group-item:hover > a {
  background: #f8f8f8;
  color: #21308f !important;
}
#cssmenu .list-group-item:hover > ul {
  background: #f8f8f8;
}

/***** Top menu CSS******/
.navbar {
  z-index: 999;
  background: #ffffff;
  padding: 1rem 0;
  -webkit-transition: padding 0.2s;
  -moz-transition: padding 0.2s;
  -ms-transition: padding 0.2s;
  -o-transition: padding 0.2s;
  transition: padding 0.2s;
}
.navbar.sticky-header {
  padding: 0.5rem;
  -webkit-transition: padding 0.2s;
  -moz-transition: padding 0.2s;
  -ms-transition: padding 0.2s;
  -o-transition: padding 0.2s;
  transition: padding 0.2s;
}
@media only screen and (min-width: 640px) {
  .navbar .navbar-brand {
    max-width: 170px;
  }
}
@media only screen and (min-width: 800px) {
  .navbar .navbar-brand {
    max-width: 250px;
  }
}
.navbar .cart {
  position: relative;
}
.navbar .cart span {
  position: absolute;
  top: 0;
  right: 0;
}
.navbar #search-toggle-btn {
  color: #222;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0;
  width: 40px;
  line-height: 1.55rem;
}
.navbar #search-toggle-btn i {
  font-weight: bold;
}
.navbar #search-toggle-btn.close-search {
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.navbar #search-toggle-btn.close-search i:before {
  content: "";
}
.navbar .head-search {
  position: unset;
}
@media only screen and (min-width: 768px) {
  .navbar .head-search {
    position: relative;
  }
}
.navbar .head-search .search-toggle {
  width: 100%;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .navbar .head-search .search-toggle {
    width: 0;
    right: 90%;
    top: -12px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    box-shadow: none !important;
    background: tranaparent;
    padding: 0;
  }
  .navbar .head-search .search-toggle .form-control {
    padding: 0;
    width: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: 3px solid transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 45px !important;
  }
  .navbar .head-search .search-toggle.slide-search {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 200px;
  }
  .navbar .head-search .search-toggle.slide-search .form-control {
    width: 100%;
    padding: 0.375rem 0.75rem;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-color: #21308f;
  }
}
.navbar .head-search .search-toggle .header-search .form-control {
  height: 40px;
}
.navbar .head-search .search-toggle .header-search .twitter-typeahead {
  width: 100%;
}
.navbar .head-search .search-toggle .header-search .twitter-typeahead:after {
  display: none;
}
.navbar .head-search .search-toggle .header-search .input-group-append {
  margin-left: 0;
}
.navbar .navbar-nav {
  margin-right: auto !important;
  margin-left: auto !important;
}
.navbar .navbar-nav .nav-item > .nav-link {
  color: #222222;
  border-top: 2px solid transparent;
  padding: 0.8rem 1rem;
  position: relative;
  font-family: "Raleway-SemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-nav .nav-item > .nav-link:before {
    content: "";
    top: 32px;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: transparent;
  }
}
.navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-item.active > .nav-link {
  color: #6471c2 !important;
}
.navbar .navbar-nav .nav-item:hover > .nav-link:before, .navbar .navbar-nav .nav-item.active > .nav-link:before {
  color: #6471c2;
}
.navbar .navbar-nav .nav-item.show > .nav-link {
  color: #6471c2;
  background: #f4f4f4;
  border-color: #6471c2;
}
.navbar .navbar-nav .nav-item.show > .nav-link:before {
  color: transparent;
}
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu {
  right: 0;
  margin: auto !important;
  max-width: 98%;
  border-width: 1px;
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-nav .nav-item.megamenu > .dropdown-menu {
    -webkit-box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
    -moz-box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
    box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
  }
}
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu ul {
  box-shadow: none;
}
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu ul ul li a {
  padding: 0.3rem 0.5rem;
}
.navbar .navbar-nav .nav-item:not(.megamenu) div.dropdown-menu {
  background: #f4f4f4;
}
.navbar .navbar-nav .nav-item .dropdown-menu {
  margin: 0 !important;
  border-width: 0;
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
    -moz-box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
    box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0.5rem 0.8rem;
}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item {
  color: #6471c2 !important;
}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:after {
  color: #6471c2;
}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:hover strong {
  color: #6471c2;
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-nav .nav-item .dropdown-menu li ul {
    -webkit-box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
    -moz-box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
    box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .list-unstyled > li.active > a {
  color: #6471c2 !important;
}

/***** my account menu ******/
#myaccount_menu li a {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #222 !important;
}
#myaccount_menu li.active a, #myaccount_menu li:hover a {
  color: #6471c2 !important;
}

/***** other content CSS *****/
.body-container {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.search-toggle {
  z-index: 9;
}

/***** Nav Tabs CSS *****/
#InfoTab .nav-tabs .nav-item {
  position: relative;
}
#InfoTab .nav-tabs .nav-item .nav-link {
  color: #333333;
  border: 0;
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  padding: 0.8rem 1rem;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 768px) {
  #InfoTab .nav-tabs .nav-item .nav-link {
    padding: 0.8rem 2rem;
  }
}
#InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover {
  background: transparent;
  color: #6471c2;
}
#InfoTab .nav-tabs .nav-item .nav-link.active {
  border-color: #6471c2;
  font-family: "Raleway-SemiBold", sans-serif;
}
#InfoTab .nav-tabs .nav-item .nav-link.active:after, #InfoTab .nav-tabs .nav-item .nav-link.active:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
#InfoTab .nav-tabs .nav-item .nav-link.active:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
  left: 42%;
}
#InfoTab .nav-tabs .nav-item .nav-link.active:before {
  top: 100%;
  border-color: #6471c2 transparent transparent transparent;
  border-width: 8px;
  left: 42%;
}
#InfoTab .nav-tabs .nav-item:before {
  content: "|";
  color: #ddd;
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: 0;
}
#InfoTab .nav-tabs .nav-item:last-child:before {
  display: none;
}

.media-filter.list-inline li {
  position: relative;
}
.media-filter.list-inline li a {
  color: #333333;
  border: 0;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  padding: 0.6rem 0.8rem;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  border-bottom: 1px solid transparent;
  background: transparent;
  margin: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.media-filter.list-inline li a.selected, .media-filter.list-inline li a:hover {
  background: transparent;
  color: #6471c2 !important;
}
.media-filter.list-inline li a.selected {
  border-color: #6471c2;
  font-family: "Raleway-SemiBold", sans-serif;
}
.media-filter.list-inline li a.selected:after, .media-filter.list-inline li a.selected:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.media-filter.list-inline li a.selected:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
  left: 42%;
}
.media-filter.list-inline li a.selected:before {
  top: 100%;
  border-color: #6471c2 transparent transparent transparent;
  border-width: 8px;
  left: 42%;
}

.nav-customtabs li .nav-link {
  color: #333333;
  font-size: 16px;
  font-size: 1rem;
}
.nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover {
  color: #21308f;
}
.nav-customtabs li .nav-link.active:after, .nav-customtabs li .nav-link:hover:after {
  background: #21308f;
}

.tab-content {
  padding-top: 1rem;
}

/***** Top Header Link CSS *****/
.top-links li {
  font-size: 13px;
  font-size: 0.8125rem;
}
.top-links li a {
  padding: 0 0.5rem;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
}
.top-links li a:hover {
  color: #ccc;
}
.top-links li a .badge {
  background: #6471c2;
  width: 20px;
  height: 20px;
  line-height: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0;
}
.top-links li .navbar-text {
  padding: 0;
  color: #fff;
}

/***** CMS Header CSS *****/
.header_cms_page p {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
}
.header_cms_page a {
  font-family: "Raleway-SemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.header_cms_page h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Raleway-Bold", sans-serif;
  color: #222;
  margin-bottom: 1.1rem;
}
.header_cms_page .header-section1 h2 {
  font-size: 30px;
  font-size: 1.875rem;
  color: #6471c2;
  font-family: "Raleway-Regular", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .header_cms_page .header-section1 h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.header_cms_page .header-section2 h2 {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #666666;
  font-family: "Raleway-Regular", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .header_cms_page .header-section2 h2 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.header_cms_page .header-section2 a {
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  padding: 0.5rem 1.5rem;
}
.header_cms_page .header-section2 a.btn-outline-info {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
.header_cms_page .header-section2 a.btn-outline-info i {
  visibility: hidden;
  opacity: 0;
  color: #6471c2;
}
.header_cms_page .header-section2 a.btn-outline-info:hover, .header_cms_page .header-section2 a.btn-outline-info:focus, .header_cms_page .header-section2 a.btn-outline-info:active {
  color: #6471c2;
  background: transparent;
  padding: 0.5rem 1.5rem;
}
.header_cms_page .header-section2 a.btn-outline-info:hover i, .header_cms_page .header-section2 a.btn-outline-info:focus i, .header_cms_page .header-section2 a.btn-outline-info:active i {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.header_cms_page .header-section2 .products {
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
}
.header_cms_page .header-section2 .products h2 {
  font-size: 34px;
  font-size: 2.125rem;
  font-family: "Raleway-ExtraBold", sans-serif;
  color: #222;
  line-height: 40px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1248px) {
  .header_cms_page .header-section2 .products h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1440px) {
  .header_cms_page .header-section2 .products h2 {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 60px;
  }
}
.header_cms_page .header-section2 .products p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1440px) {
  .header_cms_page .header-section2 .products p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.header_cms_page .header-section2 .products img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  filter: blur(0px);
  filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="0" /></filter></svg>#blur');
  /* Firefox, Safari, Chrome*/
  filter: progid:DXImageTransform.Microsoft.Blur(Strength=$radius);
  /* IE9 */
  -webkit-filter: blur(0px);
  /* Chrome, Safari */
  -ms-filter: blur(0px);
  /* IE */
  -o-filter: blur(0px);
  /* Opera */
  -moz-filter: blur(0px);
  /* Mozilla */
}
.header_cms_page .header-section2 .products.product1 {
  background: url(../images/product1-banner.jpg);
  background-size: cover;
}
.header_cms_page .header-section2 .products.product2 {
  background: url(../images/product2-banner.jpg);
  background-size: cover;
}
.header_cms_page .header-section2 .products.product3 {
  background: url(../images/t-shirt-bg.jpg);
  background-size: cover;
}
.header_cms_page .header-section2 .products.product4 {
  background: url(../images/mug-bg.jpg);
  background-size: cover;
}
.header_cms_page .header-section2 .products.product5 {
  background: url(../images/cap-bg.jpg);
  background-size: cover;
}
.header_cms_page .header-section2 .products:hover img {
  -moz-transform: translate(20px, 15px);
  -o-transform: translate(20px, 15px);
  -ms-transform: translate(20px, 15px);
  -webkit-transform: translate(20px, 15px);
  transform: translate(20px, 15px);
}

/* Middle Footer CSS */
.our_clients img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.our_clients img:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.offer-section h2 {
  font-family: "Raleway-ExtraBold", sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .offer-section h2 {
    font-size: 55px;
    font-size: 3.4375rem;
  }
}
.offer-section h4 {
  font-size: 32px;
  font-size: 2rem;
  font-family: "Raleway-Medium", sans-serif;
}
.offer-section h4 span {
  font-family: "Raleway-Bold", sans-serif;
}
.offer-section p {
  font-size: 26px;
  font-size: 1.625rem;
}
.offer-section .coupon-code {
  display: inline-block;
  font-family: "Raleway-Bold", sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  padding: 0.2rem 1.5rem;
  border: 2px dashed #fff;
}

.client-cont {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .client-cont:before {
    content: "";
    background: #bdbdbd;
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
  }
}
.client-cont .bg-gray {
  background: #eeeeee;
}
.client-cont .bg-darkgray {
  background: #bdbdbd;
}
.client-cont .services h3 {
  font-size: 22.4px;
  font-size: 1.4rem;
  font-family: "Raleway-ExtraBold", sans-serif;
  color: #222;
  margin-top: 1rem;
}
.client-cont .services .border-right, .client-cont .services .border-bottom {
  border-color: transparent !important;
}
@media only screen and (min-width: 768px) {
  .client-cont .services .border-right, .client-cont .services .border-bottom {
    border-color: #bdbdbd !important;
  }
}
.client-cont .services .service {
  cursor: pointer;
}
.client-cont .services .service:hover i {
  -webkit-animation: flip_icon 1s ease-out 20ms;
  -moz-animation: flip_icon 1s ease-out 20ms;
  -ms-animation: flip_icon 1s ease-out 20ms;
  -o-animation: flip_icon 1s ease-out 20ms;
  animation: flip_icon 1s ease-out 20ms;
}

.testimonial_home #testimonial_sidebar.card {
  border: 0;
  margin: 0 !important;
  background: transparent;
  text-align: center;
}
.testimonial_home #testimonial_sidebar.card .card-header {
  display: none;
}
.testimonial_home #testimonial_sidebar.card .card-body {
  padding: 2rem 0 1.25rem;
  position: relative;
}
.testimonial_home #testimonial_sidebar.card .card-body blockquote {
  color: #fff;
}
.testimonial_home #testimonial_sidebar.card .card-body blockquote p {
  font-size: 16px;
  font-size: 1rem;
}
.testimonial_home #testimonial_sidebar.card .card-body blockquote small {
  font-size: 18px;
  font-size: 1.125rem;
  color: #21308f;
  font-family: "Raleway-ExtraBold", sans-serif;
}
.testimonial_home #testimonial_sidebar.card .card-body:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 50px;
  font-size: 3.125rem;
  top: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: #fff;
  display: block;
  margin-bottom: 1.5rem;
}
.testimonial_home #testimonial_sidebar.card .card-footer {
  padding: 0.75rem 0;
  background: transparent;
  border: 0;
  display: flex;
  justify-content: center;
}
.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls {
  display: flex;
  padding-right: 0.9rem;
}
.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-prev,
.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-next {
  display: block;
  left: auto;
  width: 30px;
  position: relative;
}
.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-prev-icon {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-next-icon {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.testimonial_home #testimonial_sidebar.card .card-footer a {
  color: #fff;
}
.testimonial_home #testimonial_sidebar.card .card-footer a:hover {
  color: #21308f;
}
.testimonial_home .bg-text h2 {
  color: #dee3e8;
}

/***** Footer CSS *****/
.footer-content #contactus_sidebar {
  background: transparent;
  color: #8a8a8a;
  border: 0;
}
.footer-content #contactus_sidebar .card-header {
  display: none;
}
.footer-content #contactus_sidebar .card-body {
  background: transparent;
  color: #8a8a8a;
  border: 0;
}
.footer-content #contactus_sidebar .card-body ul li a {
  display: flex;
  align-items: baseline;
}
.footer-content .social_icon ul li {
  display: inline-block;
  margin-right: 0.5rem;
  width: auto;
}
.footer-content .social_icon ul li a {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 1px solid;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0;
}
.footer-content .social_icon ul li a.facebook {
  background: #1c46a3;
  border-color: #1c46a3;
}
.footer-content .social_icon ul li a.facebook:hover {
  color: #1c46a3;
  background: #ffffff;
}
.footer-content .social_icon ul li a.instagram {
  background: #fa59cf;
  border-color: #fa59cf;
}
.footer-content .social_icon ul li a.instagram:hover {
  color: #fa59cf;
  background: #ffffff;
}
.footer-content .social_icon ul li a.tweeter {
  background: #69c3cc;
  border-color: #69c3cc;
}
.footer-content .social_icon ul li a.tweeter:hover {
  color: #69c3cc;
  background: #ffffff;
}
.footer-content .social_icon ul li a.pintrest {
  background: #f1675d;
  border-color: #f1675d;
}
.footer-content .social_icon ul li a.pintrest:hover {
  color: #f1675d;
  background: #ffffff;
}
.footer-content .social_icon ul li a.linkedin {
  background: #317ebf;
  border-color: #317ebf;
}
.footer-content .social_icon ul li a.linkedin:hover {
  color: #317ebf;
  background: #ffffff;
}
.footer-content ul {
  padding: 0;
  margin: 0;
}
.footer-content ul li {
  display: block;
  list-style-type: none;
  width: 100%;
}
.footer-content ul li a {
  padding: 0.3rem 0;
  display: inline-block;
  color: #8a8a8a;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Raleway-Medium", sans-serif;
}
.footer-content ul li a.active, .footer-content ul li a:hover {
  color: #21308f;
}
.footer-content ul.list-unstyled > li {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer-content ul.list-unstyled > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}
.footer-content ul.list-unstyled > li a {
  position: relative;
  padding-left: 1rem;
}
.footer-content ul.list-unstyled > li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  background: #8a8a8a;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.footer-content ul.list-unstyled > li a:hover:before {
  background: #21308f;
}
.footer-content .bottom-links .list-inline-item {
  display: block;
  margin: 0;
  padding: 0;
}
.footer-content h4 {
  position: relative;
  margin-bottom: 0 !important;
  padding-bottom: 0.8rem;
  color: #666666;
  font-family: "Raleway-Black", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #8a8a8a;
  text-transform: uppercase;
}
.footer-content .card {
  border: 0;
  margin: 0 !important;
}
.footer-content .card .card-header {
  padding: 0;
  background: transparent;
  border: 0;
}
.footer-content .card .card-body {
  padding: 0;
}
.footer-content .nav li {
  position: relative;
}
.footer-content .nav li a {
  padding-left: 1.2rem;
  position: relative;
}
.footer-content .nav li a:before {
  content: "-";
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
}
.footer-content .nav li a:hover:before {
  color: rgba(255, 255, 255, 0.54);
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 {
  flex-basis: 100%;
  max-width: 100%;
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 h3 {
  position: relative;
  margin-bottom: 0 !important;
  padding-bottom: 1rem;
  color: #666666;
  font-family: "Raleway-Bold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #8a8a8a;
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group {
  position: relative;
  border: 2px solid #fff;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group input {
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  width: 100%;
  position: relative;
  border-color: #fff;
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button {
  position: absolute;
  right: 0;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  padding: 0.375rem 1.5rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Raleway-Bold", sans-serif;
  z-index: 11;
  background: #6471c2;
  border-color: #6471c2;
  height: 45px;
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:hover, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:focus, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled):active, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled).active, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled):active:focus {
  background: #4553ae;
  border-color: #4553ae;
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:hover:before, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:focus:before, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled):active:before, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled).active:before, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled):active:focus:before {
  background: #4553ae;
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button.disabled, .footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:disabled {
  background: #6471c2;
  border-color: #6471c2;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.footer-content .footer-social ul li {
  display: inline-block;
  width: auto;
  padding: 0 1rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-content .footer-social ul li a {
  display: inline-block;
  font-size: 28px;
  font-size: 1.75rem;
}
.footer-content .footer-social ul li:last-child {
  border-right: 0;
}
@media only screen and (min-width: 1024px) {
  .footer-content .footer-social ul li {
    padding: 0 1.5rem;
  }
}

footer {
  background: #d4d4d4;
}
footer .bottom-links {
  text-align: center;
}
footer a {
  color: #8a8a8a;
  display: inline-block;
  padding: 0 0.6rem;
  border-left: 1px solid #999;
  line-height: 14px;
}
footer a:hover {
  color: #6471c2;
}
footer a:first-child {
  padding-left: 0;
  border-left: 0;
}
footer .text-muted {
  color: #999 !important;
}

.subscribe .card {
  margin: 0 !important;
  background: transparent;
  border: 0;
}
.subscribe .card .card-header {
  text-align: center;
  background: url(../images/MailingList.png) no-repeat;
  border: 0;
  margin-bottom: 2rem;
  background-size: 70% auto;
  background-position: center;
}
@media only screen and (min-width: 1248px) {
  .subscribe .card .card-header {
    background-size: 40% auto;
  }
}
.subscribe .card .card-header .card-title {
  color: #333333;
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "Raleway-Bold", sans-serif;
  line-height: 2;
}
@media only screen and (min-width: 768px) {
  .subscribe .card .card-header .card-title {
    font-size: 44px;
    font-size: 2.75rem;
  }
}
.subscribe .card .card-header .card-title p {
  font-size: 14px;
  font-size: 0.875rem;
}
.subscribe .card .card-body {
  text-align: center;
  padding: 0;
}
.subscribe .card .card-body .btn-primary {
  margin-top: 1rem;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0.8rem 2rem;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "Raleway-SemiBold", sans-serif;
}
.subscribe .card .card-body .help-block {
  display: none;
}
.subscribe .card .card-body .form-group .form-control {
  background: #eaeaea;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.subscribe .card .card-body .form-group .form-control:focus ~ .col-form-label {
  background: #eaeaea;
}
.subscribe .card .card-body .form-group .input-group-append .input-group-text {
  background: #eaeaea !important;
}
.subscribe .card .card-body .form-group .col-form-label {
  background: transparent;
}

/***** Action Button CSS *****/
.browse_design, .upload_design, .custom_design, .hire_designer, .quote_product {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-width: 2px !important;
  background: #fff !important;
  border-color: #666666 !important;
}
.browse_design a, .upload_design a, .custom_design a, .hire_designer a, .quote_product a {
  padding: 1rem !important;
  color: #666666 !important;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.browse_design a span, .upload_design a span, .custom_design a span, .hire_designer a span, .quote_product a span {
  color: #666666 !important;
}
.browse_design a i, .upload_design a i, .custom_design a i, .hire_designer a i, .quote_product a i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.browse_design a i {
  background: transparent !important;
}
.browse_design a i:before {
  content: "";
  font-family: "violescent" !important;
  color: #21308f;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.browse_design a i:after {
  content: "";
  font-family: "violescent" !important;
  margin-left: -1em;
  color: #6471c2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.browse_design:hover {
  background: transparent;
}
.browse_design:hover a {
  color: #21308f !important;
}
.browse_design:hover a span {
  color: #21308f !important;
}
.browse_design:hover a i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.browse_design:hover a i:before {
  color: #6471c2;
}
.browse_design:hover a i:after {
  color: #21308f;
}

.upload_design a i {
  background: transparent !important;
}
.upload_design a i:before {
  content: "";
  font-family: "violescent" !important;
  color: #6471c2;
}
.upload_design a i:after {
  content: "";
  font-family: "violescent" !important;
  margin-left: -1em;
  color: #21308f;
}
.upload_design:hover {
  background: transparent;
}
.upload_design:hover a {
  color: #6471c2 !important;
}
.upload_design:hover a span {
  color: #6471c2 !important;
}
.upload_design:hover a i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.upload_design:hover a i:before {
  color: #21308f;
}
.upload_design:hover a i:after {
  color: #6471c2;
}

.custom_design a i {
  background: transparent;
}
.custom_design a i:before {
  content: "";
  font-family: "violescent" !important;
  color: #6471c2;
}
.custom_design a i:after {
  content: "";
  font-family: "violescent" !important;
  margin-left: -1em;
  color: #21308f;
}
.custom_design:hover a {
  color: #6471c2 !important;
}
.custom_design:hover a span {
  color: #6471c2 !important;
}
.custom_design:hover a i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.custom_design:hover a i:before {
  color: #21308f;
}
.custom_design:hover a i:after {
  color: #6471c2;
}

.hire_designer a i {
  background: transparent;
}
.hire_designer a i:before {
  content: "";
  font-family: "violescent" !important;
  color: #6471c2;
}
.hire_designer a i:after {
  content: "";
  font-family: "violescent" !important;
  margin-left: -1em;
  color: #21308f;
}
.hire_designer:hover {
  background: transparent;
}
.hire_designer:hover a {
  color: #21308f !important;
}
.hire_designer:hover a span {
  color: #21308f !important;
}
.hire_designer:hover a i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.hire_designer:hover a i:before {
  color: #21308f;
}
.hire_designer:hover a i:after {
  color: #6471c2;
}

.quote_product a i {
  background: transparent;
}
.quote_product a i:before {
  content: "";
  font-family: "violescent" !important;
  color: #6471c2;
}
.quote_product a i:after {
  content: "";
  font-family: "violescent" !important;
  margin-left: -1em;
  color: #21308f;
}
.quote_product:hover {
  background: transparent;
}
.quote_product:hover a {
  color: #333333 !important;
}
.quote_product:hover a span {
  color: #333333 !important;
}
.quote_product:hover a i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.quote_product:hover a i:before {
  color: #21308f;
}
.quote_product:hover a i:after {
  color: #6471c2;
}

.btn-title-text.browse_design, .btn-title-text.upload_design, .btn-title-text.custom_design, .btn-title-text.quote_product, .btn-title-text.hire_designer {
  padding: 0 !important;
}
.btn-title-text.browse_design:hover, .btn-title-text.upload_design:hover, .btn-title-text.custom_design:hover, .btn-title-text.quote_product:hover, .btn-title-text.hire_designer:hover {
  -webkit-box-shadow: 0 0 5px 1px #73797D;
  -moz-box-shadow: 0 0 5px 1px #73797D;
  box-shadow: 0 0 5px 1px #73797D;
}
.btn-title-text.browse_design a, .btn-title-text.upload_design a, .btn-title-text.custom_design a, .btn-title-text.quote_product a, .btn-title-text.hire_designer a {
  padding: 0.5rem 1rem !important;
}
.btn-title-text.browse_design a i, .btn-title-text.upload_design a i, .btn-title-text.custom_design a i, .btn-title-text.quote_product a i, .btn-title-text.hire_designer a i {
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  line-height: 20px;
}
.btn-title-text.browse_design a i:before, .btn-title-text.upload_design a i:before, .btn-title-text.custom_design a i:before, .btn-title-text.quote_product a i:before, .btn-title-text.hire_designer a i:before {
  content: "";
  color: #fff;
  font-family: "Font Awesome 6 Pro" !important;
}
.btn-title-text.browse_design a i:after, .btn-title-text.upload_design a i:after, .btn-title-text.custom_design a i:after, .btn-title-text.quote_product a i:after, .btn-title-text.hire_designer a i:after {
  display: none;
}
.btn-title-text .h4 {
  font-size: 18px;
  font-size: 1.125rem;
}
.btn-title-text.browse_design {
  background: #21308f !important;
  border: 1px solid #21308f !important;
}
.btn-title-text.browse_design a .h4, .btn-title-text.browse_design a i {
  color: #ffffff !important;
}
.btn-title-text.browse_design:hover {
  background: transparent !important;
}
.btn-title-text.browse_design:hover a .h4 {
  color: #21308f !important;
}
.btn-title-text.browse_design:hover a i:before {
  color: #21308f !important;
}
.btn-title-text.upload_design {
  background: #6471c2 !important;
  border: 1px solid #6471c2 !important;
}
.btn-title-text.upload_design a .h4, .btn-title-text.upload_design a i {
  color: #ffffff !important;
}
.btn-title-text.upload_design:hover {
  background: transparent !important;
}
.btn-title-text.upload_design:hover a .h4 {
  color: #6471c2 !important;
}
.btn-title-text.upload_design:hover a i:before {
  color: #6471c2 !important;
}
.btn-title-text.custom_design {
  background: #6471c2 !important;
  border: 1px solid #6471c2 !important;
}
.btn-title-text.custom_design a .h4, .btn-title-text.custom_design a i {
  color: #ffffff !important;
}
.btn-title-text.custom_design:hover {
  background: transparent !important;
}
.btn-title-text.custom_design:hover a .h4 {
  color: #6471c2 !important;
}
.btn-title-text.custom_design:hover a i:before {
  color: #6471c2 !important;
}
.btn-title-text.hire_designer {
  background: #21308f !important;
  border: 1px solid #21308f !important;
}
.btn-title-text.hire_designer a .h4, .btn-title-text.hire_designer a i {
  color: #ffffff !important;
}
.btn-title-text.hire_designer:hover {
  background: transparent !important;
}
.btn-title-text.hire_designer:hover a .h4 {
  color: #21308f !important;
}
.btn-title-text.hire_designer:hover a i:before {
  color: #21308f !important;
}
.btn-title-text.quote_product {
  background: #333333 !important;
  border: 1px solid #333333 !important;
}
.btn-title-text.quote_product a .h4 {
  color: #ffffff !important;
}
.btn-title-text.quote_product:hover {
  background: transparent !important;
}
.btn-title-text.quote_product:hover a .h4 {
  color: #333333 !important;
}
.btn-title-text.quote_product:hover a i:before {
  color: #333333 !important;
}

/***** Product Hover Effact CSS *****/
.flip3d .card-header {
  background: #21308f;
}
.flip3d .card-header h3 {
  font-family: "Raleway-SemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
}
.flip3d .card-header a:hover h3 {
  color: #ccc;
}

.product-box .card .card-body .card-title {
  font-family: "Raleway-SemiBold", sans-serif;
  color: #21308f !important;
}
.product-box .card .card-body .card-text {
  color: #222222;
}
.product-box .card .card-body .card-text strong {
  color: #222222;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
}
.product-box .card .card-body .card-text p {
  font-size: 14px;
  font-size: 0.875rem;
}
.product-box .card.slide-hover .card-body .card-title, .product-box .card.triangle-slide-overlay .card-body .card-title {
  color: #ffffff !important;
}
.product-box .card.slide-hover .card-body .card-text, .product-box .card.triangle-slide-overlay .card-body .card-text {
  color: #ffffff;
}
.product-box .card.slide-hover .card-body .card-text strong, .product-box .card.triangle-slide-overlay .card-body .card-text strong {
  color: #ffffff;
}
.product-box .card.slide-hover .card-body .card-title {
  background: #21308f !important;
}
.product-box .card.slide-hover .card-body .card-title:after {
  background: #172266;
}
.product-box .card.slideup:hover {
  border-color: #21308f;
}
.product-box .card.slideup .card-body {
  background: #21308f !important;
}
.product-box .card.slideup .card-body .card-title {
  color: #ffffff !important;
}
.product-box .card.hover-box-shadow {
  border-color: transparent;
}
.product-box .card.hover-box-shadow .thumbnail {
  border: 1px solid #ddd;
}
.product-box .card.hover-box-shadow .btn-info {
  color: #6471c2;
  font-size: 14px;
  font-size: 0.875rem;
  background: none;
  border: none;
  padding-left: 0.1rem;
  font-family: "Raleway-Bold", sans-serif;
}
.product-box .card.hover-box-shadow .btn-info i {
  visibility: hidden;
  opacity: 0;
  color: #21308f;
}
.product-box .card.hover-box-shadow .btn-info:hover, .product-box .card.hover-box-shadow .btn-info:focus, .product-box .card.hover-box-shadow .btn-info:active {
  color: #21308f;
  background: transparent;
  padding-left: 1rem;
  background: rgba(0, 0, 0, 0.05);
}
.product-box .card.hover-box-shadow .btn-info:hover i, .product-box .card.hover-box-shadow .btn-info:focus i, .product-box .card.hover-box-shadow .btn-info:active i {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.product-box .card.hover-box-shadow .btn-info:before {
  display: none;
}
.product-box .card.hover-box-shadow .card-title {
  font-size: 17px;
  font-size: 1.0625rem;
  color: #222 !important;
  font-family: "Raleway-Bold", sans-serif;
}
.product-box .card.hover-box-shadow .card-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0.5rem;
}
.product-box .card.hover-box-shadow .card-body .card-text {
  display: none;
}
.product-box .card.hover-box-shadow .card-footer {
  padding: 0 !important;
}
.product-box .card.hover-box-shadow:hover .btn-info {
  color: #21308f;
  background: transparent;
  padding-left: 1rem;
  background: rgba(0, 0, 0, 0.05);
}
.product-box .card.hover-box-shadow:hover .btn-info i {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.product-box .card.title-top {
  border-color: transparent;
}
.product-box .card.title-top .card-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Raleway-SemiBold", sans-serif;
  text-transform: capitalize;
}

.slide-hover .card-title {
  color: #ffffff !important;
}

.hover-box-shadow .card-title {
  color: #555555 !important;
  font-family: "Raleway-SemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

/* Animation CSS */
@-webkit-keyframes flip_icon {
  0% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip_icon {
  0% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-ms-keyframes flip_icon {
  0% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-o-keyframes flip_icon {
  0% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip_icon {
  0% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -moz-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -o-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -ms-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(100px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/* Common CSS */
.cart a {
  font-size: 24px;
}

/* Date Picker CSS */
.bootstrap-datetimepicker-widget table th {
  font-size: 13px;
  font-size: 0.8125rem;
}
.bootstrap-datetimepicker-widget table td {
  font-size: 13px;
  font-size: 0.8125rem;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background: #6471c2;
}

.treeview li .act {
  color: #6471c2 !important;
}
.treeview li a:hover {
  color: #6471c2 !important;
}

#templatelist > .row > .col-md-4 .card {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#templatelist > .row > .col-md-4 .card .card-header {
  position: relative;
  background: #fff !important;
  border-bottom: 0;
}
#templatelist > .row > .col-md-4 .card .card-header .card-title {
  color: #6471c2;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Raleway-Medium", sans-serif;
  border-bottom: 1px solid #6471c2;
  padding-bottom: 0.6rem;
  position: relative;
}
#templatelist > .row > .col-md-4 .card .card-header .card-title:after, #templatelist > .row > .col-md-4 .card .card-header .card-title:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
#templatelist > .row > .col-md-4 .card .card-header .card-title:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
  left: 20px;
}
#templatelist > .row > .col-md-4 .card .card-header .card-title:before {
  top: 100%;
  border-color: #6471c2 transparent transparent transparent;
  border-width: 8px;
  left: 20px;
}
#templatelist > .row > .col-md-4 .card .card-body {
  padding-left: 1rem !important;
}
#templatelist > .row > .col-md-4 a:hover, #templatelist > .row > .col-md-4 a.act {
  color: #6471c2;
}

#filter_orientation.card {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#filter_orientation.card .card-header {
  position: relative;
  background: #fff !important;
  border-bottom: 0;
}
#filter_orientation.card .card-header .card-title {
  color: #6471c2;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Raleway-Medium", sans-serif;
  border-bottom: 1px solid #6471c2;
  padding-bottom: 0.6rem;
  position: relative;
}
#filter_orientation.card .card-header .card-title:after, #filter_orientation.card .card-header .card-title:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
#filter_orientation.card .card-header .card-title:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
  left: 20px;
}
#filter_orientation.card .card-header .card-title:before {
  top: 100%;
  border-color: #6471c2 transparent transparent transparent;
  border-width: 8px;
  left: 20px;
}
#filter_orientation.card .card-body {
  padding: 1.25rem 0.8rem !important;
}

#designer_template_category li a:hover, #designer_template_category li a.p_act {
  color: #6471c2;
}

.form-control:focus + .input-group-append .input-group-text {
  border-color: #21308f;
}
.form-control:focus ~ .col-form-label {
  color: #21308f;
}

/*Breadcrumb CSS*/
.breadcrumb_container .breadcrumb li a {
  color: #333333;
}
.breadcrumb_container .breadcrumb li a:hover {
  color: #6471c2;
}
.breadcrumb_container .breadcrumb li.active .a {
  color: #6471c2;
}

.card-footer .carousel-control-next, .card-footer .carousel-control-prev {
  width: 7%;
}

#product_price h4, #faq_details h4 {
  color: #21308f !important;
}

.top-header .bootstrap-select {
  margin-left: 0.5rem !important;
}
.top-header .bootstrap-select .dropdown-menu {
  z-index: 9999 !important;
}
.top-header .bootstrap-select > .dropdown-toggle {
  padding: 0 0.75rem;
}
.top-header .contact-links {
  margin-bottom: 0;
}
.top-header .contact-links a {
  color: #fff;
  display: inline-block;
  margin-right: 1.2rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.top-header .contact-links a i {
  margin-right: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
}
.top-header .contact-links a:hover {
  color: #ccc;
}
.top-header .top-social {
  margin-bottom: 0;
  padding-left: 0;
}
.top-header .top-social li {
  display: inline;
}
.top-header .top-social li a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 0.9rem;
}
.top-header .top-social li a:hover {
  color: rgba(255, 255, 255, 0.6);
}

/***** Media Query *****/
@media only screen and (min-width: 1440px) {
  .container {
    max-width: 1400px;
  }
}

.row {
  word-break: break-word;
}

.popover.show {
  max-width: 290px !important;
}
@media only screen and (min-width: 768px) {
  .popover.show {
    max-width: 350px !important;
  }
}

.call-help a {
  color: #6471c2;
}
.call-help a .text-call {
  color: #777777;
  font-weight: 600;
}
.call-help a .text-bold {
  font-size: 16px;
  font-size: 1rem;
}
.call-help a:hover, .call-help a:focus {
  color: #21308f;
}
.call-help a:hover .text-bold, .call-help a:focus .text-bold {
  color: #21308f;
}
.call-help a:hover .text-call, .call-help a:focus .text-call {
  color: #6471c2;
}

.slick-next {
  right: -10px;
}
@media only screen and (min-width: 768px) {
  .slick-next {
    right: -25px;
  }
}

.slick-prev {
  left: -10px;
}
@media only screen and (min-width: 768px) {
  .slick-prev {
    left: -25px;
  }
}

#top-banner .carousel-indicators {
  left: auto;
  margin-right: 2%;
}
#top-banner .carousel-indicators li {
  background-color: #fff;
  opacity: 1;
  width: 60px;
  height: 7px;
}
#top-banner .carousel-indicators li.active {
  background-color: #21308f;
}

#product_category .hover-box-shadow, #product_list_without_category .hover-box-shadow {
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#sitemap ul li a:hover {
  color: #6471c2;
}

.price_calculator .bootstrap-select .dropdown-toggle {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding-left: 0;
  font-size: 16px;
  font-size: 1rem;
}
.price_calculator .bootstrap-select .dropdown-toggle:focus {
  border-color: #21308f;
}
.price_calculator .bootstrap-select.show .dropdown-toggle {
  border-color: #21308f;
}
.price_calculator .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding-left: 0;
  font-size: 16px;
  font-size: 1rem;
}
.price_calculator label {
  color: #21308f;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Raleway-SemiBold", sans-serif;
  margin-bottom: 0;
}
.price_calculator .calcrow .col-4 {
  align-self: center;
}

.price_calculator .card-title, #shopping_accordion .card-title {
  font-size: 16px;
  font-size: 1rem;
}
.price_calculator .card-title a, #shopping_accordion .card-title a {
  font-size: 16px;
  font-size: 1rem;
  color: #21308f !important;
}
.price_calculator .card-title a:hover, #shopping_accordion .card-title a:hover {
  color: #21308f !important;
}

.content-box {
  font-family: "Raleway-SemiBold", sans-serif;
}

.top-cart {
  position: relative;
}
.top-cart #poplogin {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  background: #eee;
  color: #222;
  font-size: 16px;
  font-size: 1rem;
  padding: 0.4rem 1.5rem;
  -webkit-box-shadow: 0 1px 0 0 rgba(213, 86, 50, 0.4);
  -moz-box-shadow: 0 1px 0 0 rgba(213, 86, 50, 0.4);
  box-shadow: 0 1px 0 0 rgba(213, 86, 50, 0.4);
}
.top-cart #poplogin i {
  display: none;
}
.top-cart #poplogin:hover, .top-cart #poplogin:focus {
  background: #6471c2;
  background-color: #6471c2;
  background: linear-gradient(to right, #6471c2, #21308f);
  background: -webkit-linear-gradient(to right, #6471c2, #21308f);
  background: -moz-linear-gradient(to right, #6471c2, #21308f);
  background: -ms-linear-gradient(to right, #6471c2, #21308f);
  background: -o-linear-gradient(to right, #6471c2, #21308f);
  color: #fff;
}
.top-cart .head-cart {
  display: inline-block;
  color: #999;
  vertical-align: middle;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 0.5rem;
}
.top-cart .head-cart:hover {
  color: #6471c2;
}
.top-cart .head-cart .badge {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  top: -3px;
  right: -5px;
  height: 22px;
  width: 22px;
  padding: 0;
  line-height: 1.3rem;
  font-size: 13px;
  font-size: 0.8125rem;
}

#templatelist > .row > .col-md-4 .card-title {
  font-family: "Raleway-SemiBold", sans-serif;
}
#templatelist > .row #templates_listing_area .card .card-body {
  justify-content: center;
}

.btn-group .btn {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.animated {
  visibility: hidden;
  opacity: 0;
}
.animated.fadeInUp, .animated.fadeInDown, .animated.fadeInLeft, .animated.fadeInRight, .animated.fadeIn {
  visibility: visible;
  opacity: 1;
}

#templatelist .card-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Raleway-Regular", sans-serif;
}

.product-box .thumbnail .caption small {
  font-size: 100%;
}

.popover #login_sidebar {
  border: 0;
}

.testimonial-section .card .card-footer {
  position: static;
  padding: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'/%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.testimonial-section .card .card-footer .carousel-control-prev-icon {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.testimonial-section .card .card-footer .carousel-control-next-icon {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.testimonial-section .card .card-footer span.float-right {
  display: none;
}
.testimonial-section .card .card-footer .carousel-controls .carousel-control-prev {
  left: 3%;
}
.testimonial-section .card .card-footer .carousel-controls .carousel-control-next {
  left: auto;
  right: 3%;
}
.testimonial-section .card .card-footer .carousel-controls .carousel-control-next, .testimonial-section .card .card-footer .carousel-controls .carousel-control-prev {
  width: 35px;
  height: 35px;
  background: #6471c2;
  margin: auto;
  opacity: 1;
  filter: alpha(opacity=100);
}
.testimonial-section .card .card-footer .carousel-controls .carousel-control-next:hover, .testimonial-section .card .card-footer .carousel-controls .carousel-control-prev:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/*# sourceMappingURL=theme.css.map */