@charset "UTF-8";
/*This is Header CSS*/
.header_row {
  position: absolute;
  right: 104px;
}

.hide {
  display: none;
  transition: all 5s ease;
}

.menubar {
  margin-top: 44px;
  margin-right: 2px;
}

.menuicon {
  position: relative;
}

.menuicon1 {
  position: relative;
}

.navbar {
  z-index: 999;
  position: relative;
  padding: 0.5rem 0;
}

.navbar-brand {
  margin-top: 15px;
}

.navbar-nav {
  position: relative;
  top: 4px;
  right: -5px;
  font-weight: bold;
  color: black;
}

.navbar-light .navbar-nav .nav-link {
  color: #252525;
  padding: 0 1rem;
}

.nav-toggle-button {
  margin-right: 39px;
}

.nav-toggler {
  background-image: url("../images/nav-toggler.svg");
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -21px;
  left: 41px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media (min-width: 576px) and (max-width: 767px) {
  .nav-toggler {
    top: 45px;
  }
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
  color: #8698A2;
}

.listgroup {
  position: absolute;
}

.list-group-item, a {
  color: #000;
}

.navbar-light .navbar-nav .close1 {
  margin-right: -31px;
}

.navbar-nav .sub-menu-parent .list-group-item a, .navbar-nav .dropdown .dropdown-menu a {
  padding: 0.75rem 1.25rem;
  display: block;
  margin-bottom: -1px;
}

.navbar-nav .sub-menu-parent .list-group-item {
  padding: 0;
}

.navbar-nav .dropdown > ul.dropdown-menu1 li:hover a,
.navbar-nav .dropdown > ul.dropdown-menu2 .dropdown-li:hover a, .navbar-nav .dropdown > ul.dropdown-menu1 li.active a {
  background-color: #0081FF !important;
  color: #fff !important;
}

.navbar-nav .dropdown .sub-menu-list .sub-dropdown .dropdown-menu li:hover a, .navbar-nav .dropdown .sub-menu-list:hover,
.navbar-nav .dropdown > ul.dropdown-menu2 .dropdown-li.active a, .navbar-nav .dropdown > ul.dropdown-menu2 .sub-menu-list.active .postmenu,
.navbar-nav .dropdown > ul.dropdown-menu2 .sub-menu-list.active .dropdown-menu-post .active a {
  background-color: #0081FF !important;
  color: #fff !important;
}

.navbar-nav .dropdown .sub-menu-list:hover .sub-dropdown > a {
  color: #fff;
}

.navbar-nav .dropdown .sub-menu-list:hover .sub-dropdown:hover .dropdown-menu-post {
  display: block;
}

.navbar-nav .dropdown:hover .menu2, .navbar-nav .dropdown .dropdown-menu1 {
  color: #8799a3;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  color: #252525;
}

.btn {
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
}

h1 {
  font-size: 42px;
}

@media (min-width: 320px) and (max-width: 425px) {
  .hide {
    display: block;
  }
  .navbar-nav {
    right: 0;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .dropdown a {
    text-align: left;
  }
  .dropdown .dropdown-menu-post {
    top: 147px !important;
  }
  .nav-toggle-button {
    display: none;
  }
}

@media (min-width: 426px) and (max-width: 767px) {
  .dropdown .dropdown-menu-post {
    top: 144px !important;
  }
  .navbar-light .navbar-nav .link-padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .dropdown a {
    text-align: left;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 0 0.5rem !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 3px;
  }
  .navbar-nav {
    right: 0;
  }
  .navbar-nav .dropdown .btn {
    text-align: left;
  }
  .cart_menu_icon {
    margin-right: -5px !important;
  }
  #nav_portfolio1 .navbar-toggler, #nav_portfolio-2 .navbar-toggler {
    margin-right: -45px;
  }
  .home_filter-menu-group.submenu li {
    font-size: 12px;
  }
  .nav-toggler {
    top: 45px;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 5px;
    font-size: 12px;
  }
  .navbar-light .navbar-nav .close1 {
    padding-left: 9px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    top: 32px;
    right: 0;
    left: auto;
  }
}

.navbar-light .navbar-nav .close1 {
  padding-left: 15px;
}

.cart_bag_primary {
  padding: 3px 6px;
  position: absolute;
  top: 47px;
  left: 18px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Cambay', 'sans-serif';
  width: 15px;
  height: 15px;
  padding-left: 5px;
  border-radius: 50%;
  display: block;
}

.cart_menu_icon {
  margin-right: 10px;
}

.dropdown ul {
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu {
  top: 17px;
  border-radius: 0;
}

.dropdown .dropdown-menu .dropdown-divider {
  margin: 0;
}

.dropdown:hover ul, .dropdown ul:hover {
  display: block;
}

.dropdown .btn {
  box-shadow: none;
}

.dropdown .dropdown-menu-post {
  position: absolute;
  left: 159px;
  top: 87px;
}

.dropdown .sub-dropdown ul {
  display: none;
}

.sub-menu-list .sub-dropdown:hover .dropdown-menu-post li:hover {
  background-color: #fff !important;
  color: #252525;
}

.dropdown .sub-dropdown:hover ul {
  display: block;
}

.navbar .navbar-nav .dropdown:hover .menu2 {
  color: #8799a3 !important;
}

.sub-menu-list.active .sub-dropdown .dropdown-menu-post {
  display: block;
}

.widget-holder {
  transition: all .3s;
  position: fixed;
  right: -481px;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  width: 480px;
  z-index: 9999;
  background: #fff;
  padding: 75px;
  line-height: 1.5;
}

.widget-holder .share-links a {
  font-size: 18px;
  margin-right: 10px;
}

.right-margin {
  right: 0;
}

.rightbar-set {
  height: 100%;
  overflow: hidden;
}

.rightbar-close {
  position: fixed;
  right: 32px;
  z-index: 999999;
  top: 18px;
  display: none;
}

.right-side-bar .overlaycolor {
  position: relative;
}

.display-serach-toggle {
  position: absolute;
  top: 19px;
  right: 22px;
  color: #8799a3;
  display: none;
}

#search-4 {
  position: relative;
}

/*This is Footer CSS*/
.footer {
  padding-top: 0;
  padding-bottom: 0;
}

.footer .fa-facebook {
  color: #3B5998;
}

.footer .fa-facebook:hover, .footer .fa-twitter:hover, .footer .fa-google-plus:hover, .footer .fa-linkedin:hover, .footer .fa-pinterest-p:hover {
  transform: rotate(360deg);
  transition: ease 1s;
}

.footer .footer-text:hover {
  color: #0362bf !important;
  cursor: pointer;
}

.footer .fa-twitter {
  color: #0084b4;
}

.footer .fa-google-plus {
  color: #d34836;
}

.footer .fa-linkedin {
  color: #0077B5;
}

.footer .fa-pinterest-p {
  color: #c8232c;
}

.footercolor {
  background-color: #e7e9ec;
}

footer .m_top {
  padding: 68px 12px 68px 10px;
}

.fa-facebook:hover {
  color: #3B5998;
}

.fa-twitter:hover {
  color: #0084b4;
}

.fa-google-plus:hover {
  color: #d34836;
}

.fa-linkedin:hover {
  color: #0077B5;
}

.fa-pinterest-p:hover {
  color: #c8232c;
}

.textcolor, .icon_textcolor {
  color: #bbc7cd;
  cursor: pointer;
}

footer .textcolor:hover {
  color: #8799a3;
}

footer .icons {
  font-size: 18px;
}

.text-fontsize {
  font-size: 16px;
}

.bodysection a {
  text-decoration: none;
}

.menuicon {
  z-index: 99;
}

footer .textcolor1:hover {
  color: #bbc7cd;
  cursor: pointer;
}

.footer_icons {
  padding: 90px 12px 85px 10px;
}

.footer_icons_margin {
  margin-bottom: 2rem;
}

.footer_minus {
  margin-left: -2px;
}

/*404 error page css*/
.h1font72 {
  font-size: 72px;
  color: #8799a3;
  text-align: center;
  font-weight: bolder;
}

.btn {
  font-size: 14px;
  cursor: pointer;
}

.para_font24 {
  font-size: 24px;
  color: #636363;
}

.font-weight {
  font-weight: bolder;
}

.content {
  min-height: 41%;
  /* equal to footer height */
}

* {
  margin: 0;
}

.content:after {
  content: "";
  display: block;
}

/*search page css code*/
.search_icon {
  position: absolute;
  top: 19px;
  right: 58px;
  color: #cacaca;
}

.brand_clr {
  color: #8799a3;
}

@media (min-width: 768px) and (max-width: 991px) {
  .invest_media {
    padding-left: 89px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .invest_media {
    padding-left: 4rem;
  }
}

.searchicon_padding {
  padding-right: 5rem !important;
}

.search_hrcolor {
  border-top: 1px solid #f0f4f7;
}

.search_textalignment {
  margin-top: 13px;
  padding-left: 34px;
}

.search_imgspacing {
  padding-right: 0;
}

@media (min-width: 320px) and (max-width: 575px) {
  .search_imgspacing {
    padding-right: 15px;
  }
  .search_textalignment {
    padding-left: 10px;
  }
}

.display-serach {
  position: absolute;
  top: 19px;
  right: 91px;
  color: #8799a3;
  display: none;
}

/*home page css*/
#nav_homepage {
  background-image: url("../images/home_frontimg.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
}

.mtop {
  padding: 11rem 0;
}

.headertext1_font-family {
  font-family: 'Leckerli One', cursive;
  color: #707070;
}

.home_filter-menu-group1 ul .active {
  color: #8799a3;
}

.home_h1font52 {
  font-size: 52px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.home_filter-menu-group1 ul .li-item:hover {
  color: #8799A3;
}

@media (max-width: 375px) {
  .home_h1font52 {
    font-size: 48px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  #nav_homepage {
    background-position: left center;
  }
  .mtop {
    padding: 3rem 0;
  }
}

@media (max-width: 320px) {
  .home_h1font52 {
    font-size: 42px;
  }
}

.hello {
  font-family: 'Leckerli One', cursive;
}

.tlt .word18 {
  color: #0081FE;
  font-weight: 900;
}

.albedo-color {
  color: #0081FE;
}

.btnsecondary {
  border-radius: 50px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .home_h1font52 {
    font-size: 38px;
  }
}

@media (min-width: 576px) and (max-width: 1440px) {
  .col_padding1 {
    padding-right: 0;
  }
  .col_padding2 {
    padding-left: 0;
  }
  .col_padding {
    padding-right: 0;
    padding-left: 0;
  }
  .img_setting {
    position: relative;
    top: -264px;
  }
}

.list-inline-item a {
  text-decoration: none;
}

.home_imgmargin {
  margin-top: -16px;
}

.home_img {
  margin-left: -15px;
}

.home {
  /* force scrollbar, prevents initial gap */
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
  /* 5 columns, percentage width */
  /*portfolio3 css*/
}

.home [class*=" imghvr-"] > img, .home [class^=imghvr-] > img {
  vertical-align: middle;
}

.home .img-hide {
  display: none;
}

.home .img-show {
  display: block !important;
}

.home * {
  box-sizing: border-box;
}

.home html {
  overflow-y: scroll;
}

.home body {
  font-family: sans-serif;
}

.home .grid {
  width: 100%;
}

.home .grid:after {
  content: '';
  display: block;
  clear: both;
}

.home .grid-item,
.home .grid-sizer {
  width: 33.36%;
}

.home .grid-item {
  float: left;
}

.home .grid-item--width2 {
  width: 66.67%;
}

.home .grid-item--width4 {
  width: 100%;
}

.home .grid-item--width6 {
  width: 33.33%;
}

.home .grid-item--height2 {
  height: auto;
}

.home .grid-item--height3 {
  height: auto;
}

.home .grid-item--height4 {
  height: auto;
}

.home .grid-item--height5 {
  height: auto;
}

.home .grid-item--height6 {
  height: auto;
}

.home .grid-item--height {
  height: auto;
}

.home .tlt .word18 {
  color: #0081FE;
}

.home .grid-item {
  margin-bottom: -11px;
}

.home [class^=imghvr-] figcaption {
  padding: 0;
}

.home .portfolio3 [class^=imghvr-] {
  background-color: #000;
}

.home .portfolio3 [class^=imghvr-] figcaption {
  background: none;
}

.home .portfolio3 [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.home [class^=imghvr-] figcaption h6 {
  font-weight: 600;
}

.home [class^=imghvr-] .porfolio3_figcaption1 {
  top: 211px;
  left: 19px;
}

.home [class^=imghvr-] .porfolio3_figcaption2, .home [class^=imghvr-] .porfolio3_figcaption6, .home [class^=imghvr-] .porfolio3_figcaption7 {
  top: 219px;
  left: 0;
}

.home [class^=imghvr-] .porfolio3_figcaption6, .home [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

.home [class^=imghvr-] .porfolio3_figcaption8 {
  top: 94px;
  left: 4px;
}

.home [class^=imghvr-] .porfolio3_figcaption4 {
  top: 187px;
}

.home [class^=imghvr-] .porfolio3_figcaption3 {
  top: 129px;
}

.home [class^=imghvr-] .porfolio3_figcaption5, .home [class^=imghvr-] .porfolio3_figcaption9 {
  top: 94px;
  left: 0;
}

.home .portfolio3 .home_text-color {
  color: #8799a3;
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .home .grid-item,
  .home .grid-sizer {
    width: 33.36%;
  }
  .home .grid-item {
    float: left;
  }
  .home .grid-item--width2 {
    width: 66.67%;
  }
  .home .grid-item--width4 {
    width: 100%;
  }
  .home .grid-item--width6 {
    width: 33.33%;
  }
  .home .grid-item--height2 {
    height: auto;
  }
  .home .grid-item--height3 {
    height: auto;
  }
  .home .grid-item--height4 {
    height: auto;
  }
  .home .grid-item--height5 {
    height: auto;
  }
  .home .grid-item--height6 {
    height: auto;
  }
  .home .grid-item--height {
    height: auto;
  }
  .home [class*=" imghvr-"] > img, .home [class^=imghvr-] > img {
    vertical-align: middle !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home .grid {
    width: 99%;
  }
  .home .grid-item, .home .grid-sizer {
    width: 33%;
  }
  .home .grid-item--width6 img {
    height: 424px;
  }
  .home .grid-item--width2 {
    width: 66%;
  }
  .home .grid-item--width4 {
    width: 99%;
  }
  .home .grid-item--width6 {
    width: 33%;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 74px;
    left: 0;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 147px;
    left: 4px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 79px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 187px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 157px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 118px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 86px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption8, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 60px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 128px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 127px;
    left: 19px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 118px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 48px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 76px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 81px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 30px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 30px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 101px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 102px;
    left: 19px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .home .portfolio3 [class^=imghvr-] figcaption {
    display: none;
  }
}

.home_icon .menu_toggle_icon1 {
  display: none;
  margin-bottom: 23px;
}

.home_filter-menu-group1 .active {
  color: #8799a3;
}

/* masonry page css*/
body {
  font-family: 'Cambay', sans-serif;
  color: #252525;
  margin: 0;
}

h1 {
  font-size: 42px;
  font-weight: 900;
}

h2 {
  font-size: 36px;
  font-weight: 900;
}

h3 {
  font-size: 32px;
  font-weight: 900;
}

h4 {
  font-size: 28px;
  font-weight: 700;
}

h5 {
  font-size: 24px;
  font-weight: 800;
}

h6 {
  font-size: 20px;
  font-weight: 600;
}

.mansonry_row {
  margin-left: 0;
  margin-right: 0;
}

.button_dark {
  padding: 17px 23px 17px 23px;
  font-size: 15px;
  font-weight: 700;
  background-color: #252525;
  border-radius: 30px;
}

.masonry_row_margintop {
  margin-top: 4rem;
}

.icongroup_mbottom {
  margin-bottom: 7rem;
}

.button_dark:hover {
  box-shadow: 0 16px 42px -9px rgba(0, 0, 0, 0.4);
}

.button_dark:focus {
  box-shadow: 0px -11px 80px -8px rgba(0, 0, 0, 0.4);
}

.header_row {
  top: 10px;
}

p {
  font-family: 'Cambay', sans-serif;
}

.masonry_share {
  font-size: 14px;
  font-weight: 600;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.icons.share a i {
  font-size: 18px;
}

.grid_mbottom {
  margin-bottom: 30px;
}

.btn-dark:active {
  outline: none;
  box-shadow: none;
}

/*linkpost page css code*/
.stdpost_mleft {
  margin-left: -63px;
}

.linkpost_mtop1 {
  margin-top: 4rem;
}

.share {
  font-size: 14px;
  font-weight: 600;
  color: #252525;
  font-family: "Montserrat", sans-serif;
  padding-right: 25px;
}

.link {
  color: #8799a3;
}

.link:hover {
  color: #8799a3;
  text-decoration: none;
}

.link_para_font24 {
  font-size: 24px;
  color: #252525;
}

textarea[placeholder], input[placeholder] {
  font-size: 16px;
  font-weight: 600;
  color: #8799a3;
}

.btnhover:hover {
  color: #8799a3;
  font-size: 16px;
}

@media (min-width: 577px) and (max-width: 768px) {
  .stdpost_mleft {
    margin-left: 0 !important;
  }
}

@media (min-width: 320px) and (max-width: 576px) {
  .stdpost_mleft {
    margin-left: 0 !important;
  }
  .link_para_font24 {
    font-size: 18px;
  }
}

/* Standard post page css*/
#nav_standardpost {
  background-image: url("../images/standard_frontimg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding: 0 0 30rem 0;
}

@media (min-width: 320px) and (max-width: 575px) {
  .navbar {
    position: relative;
  }
  .stdpost_bgimg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 578px;
  }
  #nav_standardpost {
    padding: 0 0 15rem 0;
  }
}

.stdpost_mtop1 {
  margin-top: 7rem;
}

.stdpost_mleft {
  margin-left: -80px;
  margin-top: 15px;
}

.stdpost_fontsetting {
  font-family: 'Coustard', serif;
}

.h5font18 {
  font-size: 18px;
  cursor: pointer;
}

p {
  color: #636363;
  font-size: 18px;
}

.stdpost_para, .stdpost_para1 {
  font-size: 16px;
  color: #8799a3;
}

.stdpost_para1 {
  color: #bbc7cd;
}

.stdpost_para_margin {
  margin-left: -8px;
}

.stdpost_form-group {
  margin-bottom: 2rem;
}

.stdpost_form-group input {
  background-color: #F3F4F6;
}

.form-control:focus {
  border: 1px solid #8799a3;
  color: #8799A3;
}

.stdpost_form-group textarea {
  background-color: #F3F4F6;
}

.stdpost_btn-mbottom {
  margin-bottom: 7rem;
}

.quoteleft-icon {
  position: relative;
  left: 0px;
  top: 43px;
  z-index: -1;
  font-size: 55px;
}

.stdpost_date_margin {
  margin-top: 8px;
}

@media (max-width: 1024px) {
  .stdpost_parafont {
    font-size: 13px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .stdpost_h2font24 {
    font-size: 24px;
  }
  .stdpost_h2font22 {
    font-size: 22px;
  }
  .stdpost_parafont16 {
    font-size: 16px;
  }
  .stdpost_btn-primary {
    padding: 11px 23px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stdpost_date_margin {
    font-size: 21px;
  }
}

.has-error .help-block, .has-error .input-group-addon, .has-error .radio, .has-error .radio-inline {
  color: #f04e4e !important;
}

.has-error input {
  border-color: #f04e4e !important;
}

.has-error textarea {
  border-color: #f04e4e !important;
}

.has-success input {
  border-color: #39b54a !important;
}

.has-success textarea {
  border-color: #39b54a !important;
}

.has-success .check {
  display: block;
  color: #39b54a;
}

.check {
  display: none;
  position: absolute;
  right: 45px;
  top: 20px;
}

.text_primary {
  color: #0081ff;
  cursor: pointer;
}

/*quotepost page css*/
#nav_quotepost {
  background-image: url("../images/secenery1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#nav_quotepost .navbar-nav {
  position: relative;
  top: 11px;
}

#nav_quotepost .toggle_adjust1 {
  position: relative;
  top: 56px;
  left: 41px;
}

.quotepost_quote {
  margin-top: -25px;
}

.quotepost_quote {
  margin-top: -13px;
}

.quotepost_headercontent {
  font-family: 'Coustard', serif;
  font-size: 32px;
}

.quotepost_headercontent1 {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  cursor: pointer;
}

.quote-toggler {
  position: relative;
  top: -33px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .text_hover .text_postformat {
    display: none !important;
  }
  .quotepost_headercontent {
    font-size: 31px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .quotepost_headercontent {
    font-size: 29px;
  }
  .stdpost_mleft {
    margin-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .text_setting {
    margin-top: 1rem;
  }
  #nav_Quotepost {
    height: auto;
    padding-bottom: 2rem;
  }
  .quotepost_headercontent {
    font-size: 20px;
  }
  .res-row-mtop {
    margin-top: 4rem;
  }
}

.next-rotate {
  transform: rotate(180deg);
}

.prevbtn {
  transform: rotate(180deg);
}

.nextbtn {
  transform: rotate(180deg);
}

.navbar-toggler {
  border: 1px solid white;
}

.fa-bars {
  color: white;
  font-size: 28px;
}

.quoteactive {
  color: #8799a3 !important;
}

.headingpadding {
  padding: 150px 0px;
}

/*videopost page css*/
.plyr {
  border-radius: 10px;
  box-shadow: 0 15px 75px 25px #cecece;
}

.plyr__play-large {
  background: transparent;
}

.plyr .video {
  width: 100%;
  height: auto;
  background: transparent url("../images/hands-people-woman-meeting.jpg") no-repeat 0 0;
  background-size: cover;
}

@media (min-width: 320px) and (max-width: 767px) {
  .video_hide {
    background: none !important;
    height: 100%  !important;
  }
  .plyr .video {
    height: 100%;
  }
}

video[poster] {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 575px) {
  .responsive_mtop {
    margin-top: 2rem;
  }
}

.date_margin {
  margin-top: 9px;
}

/*sliderpage css*/
html, body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

.slider {
  width: 100%;
  margin: 1rem auto 3rem auto;
}

.slick-slide {
  margin: 0 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .slick-slide {
    padding: 0 25px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .slick-slide {
    margin: 0 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .slick-slide {
    margin: 0;
  }
  .responsive_mtop {
    margin-top: 2rem;
  }
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .4;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

.slick-slider > .slick-prev, .slick-next {
  display: none !important;
}

/* single image page css*/
.containersetting {
  margin-top: 4rem;
  margin-bottom: 6rem;
}

.border_setting {
  border-bottom: 2px solid #252525;
  width: 137px;
  line-height: 4;
}

.button_success {
  padding: 21px 27px 18px 24px;
}

@media (min-width: 320px) and (max-width: 425px) {
  .col_margin {
    margin-top: -81px;
  }
  .res-row-single-mtop {
    margin-top: 8rem;
  }
}

.single_imagespacing {
  margin-bottom: 37px;
}

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.singleimage [class^=imghvr-] {
  background-color: #000;
}

.singleimage [class^=imghvr-] figcaption {
  background: none;
}

.singleimage [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

@media (min-width: 576px) and (max-width: 767px) {
  .button_purchasenow, .button_postcomment {
    padding: 18px 20px 18px 20px;
  }
}

/* about studio css*/
#nav_aboutstudio {
  background-image: url("../images/menu_heder.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  background-position: center center;
}

.port4_text_padding {
  padding: 28rem 0 0 0;
}

.text_padding {
  padding: 25rem 0 6rem 1rem;
}

.containerfluid {
  padding-left: 0;
}

.colset {
  padding: 4rem 7rem 0 5rem;
  margin-top: -2rem;
}

.background_color, .backgroundcolor1 {
  background-color: #f3f4f6;
}

.backgroundcolor1 {
  margin-top: -112px;
}

.MeetTeam_section [class^=imghvr-] {
  background: none;
  overflow: hidden;
}

.cursor_line {
  cursor: pointer;
}

.carousel-control-next {
  right: -40px;
  opacity: 1;
}

.carousel .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover {
  opacity: 1;
}

.carousel-control-prev {
  left: -40px;
  opacity: 1;
}

.carousel .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover {
  opacity: 1;
}

.carousel-indicators li {
  height: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.carousel-item img {
  position: relative;
  left: 0;
  top: 41px;
  z-index: -1;
}

.overlay, .overlay1, .overlay2, .overlay3, .overlay4, .overlay5 {
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 61px;
  width: 61px;
  opacity: 0;
  transition: .5s ease;
  background-color: #9babb5;
  border-radius: 50px;
  cursor: pointer;
}

.MeetTeam_section .img_boxshadow {
  box-shadow: 0 3px 55px -5px rgba(0, 0, 0, 0.4);
}

.MeetTeam_section .nav-pills a:before, .MeetTeam_section .nav-pills .pill-image:before {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  transition: opacity 0.3s;
  opacity: 0;
}

.MeetTeam_section .nav-pills .pill-image:before {
  top: 8px;
}

.MeetTeam_section .nav-pills a:before {
  background-color: rgba(135, 153, 163, 0.4);
}

.MeetTeam_section .nav-pills a.active:before, .MeetTeam_section .nav-pills a:hover:before {
  opacity: 1;
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.MeetTeam_section .nav-pills a {
  float: left;
  position: relative;
}

.overlay1 {
  left: 67px;
}

.overlay2 {
  left: 135px;
}

.overlay3 {
  left: 204px;
}

.overlay4 {
  top: 52.9%;
  left: 0;
}

.overlay5 {
  top: 52.9%;
  left: 21.2%;
}

.overlay:hover, .overlay1, .overlay2:hover, .overlay3:hover, .overlay4:hover, .overlay5:hover {
  opacity: 0.5;
}

.text_color1 {
  color: #8799A3 !important;
}

.text_hover:hover {
  color: #8799A2;
}

.text_hover h6:hover, .text_hover img:hover {
  color: #8799A2;
  cursor: pointer;
}

.row_padding {
  padding: 7rem 0;
}

.carousel_row_padding {
  padding: 5rem 0 7rem 0;
}

.about_row-padding {
  padding: 3rem 0 3rem 0;
}

.about_img .img-fluid {
  height: 475px;
  width: auto;
}

.MeetTeam_section {
  margin-top: 5rem;
}

.about_figure {
  transform: scale(1, 1);
  /* Standard syntax */
  margin-top: -7rem;
}

.carousel-indicators {
  bottom: -35px;
}

.carousel-indicators li {
  background-color: #e1e2e4;
  width: 20px;
}

.carousel-indicators .active {
  background-color: #8799A2;
}

.about_logo, .about_logo1, .about_logo2 {
  opacity: 0.3;
}

.about_logo:hover {
  opacity: 1;
}

.logo-section .rowpadding1 {
  padding: 6rem 0;
}

.logo-section img {
  cursor: pointer;
}

@media (max-width: 375px) {
  .MeetTeam_section .overlay4 {
    left: 4%;
  }
}

@media (max-width: 320px) {
  .MeetTeam_section .overlay2 {
    left: 159px;
  }
  .MeetTeam_section .overlay4 {
    left: 4.3%;
  }
}

@media (min-width: 320px) and (max-width: 424px) {
  .text_setting {
    margin-top: 1rem;
  }
  #nav_aboutstudio {
    background-position: right -205px center;
    height: auto;
  }
  .res-row-mtop1 {
    margin-top: -13rem;
  }
  .about_res_imgmargin {
    margin-top: 7rem;
  }
  .backgroundcolor1 {
    margin-top: 0;
  }
  .MeetTeam_section .row_padding {
    padding: 0;
  }
  .overlay4 {
    top: 181px;
    left: 4.57%;
  }
  .overlay5 {
    top: 182px;
    left: 86px;
  }
  .carousel-control-next {
    right: -15px;
    top: 47px;
  }
  .carousel-control-prev {
    left: -16px;
    top: 47px;
  }
  .colset {
    padding-left: 2rem;
  }
  .colset h3 {
    font-size: 22px;
  }
  .colset padding {
    font-size: 14px;
  }
  .carousel-item h5 {
    font-size: 22px;
  }
  .carousel-item h3 {
    font-size: 24px;
  }
}

.review-carousel .carousel-item {
  padding: 0 4rem;
}

@media (min-width: 425px) and (max-width: 575px) {
  .overlay {
    top: 99px;
    left: 14px;
  }
  .overlay2 {
    left: 160px;
  }
  .overlay4 {
    top: 101px;
    left: 71.5%;
  }
  .overlay5 {
    top: 185px;
    left: 14px;
  }
  .carousel-control-next {
    right: -14px;
    top: 47px;
  }
  .carousel-control-prev {
    left: -25px;
    top: 47px;
  }
  .carousel-item h5 {
    font-size: 22px;
  }
  .about_res_imgmargin {
    margin-top: 7rem;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .backgroundcolor1 {
    margin-top: -11%;
  }
  .overlay {
    top: 98px;
    left: 14px;
  }
  .overlay2 {
    left: 159px;
  }
  .overlay1, .overlay3 {
    top: 100px;
  }
  .overlay4 {
    top: 61%;
    left: 14px;
  }
  .overlay5 {
    top: 61%;
    left: 27%;
  }
  .carousel-control-next {
    right: 0;
  }
  .carousel-control-prev {
    left: 0;
  }
  .colset {
    padding: 3.5rem 5rem 0 5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about_figure {
    margin-top: 0;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .overlay {
    left: 14px;
  }
  .overlay2 {
    left: 160px;
  }
  .overlay4 {
    top: 181px;
    left: 4%;
  }
  .overlay5 {
    top: 44%;
    left: 24%;
  }
  .carousel-item h5 {
    font-size: 18px;
  }
  .carousel-control-next {
    right: 0;
    top: 47px;
  }
  .carousel-control-prev {
    left: 0;
    top: 47px;
  }
  .colset {
    padding-left: 3rem;
  }
  .about_figure {
    margin-top: 0;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .about_img .img-fluid {
    height: auto;
  }
  .colset {
    padding-bottom: 6rem;
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .logo-section .rowpadding1 {
    padding: 2rem 0 3rem;
  }
  .review-carousel .carousel-item {
    padding: 0 0.5rem;
  }
  .colset {
    padding-bottom: 6rem;
    padding-right: 15px;
    padding-left: 2rem;
  }
}

@media (min-width: 1441px) and (max-width: 1920px) {
  .overlay4 {
    top: 48%;
  }
  .overlay5 {
    top: 48%;
    left: 84px;
  }
}

.MeetTeam_section figure {
  display: inline-block;
}

@media (min-width: 576px) and (max-width: 767px) {
  .MeetTeam_section .overlay1 {
    top: 138px;
  }
  .MeetTeam_section {
    margin-bottom: 4rem;
  }
}

.backgroundcolor1 .h5-font-heading {
  font-size: 24px;
  font-weight: 800;
}

@media (max-width: 768px) {
  .desingstudio {
    padding-right: 0;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .desingstudio {
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
  }
  .containerfluid {
    padding-left: 15px;
  }
}

/*free lancer page css*/
#nav_freelancer {
  background-image: url("../images/freelancer_bgimg2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  background-color: #faf8fc;
}

.h1after {
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}

.h1after:after {
  content: "";
  position: absolute;
  left: 0%;
  bottom: 0;
  width: 100px;
  border-bottom: 3px solid;
}

.freelaner_text_padding {
  padding: 25rem 0 6rem 1rem;
}

.freelancer_exp_mtop {
  padding-top: 7rem;
}

.freelancer_btnalign {
  display: inline-block;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  background: rgba(128, 128, 128, 0.16);
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 46%;
  bottom: 0;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  top: -12%;
  box-shadow: 2px -1px 20px 12px #eee;
}

.timeline ul li:hover::after {
  background-color: #0081ff !important;
  color: #fff;
}

.timeline ul li:hover::after {
  content: '';
  position: absolute;
  left: 46%;
  bottom: 0;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: -12%;
  box-shadow: 1px 3px 14px 0 #0081ff !important;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 553px;
  padding: 15px;
  top: -22px;
  left: 20px;
}

.timeline ul li:hover {
  background-color: #0081ff;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #F45B69 transparent transparent;
}

.timeline ul li:hover div h6 {
  color: #0081ff;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #F45B69;
}

time {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 8px;
}

.years_font {
  margin-right: 9rem;
  font-size: 17px;
}

.text_font {
  font-size: 14px;
}

.freelanceraspects:hover .brand, .freelanceraspects:hover .web, .freelanceraspects:hover .develope,
.freelanceraspects:hover .photo, .freelanceraspects:hover .art, .freelanceraspects:hover .content {
  transform: rotate(360deg);
  transition-duration: 1s;
  cursor: pointer;
}

.freelanceraspects {
  cursor: pointer;
}

/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: grey;
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

.timeline .circle1 {
  top: 24px;
}

.inner_circle {
  background-color: rgba(134, 142, 150, 0.46);
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  z-index: 1090;
  right: 251px;
  top: 24px;
}

.timeline li:hover .inner_cirlce, .timeline li:hover .inner_cirlce1 {
  background-color: #fff !important;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  top: 93%;
  z-index: 1090;
  right: 393px;
}

.timeline ul li:hover .inner_circle {
  background-color: #fff !important;
}

@media (min-width: 576px) and (max-width: 767px) {
  .timeline span.inner_circle1 {
    top: 39px !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .timeline span.inner_circle1 {
    top: 30px !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .row_padding {
    padding: 4rem 0;
  }
  .mrgn_right {
    margin-right: 0;
  }
  .years_font {
    margin-right: 9rem;
    font-size: 14px;
  }
  .text_font {
    font-size: 11px;
  }
  .timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    background: rgba(128, 128, 128, 0.16);
    left: 1rem;
  }
  .inner_circle {
    right: 241px;
    top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1319px) {
  .timeline ul li::after {
    top: -11% !important;
  }
  .inner_circle {
    right: 221px;
    top: 25px;
  }
  .timeline ul li div {
    width: 480px;
  }
  .circle1 {
    top: 16%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .timeline ul li div {
    width: 372px;
  }
  .inner_circle {
    right: 176px;
    top: 23px;
  }
  .inner_circle1.circle1 {
    top: 20px !important;
  }
  .freelancer_exp_mtop {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .get-in-touch {
    padding-bottom: 0;
  }
  .pill-image {
    position: relative;
    top: -2px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .timeline ul li div {
    width: 380px;
  }
  .inner_circle {
    right: 179px;
    top: 23px;
  }
  .circle1 {
    top: 16%;
  }
}

.mar-text {
  position: relative;
  top: -4px;
}

.about_history p {
  margin-bottom: 0;
}

.textlines1 {
  margin-top: 58px;
}

.textlines1, .textlines p {
  font-size: 16px;
}

.freelancer_blog1, .freelancer_blog2 {
  background-color: #faf8fc;
}

.para_margin {
  margin-top: -15px;
}

.button_white:hover {
  box-shadow: 0 14px 66px -5px rgba(0, 0, 0, 0.4);
}

.button_white {
  background-color: white;
  box-shadow: 1px 10px 30px 0 rgba(223, 229, 233, 0.5);
  color: #8799a3;
}

.get-in-touch {
  padding-top: 5rem;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .get-in-touch {
    padding-top: 4rem;
    top: 4rem;
  }
  .freelancer-exp .img-fluid {
    height: 700px;
  }
  .get-in-touch .img-fluid {
    height: 87%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .inner_circle {
    right: 134px;
    top: 39px;
  }
  .timeline ul li div {
    width: 270px;
    top: -30px;
  }
  .circle1 {
    right: 133px;
    top: 39%;
  }
  .freelancer_exp_mtop {
    padding-bottom: 7rem;
  }
  .get-in-touch {
    padding-bottom: 0;
    padding-top: 4rem;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .text_font {
    position: relative;
    top: 5px;
  }
  .freelaner_text_padding {
    padding: 8rem 0 3rem 1rem;
  }
  #nav_freelancer {
    background-position: left top;
  }
  .timeline ul li div {
    width: 238px;
    top: -30px;
  }
}

.freelancer_span {
  font-size: 14px;
  color: #8799a3;
  font-weight: normal;
}

@media (min-width: 320px) and (max-width: 551px) {
  .adjust_space {
    margin-top: 1.5rem;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .circle {
    top: 34px;
  }
}

/*portfolio-4 css*/
ul li {
  font-family: 'Montserrat',sans-serif;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.container .row .ulmargin0 {
  margin: 0;
}

#nav_portfolio-4 {
  background-image: url("../images/portpolio4/portfolio_bgimg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 762px;
}

.portfolio4_row {
  margin-left: 0 !important;
}

.grid {
  width: 100%;
}

.grid-item {
  width: 33.33%;
}

@media (min-width: 576px) and (max-width: 767px) {
  .grid {
    width: 100%;
  }
  .grid-item {
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  #nav_portfolio-4 {
    height: auto;
  }
  .text_padding {
    padding: 18rem 0 0 1rem;
  }
  .port4_text_padding {
    padding: 8rem 0 5rem 1rem;
  }
  .portfolio4 [class^=imghvr-] figcaption {
    top: 93px !important;
  }
  .grid {
    width: 100%;
  }
  .grid-item {
    width: 100%;
  }
}

.portfolio4 [class^=imghvr-] figcaption {
  background: none;
  top: 153px;
}

.portfolio4 [class^=imghvr-] {
  background-color: #2894fb;
  overflow: visible;
}

.text_font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.portfolio4 [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.grid_padding {
  margin-bottom: 30px;
}

.portfolio4_menu li:hover, .portfolio4_menu li:focus, .portfolio4_menu .active {
  color: #8799a3;
}

li {
  color: #252525;
}

.light-theme a, .light-theme span, .light-theme a:hover, .light-theme span:hover {
  color: #252525;
  font-weight: bolder;
  box-shadow: none;
}

.pagination ul > li > a, .pagination ul > li > span {
  border: none;
}

.pagination ul > .active > a, .pagination ul > .active > span {
  font-weight: bolder;
}

.light-theme .current {
  box-shadow: none;
}

.pagination ul > li:last-child > a {
  position: absolute;
  right: 18px !important;
}

.pagination ul > li:first-child > .prev {
  position: absolute;
  left: 22px !important;
}

.pagination ul > li > a {
  background-color: #f5f5f5;
}

.light-theme a {
  background: #FCFCFC;
}

@media (min-width: 320px) and (max-width: 575px) {
  .pagination ul > li:first-child > .prev {
    position: absolute;
    left: -20px;
    top: 11px;
  }
  .pagination ul > li:last-child > a {
    position: absolute;
    top: 11px;
    right: -12px;
  }
}

.pagination_bottom {
  margin-bottom: 7rem;
}

.portfolio4_menu ul .active {
  color: #8799a3;
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio4 [class^=imghvr-] figcaption {
    position: absolute;
    top: 42px !important;
  }
  .portfolio4_menu li {
    font-size: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio4 [class^=imghvr-] figcaption {
    top: 93px !important;
  }
}

.portfolio4_hide {
  display: none !important;
}

.portfolio4_iconsetting {
  margin-left: 42px;
  position: relative;
  top: 22px;
  left: 32px;
}

.portfolio4 .grid-item {
  margin-bottom: 30px;
}

.portfolio4_menuicon2 .menu_toggle_img1 {
  display: none;
  margin-bottom: 15px;
}

.portfolio-pagination .pagination .page-link {
  border: 0;
  padding: 7px 12px;
  width: 32px;
}

.portfolio-pagination .page-item.page-disable, .portfolio-pagination .page-item.prev {
  position: absolute;
  left: 15px;
}

.portfolio-pagination .page-item.next {
  position: absolute;
  right: 15px;
}

/*project_details_grid css*/
#nav_project_details_grid {
  background-image: url("../images/grid_coverimg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding-bottom: 26rem;
}

h3 {
  font-size: 32px;
}

.btn_radius {
  border-radius: 50px;
}

@media (min-width: 320px) and (max-width: 575px) {
  #nav_project_details_grid {
    height: auto;
    background-position: left   center;
    padding-bottom: 14rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .button_purchasenow, .button_postcomment {
    padding: 21px 39px 18px 39px;
  }
}

/*portfolio3 css*/
.portfolio3 [class^=imghvr-] {
  background-color: #000000;
  transform: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.portfolio3 [class*=" imghvr-"] > img, [class^=imghvr-] > img {
  vertical-align: middle;
}

.portfolio3 [class^=imghvr-] figcaption {
  background: none;
}

.portfolio3 [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

[class^=imghvr-] figcaption h6 {
  font-weight: 600;
}

[class^=imghvr-] .porfolio3_figcaption1 {
  top: 71px;
  left: 19px;
}

[class^=imghvr-] .porfolio3_figcaption2, [class^=imghvr-] .porfolio3_figcaption6, [class^=imghvr-] .porfolio3_figcaption7 {
  top: 193px;
  left: 0;
}

[class^=imghvr-] .porfolio3_figcaption6, [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

[class^=imghvr-] .porfolio3_figcaption3, [class^=imghvr-] .porfolio3_figcaption4, [class^=imghvr-] .porfolio3_figcaption8 {
  top: 117px;
  left: 4px;
}

[class^=imghvr-] .porfolio3_figcaption5, [class^=imghvr-] .porfolio3_figcaption9 {
  top: 70px;
  left: 0;
}

.filter-button-group ul .active {
  color: #8799a3;
}

.menu_padding {
  padding: 36px 0px;
}

.grid-item {
  margin-bottom: 24px;
}

@media (min-width: 320px) and (max-width: 1199px) {
  [class*=imghvr-] > img {
    vertical-align: middle !important;
  }
}

.portfolio3 .lazyload {
  display: none;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

.portfolio3 #loading img {
  -webkit-animation: rotation 2s infinite linear;
}

.portfolio3 .text-color {
  color: #8799a3;
}

.portfolio3 .loading_font-family {
  font-family: 'Cambay', sans-serif;
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 80px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 114px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 210px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 77px;
    left: 2px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 19px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 42px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 93px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 16px;
    left: 2px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 91px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 51px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 152px;
    left: 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio3 .button-group.filter-button-group li {
    margin-bottom: 1rem;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 47px;
    left: 2px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 128px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 80px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 50px;
    left: 0;
  }
  .portfolio3 .grid-item {
    text-align: center;
  }
}

.filter-button-group ul li:hover {
  color: #8799a3;
}

/*audiopost page css code*/
.audio iframe {
  width: 100%;
  height: 323px;
  box-shadow: 0 5px 32px 1px #9E9E9E;
  margin: -2rem 0 -2rem 0;
}

.videopost_row_mtop {
  margin-top: 3rem;
}

.btndark {
  background-color: white;
  color: #8799a3;
  border-radius: 50px;
  padding: 15px 25px 13px 25px;
  font-weight: 600;
  margin-top: -70px;
  box-shadow: 0 3px 55px -5px rgba(0, 0, 0, 0.4);
  font-size: 12px;
}

.btndark:hover {
  background-color: #8799a3;
  color: white;
}

@media (min-width: 320px) and (max-width: 575px) {
  .btndark {
    padding: 9px 20px 9px 20px;
    margin-right: -13px;
  }
  .reply-btn-name {
    font-size: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .date_margin {
    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width: 757px) {
  .btndark {
    margin-left: 8rem;
  }
  .reply_btn3 {
    margin-left: 13rem !important;
  }
}

.para_color {
  font-size: 16px;
  color: #e1e8eb;
}

.h6font18 {
  font-size: 18px;
}

.section-comment .media img {
  box-shadow: 0 3px 55px -5px rgba(0, 0, 0, 0.4);
}

.background-video-shadow {
  box-shadow: 0 20px 29px 8px #e1e1e1;
}

.next-rotate {
  transform: rotate(180deg);
}

.prevbtn {
  transform: rotate(180deg);
}

.nextbtn {
  transform: rotate(180deg);
}

/*checkout css code*/
#nav_Checkout_page .toggle_adjust {
  top: 48px !important;
}

.checkoutpage .effects_textbody {
  background-color: #fff;
  padding: 56px 0 56px 0;
  border-radius: 10px;
}

.checkoutpage .click_color, .checkoutpage .login {
  cursor: pointer;
}

.checkoutpage .input_effects {
  border: 1px solid #f3f4f6;
  padding: 18px 58px 15px 23px;
  border-radius: 30px;
  box-shadow: none;
}

.checkoutpage .input_effects1 {
  border: 1px solid #f3f4f6;
  padding: 18px 23px 15px 23px;
  border-radius: 30px;
  box-shadow: none;
}

.checkoutpage input:focus, .checkoutpage textarea:focus {
  border: 1px solid #8799a3;
  box-shadow: none;
}

.checkoutpage .text_color {
  color: #9aa9b1;
}

.checkoutpage .text_green {
  color: #39b54a;
  font-size: 18px;
}

.checkoutpage .checkout-login-hide, .checkoutpage .display {
  display: none;
}

.checkoutpage .chekout_margintop {
  margin-top: -30px;
}

.checkoutpage .coupon_button {
  color: #fff;
  padding: 20px 49px 20px 49px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.checkoutpage .btn-light {
  color: #fff;
  font-weight: 700;
  background-color: #8799a3;
  border-color: #8799a3;
  border: none;
  border-radius: 30px;
  box-shadow: 2px 2px 36px -6px #8799a3;
}

.checkoutpage .btn-light:hover {
  box-shadow: -4px 18px 40px -5px #8799a3;
}

@media (min-width: 320px) and (max-width: 575px) {
  .checkoutpage .effects_textbody {
    background-color: #fff;
    padding: 0 !important;
    border-radius: 10px;
  }
  .checkoutpage .button_adjust {
    margin-top: 44px;
    text-align-last: center;
  }
  .checkoutpage .button_adjust1 {
    text-align-last: center;
  }
  .checkoutpage .td_width {
    padding-left: 1rem !important;
  }
  .checkoutpage .text_green {
    font-size: 16px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .checkoutpage .td_width {
    padding-left: 2rem !important;
  }
}

.checkoutpage .height_adjust {
  height: 82px;
}

.checkoutpage .table-row-color {
  background-color: #f9f9fb;
}

.checkoutpage .button_adjust {
  text-align: right;
}

.checkoutpage .has-error .help-block, .checkoutpage .has-error .input-group-addon, .checkoutpage .has-error .radio, .checkoutpage .has-error .radio-inline {
  color: #f04e4e !important;
}

.checkoutpage .has-error input {
  border-color: #f04e4e !important;
}

.checkoutpage .has-error textarea {
  border-color: #f04e4e !important;
}

.checkoutpage .has-success input {
  border-color: #39b54a !important;
}

.checkoutpage .has-success textarea {
  border-color: #39b54a !important;
}

.checkoutpage .has-success .check {
  display: block;
  color: #39b54a;
}

.checkoutpage .check {
  display: none;
  position: absolute;
  right: 41px;
  top: 51px;
}

.checkoutpage .formGroupExampleInputordernotes {
  resize: vertical;
}

.checkoutpage #prettydropdown-country > ul {
  border-radius: 35px;
}

.checkoutpage .prettydropdown.arrow > ul > li.selected:after {
  top: 4px;
  border-top-color: #f3f4f6;
}

.checkoutpage .custom-control {
  top: 3px;
}

.checkoutpage .form-group small {
  font-size: 14px;
}

.checkoutpage .label-text, .checkoutpage .label-setting label {
  color: #252525;
  font-weight: 600;
}

.checkoutpage input, .checkoutpage textarea, .checkoutpage select {
  background-color: #f3f4f6;
  color: #8799A3;
}

.checkoutpage .button_placeorder {
  font-family: "Montserrat",sans-serif;
  cursor: pointer;
  outline: none;
}

.checkoutpage .fa-circle-o {
  color: #eff1f4;
  font-size: 20px;
}

.checkoutpage .fa-circle-o:hover {
  color: #8799a3;
  cursor: pointer;
}

.checkoutpage dl dd {
  display: inline-block;
}

.checkoutpage .prettydropdown ul {
  border-radius: 50px;
  outline: none;
}

.checkoutpage .prettydropdown, .checkoutpage .prettydropdown ul {
  width: 100% !important;
}

.checkoutpage .prettydropdown.arrow > ul > li.selected:before, .checkoutpage .prettydropdown.arrow > ul > li.selected:after {
  right: 20px;
}

.checkoutpage .select1 .prettydropdown ul {
  background-color: #F3F4F6;
  border: 1px solid #F3F4F6;
}

.checkoutpage .label-setting label {
  padding-left: 25px;
}

.checkoutpage .prettydropdown > ul li {
  background: none;
  border: none;
  color: #8799a3;
  padding-left: 21px;
  width: 100% !important;
}

.checkoutpage .table tbody td {
  vertical-align: middle;
}

.checkoutpage .td_width {
  width: 100px;
  padding-left: 8rem;
  font-size: 14px;
}

.payment-description {
  display: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #8799a3 !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}

.bv-form .help-block {
  margin-left: 25px;
  color: #f04e4e;
}

.pricespacing {
  margin-left: 15px;
}

.pricespacing1 {
  margin-left: 22px;
}

.pricespacing2 {
  margin-left: 13px;
}

.table-fontfamily thead th, .table-fontfamily tbody .td-font-family, .table-fontfamily .td_width {
  font-family: Montserrat;
}

.table-fontfamily th {
  border-bottom: none !important;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 27px;
}

.table-fontfamily th, .table-fontfamily td {
  border-top: 1px solid white;
  border-bottom: 2px solid white;
  font-weight: 600;
}

.table-fontfamily .td-font-weight {
  font-weight: 400;
  padding-left: 10px;
}

.table-fontfamily .td-border {
  border-bottom: 1px solid #F9F9FB;
}

@media (min-width: 320px) and (max-width: 556px) {
  .mb_adjust {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .table-responsive {
    display: table !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .checkoutpage .button_placeorder {
    padding: 15px 65px !important;
  }
  .remember_margin {
    margin-bottom: 3rem;
  }
}

@media (max-width: 766px) and (max-width: 576px) {
  .checkoutpage, .coupon_button {
    padding: 18px 22px 18px 22px;
  }
}

/*bloglist css code*/
#nav_blog_list1 {
  background-image: url(../images/blog_background.png);
  height: 894px;
  background-size: cover;
  background-position: center center;
}

.bloglist_heading {
  position: relative;
}

.bloglist_heading:after {
  background: url(../images/blog_header_after.png) no-repeat;
  position: absolute;
  bottom: -40px;
  left: 0;
  height: 4px;
  width: 160px;
  content: "";
  margin: 0;
}

.blockquote_color {
  color: #252525;
  font-size: 24px;
}

.bloglist_linksize {
  color: #bbc7cd;
}

.bloglist_anchor {
  color: #252525;
  text-decoration: none;
}

.bloglist_anchor:hover {
  color: #8799a3;
  text-decoration: none;
}

.bloglist_anchor1:hover {
  text-decoration: none;
}

.text_primary {
  color: #0081ff;
  cursor: pointer;
}

.bloglist_margintop {
  margin-top: 5rem;
}

.blog_video_background:hover {
  background-image: url("../images/blog_video_poster_background.JPG");
  background-size: cover;
}

.blog_video_background h3 a, .blog_video_background p {
  color: #252525;
}

.blog_video_background:hover h3 a, .blog_spost_background:hover h3 a, .blog_qpost_background:hover h3 a, .blog_gpost_background:hover h3 a {
  color: #8799A3;
}

.blog_video_background h3:hover a, .blog_spost_background h3:hover a, .blog_qpost_background h3:hover a, .blog_gpost_background h3:hover a {
  color: #fff;
}

.blog_video_background:hover p, .blog_spost_background:hover p, .blog_gpost_background:hover p {
  color: #fff !important;
}

.hr-margin {
  margin-top: 4rem;
  margin-bottom: 0;
}

.blog_spost_background:hover {
  background-image: url("../images/blog_standardpost.jpg");
  background-size: cover;
  background-position: center;
}

.blog_qpost_background {
  padding: 4rem 0 4rem;
}

.blog_qpost_background:hover {
  background-image: url("../images/blog_quotepost.JPG");
  background-size: cover;
  background-position: center;
  padding: 4rem 0 4rem;
}

.blog_gpost_background {
  padding: 4rem 0 0;
}

.blog_gpost_background:hover {
  background-image: url("../images/blog_gallerypost.JPG");
  background-size: cover;
  background-position: center;
  padding: 4rem 0 0;
}

.blog_qpost_background:hover .blockquote_color {
  color: #fff;
}

.bloglist_padding {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.blog_list_pading_left {
  padding-left: 31px;
}

.similarity_icon {
  height: 4px;
  margin-top: -2px;
}

body {
  padding: 0;
  border: none;
  background: none;
}

.blockquote_font {
  font-family: 'Coustard', serif;
  margin-bottom: 1rem;
}

.pagination ul {
  float: none;
  display: inline-block;
  overflow: hidden;
}

#light-pagination ul li {
  font-weight: normal;
}

.pagination.center {
  text-align: center;
}

.light-theme a, .light-theme span, .light-theme a:hover, .light-theme span:hover {
  color: #252525;
  font-weight: bolder;
  box-shadow: none;
}

.pagination ul > li > a, .pagination ul > li > span {
  border: none;
}

.light-theme .current {
  box-shadow: none;
  background: none;
  color: #AEB9BF;
}

.pagination ul > li:first-child > .prev {
  position: absolute;
  left: 0;
  font-weight: bolder;
  font-size: 30px;
}

.pagination ul > li > a {
  background: none;
  font-size: 14px;
}

.pagination ul > li > a:hover {
  background: none;
}

.light-theme a {
  background: #FCFCFC;
}

.pagination ul > li:last-child > span, .pagination ul > li:last-child > a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  font-weight: bold;
}

.bloglist_pagination {
  margin-top: 5rem;
  margin-bottom: 7rem;
}

.bloglist_prof {
  color: #8799a3;
}

@media (min-width: 320px) and (max-width: 575px) {
  .pagination ul > li:first-child > .prev {
    position: absolute;
    top: 0;
  }
  .pagination ul > li:last-child > a {
    position: absolute;
    top: 0;
  }
  #light-pagination ul {
    max-width: 210px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  #nav_blog_list1 {
    height: auto;
  }
  .bloglist_middle {
    padding: 6rem 0 6rem 1rem;
  }
  .blog_heading_size {
    font-size: 26px;
  }
}

.blog_list1 p {
  margin-bottom: 0;
}

.bloglist_author {
  margin-top: 13px;
}

.bloglist_date {
  margin-top: 8px;
}

.bloglist_quote {
  font-family: "Montserrat", sans-serif;
}

.bloglist_video {
  color: #8799a3;
}

.bloglist_margin {
  margin-top: 5rem;
}

.nextbtn {
  transform: rotate(180deg);
}

.prevbtn {
  transform: rotate(180deg);
}

.next-rotate {
  transform: rotate(180deg);
}

.bloglist_pagination .pagination .page-link {
  border: 0;
  padding: 11px 8px;
  width: 39px;
  height: 39px;
  text-align: center;
}

.bloglist_pagination .page-item.page-disable, .bloglist_pagination .page-item.prev {
  position: absolute;
  left: 10px;
}

.bloglist_pagination .page-item.next {
  position: absolute;
  right: 10px;
}

/*contact page1 css code*/
#nav_contact_page1 {
  background-image: url(../images/contact_page_background1.png);
  height: 796px;
  background-size: cover;
  background-position: center center;
}

.contact_textarea {
  border-radius: 30px;
}

.map {
  height: 463px;
  width: 100%;
  border-radius: 10px;
  box-shadow: -1px 2px 50px 6px #d4d5d6;
}

.contact1_span {
  color: #252525;
}

.text_primary {
  color: #0081ff;
  cursor: pointer;
}

.contact_form {
  margin-bottom: 7rem;
}

.contact_page2_padding {
  padding-left: 15px;
  padding-right: 15px;
}

.contact_page2_hr {
  width: 160px;
  height: 3px;
  background-color: #252525;
  margin-left: 0;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.contact_button:hover {
  color: #fff;
}

@media (min-width: 320px) and (max-width: 425px) {
  #nav_contact_page1 {
    height: auto;
  }
  .contact_feedback {
    margin-top: 4rem;
  }
}

.contact_get {
  margin-bottom: 35px;
}

.contact_input_margin {
  margin-top: 8px;
}

.contact_margin {
  margin-top: 7rem;
}

.contact_form .has-error .help-block, .contact_form .has-error .input-group-addon, .contact_form .has-error .radio, .contact_form .has-error .radio-inline {
  color: #f04e4e !important;
}

.contact_form .has-error input {
  border-color: #f04e4e !important;
}

.contact_form .has-error textarea {
  border-color: #f04e4e !important;
}

.contact_form .has-success input {
  border-color: #39b54a !important;
}

.contact_form .has-success textarea {
  border-color: #39b54a !important;
}

.contact_form .has-success .check {
  display: block;
  color: #39b54a;
}

.contact_form .check, .contact_form .formcheck {
  display: none;
  position: absolute;
  right: 45px;
  top: 20px;
}

.contact_form .formcheck {
  position: absolute;
  top: 29px !important;
}

/*product details description css code*/
#nav_product_details_description2 .toggle_adjust, #nav_product_details_reviews .toggle_adjust {
  top: 48px !important;
}

.product_16 {
  margin: 60px 0;
}

.product_16 .zoomGalleryActive {
  opacity: 0.5;
}

.product_16 .clothes {
  font-size: 16px;
}

.product_16 .del_price {
  color: #b7c6ce;
  font-size: 20px;
  font-weight: normal;
}

.product_16 .cur_price {
  font-size: 28px;
  font-weight: bold;
}

.product_16 .size_text {
  font-size: 14px;
  font-weight: bold;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
}

.product_16 .size .btn-sm {
  background: none;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #8799a3;
  margin-right: 4px;
}

.product_16 .size button:focus, .product_16 .size button.active {
  outline: none;
  background: #8799a3;
  color: #fff;
}

.product_16 .size .btn-sm:hover {
  background: #8799a3;
  color: #fff;
}

.product_16 .size_btn {
  background: none;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 2.5;
  color: #8799a3;
  font-weight: 700;
  margin-right: 4px;
  cursor: pointer;
}

.product_16 .product_cart img {
  vertical-align: middle !important;
}

.product_16 .product_cart-image img {
  vertical-align: text-bottom !important;
}

.product_16 .sale_position {
  background-color: #f04e4e;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 8px 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  box-shadow: 2px 4px 20px 0px #f04e4e;
  z-index: 99;
  cursor: pointer;
}

.product_16 #gallery_01 img {
  border: 2px solid white;
}

.product_16 .cart_btn {
  border-radius: 50px;
  border: 1px solid #0081ff;
  outline: none;
  font-size: 14px;
  padding: 14px 28px;
  height: 50px;
  font-weight: bold;
  background-color: #0081ff;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  cursor: pointer;
}

.product_16 a.cart_btn:hover, .product_16 a.cart_btn:focus {
  box-shadow: 0 16px 55px -16px #0081FF;
  color: #fff;
}

.product_16 .text-gray {
  color: #bbc7cd;
}

.product_16 .product_cart a:hover {
  text-decoration: none;
}

.product_16 .input-group.bootstrap-touchspin {
  border: 2px solid rgba(163, 168, 182, 0.17);
  border-radius: 30px;
}

.product_16 .bootstrap-touchspin-down, .product_16 .bootstrap-touchspin-up {
  background: #fff;
  padding: 14px 15px;
}

.product_16 .nav-tabs li.bv-tab-error > a {
  color: #fff;
}

.product_16 .name_color {
  font-size: 16px;
}

.product_16 .content_padding {
  padding-left: 30px;
}

.product_16 #demo1 {
  border: none;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.product_16 .reviews {
  background-color: #fff;
  padding: 60px;
}

.product_16 .nav-item .nav-link.active {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #F9F9FB;
  color: #869AA5;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.product_16 .product_reviews_navtabs.nav-tabs {
  border-bottom: 1px solid #F3F4F6;
}

.product_16 .nav-tabs {
  border: none;
}

.product_16 #home-tab {
  border-top-left-radius: 12px;
  border-top-right-radius: 0;
}

.product_16 #contact-tab {
  border-top-right-radius: 12px;
  border-top-left-radius: 0;
}

.product_16 #profile-tab {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.product_16 .nav-link {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #8799A3;
  color: #fff;
  border-right: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.product_16 .nav-tabs .nav-link:hover {
  border-color: #fff;
}

.product_16 .tab_background {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #F9F9FB;
}

.product_16 .product_content .icons .fa {
  font-size: 16px;
  color: #bbc7cd;
  margin-right: 10px;
}

.product_16 .product_content .icons .fa-facebook:hover {
  color: #3B5998;
}

.product_16 .product_content .icons .fa-twitter:hover {
  color: #0084b4;
}

.product_16 .product_content .icons .fa-google-plus:hover {
  color: #d34836;
}

.product_16 .product_content .icons .fa-pinterest-p:hover {
  color: #c8232c;
}

.product_16 .zoomWrapper {
  position: relative;
}

.product_16 .slider-header p {
  font-size: 26px;
  color: #898989;
}

.product_16 .swiper-container {
  width: 100%;
  height: 100%;
}

.product_16 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_16 .slide1 {
  background: url("../images/photos/shirt2.png");
  background-size: cover;
  background-position: center;
  height: 363px;
  position: relative;
}

.product_16 .slide2 {
  background: url("../images/photos/book.png");
  background-size: cover;
  background-position: bottom;
  height: 363px;
  position: relative;
}

.product_16 .slide3 {
  background: url("../images/photos/wood.JPG");
  background-size: cover;
  background-position: bottom;
  height: 363px;
  position: relative;
}

.product_16 .swiper_margin {
  margin-top: 5rem;
  margin-bottom: 7rem;
}

.product_16 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  padding: 0px 9px;
  border-radius: 10px;
  width: 20px;
  height: 6px;
  background-color: #dae4ea;
  opacity: 1;
}

.product_16 .swiper-pagination-bullet-active {
  background-color: #8799a3 !important;
}

.product_16 .sale_position {
  position: absolute;
  top: 6%;
  left: 8%;
}

.product_16 .star1 {
  color: #fcd846;
}

.product_16 .user_text {
  font-size: 16px;
  font-weight: bold;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.product_16 .new_btn {
  padding: 7px 20px 4px;
  font-size: 11px;
  background-color: #3AB54A;
  color: #fff;
}

.product_16 .heading {
  font-size: 18px !important;
  font-weight: 700;
  color: #252525;
  text-align: left;
}

.product_16 .price {
  color: #39b44a;
  font-weight: 700;
  font-size: 16px;
  margin-top: 15px;
}

.product_16 .swiper_text {
  position: relative;
}

.product_16 .swiper-pagination-bullet {
  padding: 0 12px;
  border-radius: 4px;
}

.product_16 .slide {
  box-shadow: -12px 8px 25px -3px #e7e7e7;
}

.product_16 .tag_new1 {
  position: absolute;
  margin-top: 35px;
  margin-left: 30px;
  background-color: #39b44a;
  padding: 7px 14px 3px 14px;
  border-radius: 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  box-shadow: 1px 10px 35px 0 #c4e5ca;
  cursor: pointer;
  top: 32px;
  left: 20px;
}

.product_16 .tag_new {
  cursor: pointer;
  top: 32px;
  left: 20px;
  position: absolute;
}

.product_16 .swiper-pagination-bullet-active {
  background: #8799a3 !important;
}

.product_16 .swiper-slide {
  height: 85%;
}

.product_16 .success-sm {
  padding: 13px 22px 8px 22px;
  background-color: #0684ff;
  border-color: #0684ff;
  box-shadow: 1px 10px 35px 0 #b9dcff;
}

.product_16 .swiper-slide1 {
  text-align: left;
  background-color: transparent !important;
}

.product_16 .tag_new {
  background-color: #39b44a;
  color: #fff;
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  font-family: "Montserrat",Sans-serif;
  font-weight: bold;
  box-shadow: 1px 10px 35px 0 #c7e6cd;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_16 .tag_top {
  background-color: #0684fe;
  color: #fff;
  font-weight: bold;
  font-family: "Montserrat",Sans-serif;
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0 #b9d9fa;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_16 .tag_sell {
  background-color: #ef4e4e;
  color: #fff;
  font-weight: bold;
  font-family: "Montserrat",Sans-serif;
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0 #f9cccc;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_16 .tag_feature {
  background-color: #fff;
  color: #9aa9b1;
  font-weight: bold;
  font-family: "Montserrat",Sans-serif;
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0 #eaeaeb;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_16 .heading {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #252525;
}

.product_16 .price {
  color: #39b44a;
  font-size: 16px;
  margin-top: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.product_16 .tag_new {
  background-color: #39b44a;
  color: #fff;
  font-weight: 700;
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0 #c7e6cd;
  float: left;
  margin-top: 4px;
  cursor: pointer;
}

.product_16 .white_s {
  padding-top: 17px;
}

.product_16 .product_content_padding {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.product_16 .product_description_background {
  background: #F9F9FB;
}

.product_16 .product_tab_conent2 {
  padding-top: 6rem;
  padding-bottom: 5rem;
}

.product_16 .bootstrap-touchspin-down {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  color: #83959E;
  font-size: 18px;
}

.product_16 .bootstrap-touchspin-up {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  color: #83959E;
  font-size: 18px;
}

.product_16 .input-group-btn > .btn {
  border: none !important;
  box-shadow: none;
}

.product_16 .media_img_text {
  color: #252525;
  font-family: "Montserrat",Sans-serif;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}

.product_16 .text_primary {
  color: #0081ff;
  cursor: pointer;
}

.product_16 .media_img_text:hover {
  color: #8799a3;
}

.product_16 .date_year {
  color: #8799a3;
}

.product_16 .media_object_bottom {
  margin-bottom: 5rem;
}

.product_16 .swiper_margin1 {
  margin-top: 6rem;
  margin-bottom: 4rem;
}

.product_16 .img-shadow {
  box-shadow: 0px 15px 39px 10px rgba(142, 130, 130, 0.18);
}

.product_16 .review_margin {
  margin-bottom: 2rem;
}

.product_16 a.cart_submit {
  padding: 16px 28px;
}

.product_16 .product_review_slide .swiper-container-horizontal > .swiper-pagination-bullets, .product_16 .swiper-pagination-custom, .product_16 .swiper-pagination-fraction {
  left: 0;
  top: 0;
}

.product_16 .rating_text {
  color: #252525;
  font-weight: bold;
}

@media (max-width: 990px) {
  .product_16 .cart_btn {
    margin-top: 15px;
  }
  .product_16 .content_padding {
    padding-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .product_16 .rating-res-hide {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .product_16 .nav-tabs .nav-item {
    margin-bottom: 10px;
  }
  .product_16 .clothes {
    margin-top: 50px;
  }
  .product_16 .product_cart .gal1 img {
    vertical-align: text-top !important;
  }
  .product_16 .product_cart img {
    vertical-align: text-bottom !important;
  }
}

.product_cart_bottom {
  margin-bottom: 38px;
}

.product_cart_top {
  margin-top: 38px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .swiper_margin .swiper-slide {
    margin-bottom: 50px;
  }
  .swiper_review_margin .tag_review {
    top: 8%;
    left: 6%;
  }
  .product_16 .product_cart .gal1 img {
    vertical-align: text-top !important;
  }
  .product_16 .product_cart img {
    vertical-align: text-bottom !important;
  }
}

.tab_background1 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

@media (min-width: 320px) and (max-width: 366px) {
  .img_space {
    margin-top: 20px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .img_space1 {
    margin-top: 20px;
  }
  .product_cart .sale_position {
    top: 2%;
    left: 9%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .img_space3 {
    margin-top: 20px;
  }
  .product_16 .product_content .icons .fa {
    margin-left: 13px;
  }
}

.mrgn_top {
  margin-top: 19px;
}

/*product details description 2 css code*/
#nav_product_details_description1 .toggle_adjust {
  top: 48px !important;
}

.product_17 {
  margin: 60px 0;
}

.product_17 .zoomGalleryActive {
  opacity: 0.5;
}

.product_17 .clothes {
  font-size: 16px;
}

.product_17 .del_price {
  color: #b7c6ce;
  font-size: 20px;
  font-weight: normal;
}

.product_17 .primary_btn {
  margin-top: 5px;
}

.product_17 .cur_price {
  font-size: 28px;
  font-weight: bold;
}

.product_17 .text_primary {
  color: #0081ff;
  cursor: pointer;
}

.product_17 .size_text {
  font-size: 14px;
  font-weight: bold;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
}

.product_17 .size .btn-sm {
  background: none;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #8799a3;
  margin-right: 4px;
}

.product_17 .size button:focus, .product_17 .size button.active {
  outline: none;
  background: #8799a3;
  color: #fff;
}

.product_17 .size .btn-sm:hover {
  background: #8799a3;
  color: #fff;
}

.product_17 .size_btn {
  background: none;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 2.5;
  color: #8799a3;
  font-weight: 700;
  margin-right: 4px;
  cursor: pointer;
}

.product_17 .nav-tabs li.bv-tab-error > a {
  color: #8799a3;
}

.product_17 .product_cart img {
  vertical-align: text-bottom !important;
}

.product_17 .sale_position {
  background-color: #f04e4e;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 8px 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  box-shadow: 2px 4px 20px 0px #f04e4e;
  z-index: 99;
  cursor: pointer;
}

.product_17 #gallery_01 img {
  border: 2px solid white;
}

.product_17 a.btn_submit {
  padding: 16px 28px;
}

.product_17 a.cart_btn:hover, .product_17 a.cart_btn:focus {
  box-shadow: 0 16px 55px -16px #0081FF;
  color: #fff;
}

.product_17 .product_cart a:hover {
  text-decoration: none;
}

.product_17 .stdpost_form-group .input:focus {
  box-shadow: none;
}

.product_17 .input-group.bootstrap-touchspin {
  border: 2px solid rgba(163, 168, 182, 0.17);
  border-radius: 30px;
}

.product_17 .input-group-btn > .btn {
  border: none !important;
  box-shadow: none;
}

.product_17 .bootstrap-touchspin-down, .product_17 .bootstrap-touchspin-up {
  background: #fff;
  padding: 12px 15px;
}

.product_17 .name_color {
  font-size: 16px;
}

.product_17 .content_padding {
  padding-left: 30px;
}

.product_17 .rating_text {
  color: #252525;
  font-weight: bold;
}

.product_17 #demo1 {
  border: none;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.product_17 .reviews {
  background-color: #fff;
  padding: 60px;
}

.product_17 .nav-item .nav-link.active {
  border-radius: 40px;
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  background: #8799A3;
  color: #fff;
  box-shadow: -4px 13px 20px 3px #e0e0e0;
  border-color: #8799A3;
}

.product_17 .nav-tabs .nav-link:hover {
  border: 1px solid transparent;
}

.product_17 .nav-link {
  margin-right: 20px;
  border-radius: 40px;
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  color: #8799a3;
  box-shadow: -4px 13px 20px 3px #e0e0e0;
}

.product_17 .nav-tabs {
  border: none;
}

.product_17 .product_content .icons .fa {
  font-size: 16px;
  color: #bbc7cd;
  margin-right: 10px;
}

.product_17 .product_content .icons .fa-facebook:hover {
  color: #3B5998;
}

.product_17 .product_content .icons .fa-twitter:hover {
  color: #0084b4;
}

.product_17 .product_content .icons .fa-google-plus:hover {
  color: #d34836;
}

.product_17 .product_content .icons .fa-pinterest-p:hover {
  color: #c8232c;
}

.product_17 .star1 {
  color: #fcd846;
}

.product_17 .zoomWrapper {
  position: relative;
}

.product_17 .swiper-container {
  width: 100%;
  height: 100%;
}

.product_17 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_17 .slide1 {
  background: url("../images/photos/shirt2.png");
  background-size: cover;
  background-position: center;
  height: 363px;
  position: relative;
}

.product_17 .slide2 {
  background: url("../images/photos/book.png");
  background-size: cover;
  background-position: bottom;
  height: 363px;
  position: relative;
}

.product_17 .slide3 {
  background: url("../images/photos/wood.JPG");
  background-size: cover;
  background-position: bottom;
  height: 363px;
  position: relative;
}

.product_17 .tabcontent2_margin {
  margin-top: 9rem;
}

.product_17 .swiper_margin, .product_17 .swiper_margin_response {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.product_17 .sale_position {
  position: absolute;
  top: 6%;
  left: 8%;
}

.product_17 .user_text {
  font-size: 16px;
  font-weight: bold;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.product_17 .new_btn {
  padding: 7px 20px 4px;
  font-size: 11px;
  background-color: #3AB54A;
  color: #fff;
}

.product_17 .heading {
  font-size: 18px !important;
  font-weight: 700;
  color: #252525;
  text-align: left;
}

.product_17 .media_img_text:hover {
  color: #8799a3;
  cursor: pointer;
}

.product_17 .price {
  color: #39b44a;
  font-weight: 700;
  font-size: 16px;
  margin-top: 15px;
}

.product_17 .swiper_container2 {
  height: auto;
}

.product_17 .swiper_container1 {
  height: auto;
}

.product_17 .swiper_text {
  position: relative;
}

.product_17 .swiper-pagination-bullet {
  padding: 0 12px;
  border-radius: 4px;
}

.product_17 .adujust_swiper {
  margin-bottom: 40px;
}

.product_17 .tag_new1 {
  position: absolute;
  top: 10%;
  left: 8%;
  background-color: #f04e4e;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 700;
  box-shadow: 1px 10px 35px 0px #f04e4e;
  cursor: pointer;
}

.product_17 .swiper-pagination-bullet-active {
  background: #8799a3 !important;
}

.product_17 .tag_new {
  position: absolute;
  cursor: pointer;
  top: 32px;
  left: 20px;
}

.product_17 .swiper-slide {
  height: 74%;
}

.product_17 .success-sm {
  padding: 13px 22px 8px 22px;
  background-color: #0684ff;
  border-color: #0684ff;
  box-shadow: 1px 10px 35px 0px #b9dcff;
}

.product_17 .swiper-slide1 {
  text-align: left;
  background-color: transparent !important;
}

.product_17 .tag_new {
  background-color: #39b44a;
  color: #fff;
  font-weight: 700;
  padding: 8px 15px 4px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0px #c7e6cd;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_17 .tag_top {
  background-color: #0684fe;
  color: #fff;
  font-weight: 700;
  padding: 8px 15px 4px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0px #b9d9fa;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_17 .tag_sell {
  background-color: #ef4e4e;
  color: #fff;
  font-weight: 700;
  padding: 8px 15px 4px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0px #f9cccc;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_17 .tag_feature {
  background-color: #fff;
  color: #9aa9b1;
  font-weight: 700;
  padding: 8px 15px 4px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0px #eaeaeb;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}

.product_17 .heading {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #252525;
}

.product_17 .price {
  color: #39b44a;
  font-size: 16px;
  margin-top: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.product_17 .tag_new {
  background-color: #39b44a;
  color: #fff;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  padding: 8px 15px 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  box-shadow: 1px 10px 35px 0 #c7e6cd;
  float: left;
  margin-top: 4px;
  cursor: pointer;
}

.product_17 .white_s {
  padding-top: 17px;
}

.product_17 .product_content_padding {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.product_17 .product_description_background {
  background: #F9F9FB;
}

.product_17 .product_tab_conent2 {
  padding-top: 4rem;
  padding-bottom: 5rem;
}

.product_17 .bootstrap-touchspin-down {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  color: #83959E;
  font-size: 18px;
}

.product_17 .bootstrap-touchspin-up {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  color: #83959E;
  font-size: 18px;
}

.product_17 .media_img_text {
  color: #252525;
  font-family: "Montserrat",Sans-serif;
  font-weight: bold;
  font-size: 18px;
}

.product_17 .img-shadow {
  box-shadow: 0 15px 39px 10px rgba(142, 130, 130, 0.18);
}

@media (max-width: 990px) {
  .product_17 .cart_btn {
    margin-top: 15px;
  }
  .product_17 .content_padding {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product_17 .tag_new1 {
    left: 8%;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .product_17 .tabcontent2_margin {
    margin-top: 0;
  }
  .product_17 .clothes {
    margin-top: 50px;
  }
  .product_17 .swiper_responsive .swiper-slide {
    margin-bottom: 50px;
  }
  .product_17 .swiper_margin_response {
    margin-top: 5rem;
    margin-bottom: 7rem;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .nav-tabs .nav-item {
    margin-bottom: 20px;
  }
}

.button_submit {
  padding: 16px 28px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .product_17 .swiper-slide {
    height: 28%;
    margin-bottom: 40px;
  }
  .product_17 .product_content .icons .fa {
    margin-left: 13px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .product_17 .swiper-slide {
    height: 48%;
    margin-bottom: 40px;
  }
}

@media (min-width: 426px) and (max-width: 575px) {
  .product_17 .swiper-slide {
    margin-bottom: 40px;
  }
}

@media (min-width: 993px) and (max-width: 1439px) {
  .product_17 .swiper-slide {
    margin-bottom: 40px;
  }
}

.stdpost_form-group input:focus, .stdpost_form-group textarea:focus {
  box-shadow: none;
}

.mrgn_top {
  margin-top: 19px;
}

/*cart css code*/
#nav_cart .toggle_adjust {
  top: 48px !important;
}

.cart .productname {
  font-size: 18px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  cursor: pointer;
}

.cart .producttype {
  font-size: 16px;
  color: #0684ff;
  font-family: 'Cambay', sans-serif;
}

.cart .price {
  font-size: 18px;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.cart .quantity {
  font-size: 16px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
}

.cart .total {
  font-size: 18px;
  color: #39b54a;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  min-width: 200px;
}

.cart .fa-times {
  color: #DBE4EB;
  font-size: 18px;
}

.cart .fa-times:hover {
  color: #8698A2;
}

.cart .table .thead-dark th {
  background-color: #F9F9FB !important;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.cart .table thead th {
  padding: 2rem 1.50rem;
  color: #252525;
}

.cart .table td {
  padding: 1.50rem;
  vertical-align: middle;
}

.cart .border-bottom1 td {
  border: none;
}

.cart .border_bottom td {
  border-bottom: 1px solid #e9ecef;
}

.cart .quantityborder {
  width: 50%;
}

.cart .table tr .hover-color:hover {
  color: #8698A2;
}

.cart .coupon-btn {
  font-size: 16px;
  color: #8799a3;
  font-family: 'Cambay', sans-serif;
  border-radius: 30px;
  padding: 19px 27px 15px 27px;
  background-color: #F3F4F6;
  border: 1px solid transparent;
}

.cart .coupon-btn:focus {
  background-color: #fff;
  border: 1px solid  #bbc7cd;
}

.cart .update-btn {
  color: white;
  background-color: #8799a3;
}

.cart .update-btn:hover {
  box-shadow: 0 10px 34px 13px rgba(134, 142, 150, 0.35);
}

.cart .under-text1 {
  font-size: 18px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.cart .under-text2 {
  font-size: 14px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.cart .sub1 {
  font-size: 14px;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.cart .sub2 {
  font-size: 18px;
  color: #39b54a;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.cart .btn-default {
  padding: 14px 35px 11px 35px;
  background-color: #fff;
  color: #8799a3;
  border-radius: 30px;
}

.cart .tabcontent2_margin {
  margin-top: 5rem;
}

.cart .bootstrap-touchspin-up3 {
  min-width: 164px;
}

.cart .table thead th {
  border: none;
}

.cart .demo {
  font-size: 16px;
  color: #252525;
  font-family: "Montserrat", Sans-serif;
  border: 2px solid #eceef2;
  border-left: none;
  font-weight: bold;
  border-right: none;
}

.cart .input-group-addon {
  background: none;
  border: 2px solid #eceef2;
  padding: 14px 15px 11px 15px;
  cursor: pointer;
}

.cart .input-group-addon:nth-child(1) {
  border-right: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  color: #83959E;
  font-size: 18px;
}

.cart .bootstrap-touchspin-up1 {
  border-left: none;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #83959E;
  font-size: 18px;
}

@media (min-width: 320px) and (max-width: 425px) {
  .cart .checkout-btn {
    padding: 20px 40px;
  }
  .cart .checkout-center-adjust {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .cart .checkout-center-adjust {
    text-align: center;
  }
}

tbody .fa-times {
  cursor: pointer;
}

@media (min-width: 576px) and (max-width: 767px) {
  .cart .apply-btn, .cart .update-btn {
    padding: 20px 15px;
  }
  .cart .checkout-btn {
    padding: 20px 50px;
  }
}

.swal2-container .swal2-styled {
  margin-bottom: 10px;
}

@media (min-width: 1024px) and (max-width: 1319px) {
  .cart .checkout-btn {
    padding: 20px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cart .checkout-btn {
    padding: 20px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .checkout-btn {
    margin-left: 8px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .checkout-btn {
    margin-left: 9px !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .checkout-btn {
    margin-left: 0 !important;
  }
}

.checkout-btn {
  margin-left: 16px;
}

.swal2-popup .swal2-styled:focus {
  box-shadow: none;
}

/*portfolio2 css code*/
.portfolio2 {
  /* force scrollbar, prevents initial gap */
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
  /*portfolio3 css*/
}

.portfolio2 .img-hide {
  display: none;
}

.portfolio2 * {
  box-sizing: border-box;
}

.portfolio2 html {
  overflow-y: scroll;
}

.portfolio2 body {
  font-family: sans-serif;
}

.portfolio2 .grid {
  width: 100%;
}

.portfolio2 .grid:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio2 .grid-sizer {
  width: 33.33%;
}

.portfolio2 .grid-item {
  width: 33.36%;
}

.portfolio2 .grid-item {
  float: left;
}

.portfolio2 .grid-item--width2 {
  width: 66.66%;
}

.portfolio2 .grid-item--width4 {
  width: 100%;
}

.portfolio2 .grid-item--width6 {
  width: 33.33%;
}

.portfolio2 .grid-item--width7 {
  width: 33.39%;
}

.portfolio2 .grid-item--width8 {
  width: 33.26%;
}

.portfolio2 .grid-item--height2 {
  height: auto;
}

.portfolio2 .grid-item--height3 {
  height: auto;
}

.portfolio2 .grid-item--height4 {
  height: auto;
}

.portfolio2 .grid-item--height5 {
  height: auto;
}

.portfolio2 .grid-item--height6 {
  height: auto;
}

.portfolio2 .grid-item--height {
  height: auto;
}

.portfolio2 .tlt .word18 {
  color: #0081FE;
}

.portfolio2 .grid-item {
  margin-bottom: -11px;
}

.portfolio2 .portfolio3 [class^=imghvr-] {
  background-color: #000;
  transform: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.portfolio2 [class*=imghvr-] > img {
  vertical-align: middle !important;
}

.portfolio2 .portfolio3 [class^=imghvr-] figcaption {
  background: none;
}

.portfolio2 .portfolio3 [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.portfolio2 [class^=imghvr-] figcaption h6 {
  font-weight: 600;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption1 {
  top: 211px;
  left: 19px;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption2, .portfolio2 [class^=imghvr-] .porfolio3_figcaption6, .portfolio2 [class^=imghvr-] .porfolio3_figcaption7 {
  top: 193px;
  left: 0;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption6, .portfolio2 [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption8 {
  top: 71px;
  left: 4px;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption4 {
  top: 157px;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption3 {
  top: 104px;
}

.portfolio2 [class^=imghvr-] .porfolio3_figcaption5, .portfolio2 [class^=imghvr-] .porfolio3_figcaption9 {
  top: 70px;
  left: 0;
}

.portfolio2 .portfolio3 .home_text-color {
  color: #7f9099;
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio2 .portfolio3 figcaption h6, .portfolio2 p {
    font-size: 12px;
    display: none;
  }
  .portfolio2 .grid-item {
    width: 101%;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 74px;
    left: 0;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 147px;
    left: 4px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 46px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 187px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 118px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 157px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 78px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 94px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 41px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 87px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption8, .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 22px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 128px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 127px;
    left: 19px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 7px;
    left: -8px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 39px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 50px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 3px;
    left: -7px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: -26px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 62px;
  }
  .portfolio2 .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 72px;
    left: 19px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio2 .portfolio3 [class^=imghvr-] figcaption {
    display: none;
  }
}

.portfolio2 .listhide {
  display: none;
}

.home_filter-menu-group {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  #nav_portfolio-2 .nav-toggler {
    left: 61px;
  }
}

/*portfolio1 css code*/
.portfolio2_menu {
  position: absolute;
  top: 36px;
  left: 37%;
}

.portfolio1 {
  /* force scrollbar, prevents initial gap */
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
  /*portfolio3 css*/
}

.portfolio1 .portfolio1_mtop {
  margin-top: 5rem;
}

.portfolio1 * {
  box-sizing: border-box;
}

.portfolio1 html {
  overflow-y: scroll;
}

.portfolio1 body {
  font-family: sans-serif;
}

.portfolio1 .grid {
  width: 100%;
}

.portfolio1 .grid:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio1 .grid-item,
.portfolio1 .grid-sizer {
  width: 33.33%;
}

.portfolio1 .grid-item {
  float: left;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.portfolio1 .grid-item--width2 {
  width: 66.66%;
}

.portfolio1 .tlt .word18 {
  color: #0081FE;
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption6, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption3,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption5, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption4,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption8 {
    top: 49%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption2, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption7 {
    top: 75%;
  }
  .portfolio1 .grid-item {
    padding-left: 13px;
    padding-right: 5px;
    margin-bottom: 10px;
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio1 .grid-item--width2, .portfolio1 .grid-item {
    width: 100%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption6, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption3,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption5, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption4,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption8 {
    top: 62%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption4, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption6 {
    top: 72%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption2, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption7 {
    top: 82%;
  }
  .portfolio1 .grid-item {
    width: 100%;
  }
}

.portfolio1 .portfolio3 [class^=imghvr-] {
  background-color: #000;
}

.portfolio1 .portfolio3 [class^=imghvr-] figcaption {
  background: none;
}

.portfolio1 .portfolio3 [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.portfolio1 [class*=" imghvr-"] > img, .portfolio1 [class^=imghvr-] > img {
  vertical-align: text-bottom !important;
}

.portfolio1 [class^=imghvr-] figcaption h6 {
  font-weight: 600;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption1 {
  top: 211px;
  left: 19px;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption2, .portfolio1 [class^=imghvr-] .porfolio3_figcaption6, .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
  top: 80%;
  left: 0;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption6, .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

.portfolio1 .figcaption {
  display: none;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption8 {
  top: 59%;
  left: 0;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption4 {
  top: 80%;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption3 {
  top: 59%;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption5, .portfolio1 [class^=imghvr-] .porfolio3_figcaption5, .portfolio1 [class^=imghvr-] .porfolio3_figcaption9 {
  top: 59%;
  left: 0;
}

.portfolio1 .portfolio3 .home_text-color {
  color: #8799a3;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption2,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption6,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 77%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption3,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption5,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption5,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 50%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 77%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 52%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio1 #nav_portfolio1 .nav-toggler {
    left: 58px;
  }
  .portfolio1 .grid-item, .portfolio1 .grid-item--width2, .portfolio1 .grid-sizer {
    width: 50%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 55%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 56%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 56%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 56%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption7, .portfolio1 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 57%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption2, .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 79%;
  }
}

.portfolio1 .lazyload {
  display: none;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

#loading img {
  -webkit-animation: rotation 2s infinite linear;
}

@media (min-width: 320px) and (max-width: 374px) {
  .submenu1 {
    position: absolute;
    right: 72px !important;
    top: 47px !important;
  }
}

@media (min-width: 426px) and (max-width: 575px) {
  .li-res-top1 {
    left: auto;
    top: -23px;
    right: -204px;
  }
}

@media (min-width: 992px) and (max-width: 1440px) {
  .submenu1 {
    top: 47px !important;
  }
}

.submenu {
  position: absolute;
  right: 85px;
  top: 46px;
  z-index: 9999;
}

.submenu1 {
  position: absolute;
  right: 93px;
  top: 46px;
  z-index: 9999;
}

.menu_hide {
  display: none !important;
}

.box_padding {
  padding-right: 15px;
}

@media (min-width: 576px) and (max-width: 768px) {
  .submenu li {
    font-size: 12px;
  }
}

@media (min-width: 320px) and (max-width: 320px) {
  .submenu .li-res-top {
    font-size: 10px;
    position: relative;
    top: 66px;
  }
  .li-res-top1 {
    position: relative;
    right: 0;
    left: 45px;
    top: -44px;
  }
}

@media (min-width: 375px) and (max-width: 424px) {
  .submenu .li-res-top {
    font-size: 10px;
    position: relative;
    top: 66px;
  }
  .li-res-top1 {
    position: relative;
    right: 0;
    left: 78px;
    top: -45px;
  }
}

@media (min-width: 425px) and (max-width: 575px) {
  .submenu .li-res-top {
    font-size: 10px;
    position: relative;
    top: 66px;
  }
  .li-res-top1 {
    position: absolute;
    right: -7px;
    /* left: 143px; */
    top: -1px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .submenu {
    margin-top: 75px;
  }
  .li-res-top1 {
    position: absolute;
    right: 40px;
    top: -75px;
  }
  .submenu1 {
    position: absolute;
    right: 141px;
  }
}

.home_filter-menu-group ul .active {
  color: #8799a3;
}

.home_filter-menu-group ul li:hover {
  color: #8799A3;
}

@media (min-width: 768px) and (max-width: 991px) {
  #nav_portfolio1 .nav-toggler {
    left: 58px;
  }
}

/*shop list1 css code*/
#nav_shop_list2 {
  background-color: #F3F4F6;
}

#nav_shop_list2 .toggle_adjust, #nav_shop_list1 .toggle_adjust {
  top: 48px !important;
}

.shop_slider_background {
  background: #F3F4F6;
}

.shop_list1 .swiper-container {
  width: 100%;
  height: 100%;
}

.shop_list1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  padding: 0px 9px;
  border-radius: 10px;
  width: 20px;
  height: 6px;
  background-color: #dae4ea;
  opacity: 1;
}

.shop_list1 .swiper-pagination-bullet {
  padding: 0 12px;
  border-radius: 4px;
}

.shop_list1 .swiper-pagination-bullet-active {
  background: #8799a3 !important;
}

.shop_list1 .price {
  color: #39b44a;
  font-weight: 700;
  font-size: 16px;
  margin-top: 15px;
}

.shop_list1 .del_price {
  color: #b7c6ce;
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat" ,Sans-serif;
}

.shop_list1 .cur_price {
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.shop_list1 .details_btn {
  background-color: #fff;
  color: #8799a3;
}

.shop_list1 .details_btn:hover {
  box-shadow: 3px 28px 55px -14px #87898c;
}

.shop_list1 .shop_filter_btn {
  margin-top: -10px;
}

.shop_list1 .shop_filter_btn:hover {
  box-shadow: 0 16px 55px -16px #0081FF;
}

.shop_list1 .shop_select .prettydropdown > ul {
  border: none;
  border-radius: 30px;
  left: -30px;
  top: -12px;
}

.shop_list1 .shop_select1 .prettydropdown > ul {
  left: -44px;
}

.shop_list1 .shop_select .prettydropdown > ul > li {
  color: #8799a3;
  font-family: "Cambay",Sans-serif;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
}

.shop_list1 .max-slider-handle.round, .shop_list1 .min-slider-handle.round {
  background: #fff;
}

.shop_list1 .slider.slider-horizontal .slider-selection {
  background: #8799A3;
}

.shop_list1 .slider.slider-horizontal {
  width: 305px;
}

.shop_list1 .slider {
  margin-top: 0;
  margin-bottom: 0;
}

.shop_list1 .shoplist_nav_list {
  margin-top: 5rem;
  margin-bottom: 1rem;
}

.shop_list1 .shop_list1_header {
  margin-bottom: 35px;
}

.shop_list1 .shoplist1_sort {
  font-family: "Montserrat",Sans-serif;
  font-size: 14px;
  color: #252525;
}

.shop_pagination_top {
  margin-top: 5rem;
  margin-left: -30px;
  margin-right: -30px;
}

@media (min-width: 320px) and (max-width: 575px) {
  .shop_list1 .slider.slider-horizontal {
    width: 210px !important;
  }
  .shop_pagination_top {
    margin-right: -15px;
    margin-left: -15px;
  }
}

#light-pagination .prev .shop_pagination_prev {
  position: absolute;
  width: 140px;
  left: 35px;
  font-size: 16px;
  background: none;
  border: none;
  font-weight: bold;
  margin-top: 2px;
}

#light-pagination .next .shop_pagination_next {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: bold;
  margin-top: 2px;
}

#light-pagination .next .shop_pagination_next:hover, #light-pagination .next .shop_pagination_next.next_hover, #light-pagination .prev .shop_pagination_prev:hover, #light-pagination .prev .shop_pagination_prev.next_hover {
  color: #8799a3;
  background: none;
}

.shoplist_sale_position, .shoplist_new_position, .shoplist_top_position, .shoplist_featured_position {
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 8px 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  z-index: 99;
  cursor: pointer;
  position: absolute;
  top: 8%;
  left: 11%;
}

.shoplist_sale_position {
  background-color: #f04e4e;
  box-shadow: 2px 4px 20px 0px #f04e4e;
}

.shoplist_new_position {
  background-color: #39b44a;
  box-shadow: 2px 4px 20px 0px #39b44a;
}

.shoplist_top_position {
  background-color: #006ed9;
  box-shadow: 2px 4px 20px 0px #006ed9;
}

.shoplist_featured_position {
  color: #8799a3;
  background: #fff;
  padding: 7px 20px;
  box-shadow: 0 8px 20px 0 #9da0a2;
}

.shop_interior {
  font-size: 14px;
  color: #8799a3;
}

.shop_landscape {
  font-family: "Montserrat", sans-serif;
  color: #252525;
}

.del_price1 {
  font-size: 14px;
  color: #707070;
  font-family: "Montserrat", sans-serif;
}

.cur_price1 {
  font-size: 16px;
  color: #39b54a;
  font-family: "Montserrat", sans-serif;
}

#slider {
  font-weight: bold;
  color: #8799a3;
}

.slider-handle {
  box-shadow: 2px 2px 27px 5px rgba(204, 204, 204, 0.55);
  cursor: pointer;
}

.shoplist_shadow:hover {
  box-shadow: -1px 2px 31px 2px #b0b0bb;
}

.shop_list2 .card {
  border: none;
  margin-bottom: 18px;
}

.shop_list2 .pagination .page-link {
  border: 0;
}

.shop_list2 .lazyload {
  display: none;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

.bloglist_pagination #loading img {
  -webkit-animation: rotation 2s infinite linear;
}

div.flip-3d figure {
  position: relative;
  transform-style: preserve-3d;
  transition: 1s transform;
  margin: 0;
}

div.flip-3d figure img {
  width: 100%;
  height: auto;
}

div.flip-3d figure figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transform: rotateY(0.5turn) translateZ(1px);
  background: #fff;
  text-align: center;
  opacity: 0.6;
  transition: 1s .5s opacity;
  color: #555555;
}

div.flip-3d:hover figure {
  transform: rotateY(0.5turn);
}

div.flip-3d:hover figure figcaption {
  opacity: 1;
}

.middle_div {
  position: relative;
  top: 35%;
}

.shop_card_margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 320px) and (max-width: 575px) {
  .shop_card_margin {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .shop_list1 .shop_select1 .prettydropdown > ul {
    left: -27px;
  }
}

.shop_card_margin1 {
  margin-top: 18px;
}

.shop_select .prettydropdown:not(disabled) > ul.active {
  overflow-x: visible;
  overflow-y: visible;
}

@media (min-width: 576px) and (max-width: 767px) {
  .shop_list2.card-columns {
    column-count: 2 !important;
  }
  .shop_list1 .slider.slider-horizontal {
    width: 230px;
  }
}

.shop_pagination_top .pagination .page-link {
  border: 0;
}

.shop_pagination_top .page-item.page-disable .page-link, .shop_pagination_top .page-item.next .page-link, .shop_pagination_top .page-item.prev .page-link {
  width: 115px;
  background-color: #fff;
}

.shop_pagination_top .page-item.page-disable, .shop_pagination_top .page-item.prev {
  position: absolute;
  left: 15px;
}

.shop_pagination_top .page-item.prev:hover a, .shop_pagination_top .page-item.next:hover a {
  color: #8799a3;
}

.shop_pagination_top .page-item.next {
  position: absolute;
  right: 15px;
  width: 115px;
}

.shop_pagination_top .page-item.next .page-link, .shop_pagination_top .page-item.prev .page-link {
  color: #252525;
}

.shop_pagination_top .page-item.next.disabled .page-link {
  color: #6c757d;
}

@media (min-width: 320px) and (max-width: 575px) {
  .shop_pagination_top .page-item.page-disable, .shop_pagination_top .page-item.prev {
    position: absolute;
    left: 0;
  }
  .shop_pagination_top .page-item.page-disable .page-link, .shop_pagination_top .page-item.prev .page-link {
    width: auto;
  }
  .shop_pagination_top .page-item.next .page-link {
    width: auto;
    float: right;
  }
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

@media (max-width: 992px) and (min-width: 768px) {
  #nav_shop_list1 .nav-toggler, #nav_shop_list2 .nav-toggler, #nav_cart .nav-toggler, #nav_Checkout_page .nav-toggler {
    top: -22px;
  }
}

/*menu page css code*/
#nav_menu {
  background-image: url(../images/menu_heder.jpg);
  height: 650px;
  background-size: cover;
  background-position: center center;
}

.nav_menu {
  background-image: url(../images/menu_heder.jpg);
  height: 675px;
  background-size: cover;
  background-position: center center;
}

.menu_padding {
  padding: 15rem 0 0 1rem;
}

.menu_header_logo {
  color: #0080FF;
}

.background_menu_color {
  background: #fff;
}

.menu_table td a {
  padding-left: 0;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.menu_table3 td a {
  font-size: 14px;
}

.menu_icons_margin2 {
  margin-top: 51px;
  margin-bottom: 51px;
}

.menu_icons_margin3 {
  margin-top: 39px;
  margin-bottom: 39px;
}

.menu_padding_top {
  padding-top: 28px;
}

.menu_overlay {
  background-color: rgba(47, 47, 47, 0.8);
  height: 675px;
}

.menu_position1 {
  width: 300px;
  display: none;
}

.menu_position2 {
  width: 300px;
  display: none;
}

.menu_position2, .menu_position5, .menu_position4, .menu_position1 {
  display: none;
}

.nav_menu2 {
  position: relative;
}

.menu_position1.right_menu2 {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
}

.menu_position2.right_menu2 {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
}

.menu_close, .menu_close5, .menu_close4, .menu_close3 {
  display: none;
  cursor: pointer;
}

.menu_table td {
  padding-left: 0;
}

.menu_table td a:hover, .menu_table4 li a:hover, .menu_table5 td a:hover {
  color: #8799a3;
}

.menu_table .menu_border_top {
  border: none;
}

.menu_table3 td {
  border: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.menu_table3 {
  margin-bottom: 104px;
}

.menu_toggle_icon, .menu_toggle_icon3, .menu_toggle_icon4, .menu_toggle_icon5 {
  cursor: pointer;
}

.menu_table4 td {
  border: none;
}

.menu_position4.right_menu4 {
  position: absolute;
  display: block;
  background: transparent;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  top: 270px;
}

.menu_table4 {
  margin-bottom: 160px;
}

.menu_table4 a {
  color: #fff;
  font-size: 14px;
}

.menu_table5 a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.menu_position2 .fa, .menu_position5 .fa, .menu_position4 .fa {
  font-size: 16px;
}

.menu_position2 .menu_copy, .menu_position5 .menu_copy, .menu_position4 .menu_copy {
  font-size: 16px;
  font-family: 'Cambay',sans-serif;
}

.menu_overlay4 {
  background-color: rgba(37, 36, 36, 0.9);
  height: 675px;
}

.menu_ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu_ul li {
  float: left;
  padding: 0.75rem;
}

.menu_table5 tr td {
  border: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.menu_position5.right_menu5 {
  position: absolute;
  display: block;
  background: transparent;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  top: 170px;
}

.hide_icon {
  display: none;
}

@media (min-width: 1024px) and (max-width: 1319px) {
  .menu_close2, .menu_close3 {
    margin-right: 100px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .menu_position5.right_menu5 {
    left: 0;
  }
  .menu_position4.right_menu4 {
    left: 0;
    top: 140px;
  }
  .menu_table4 .menu_ul li {
    display: block !important;
    float: none;
  }
  .menu_table4 {
    margin-bottom: 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .menu_icons_margin2 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .menu_icons_margin3 {
    margin-top: 19px;
    margin-bottom: 19px;
  }
}

.menucontentcenter {
  justify-content: center;
  display: flex;
}

.menu5_closeicon {
  right: 25px;
}

.typography {
  font-size: 16px !important;
}

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6, .typography .h1, .typography .h2, .typography .h3, .typography .h4, .typography .h5, .typography .h6 {
  font-weight: 700;
}

.typography .top-spacing {
  margin-top: 45px;
}

.typography .box {
  background: #fff;
  padding: 20px;
  margin: 0 0 30px 0;
  box-shadow: -8px 18px 96px #e7e7e7;
  border-radius: 5px;
}

.typography p {
  font-size: 18px;
  font-family: 'Cambay', sans-serif;
}

.typography .p-18-black {
  font-weight: 400;
  color: #252525;
  font-family: 'Cambay', 'sans-serif';
}

.typography .fa-check {
  color: #0081ff;
  font-size: 13px;
}

.typography .fa-caret-right {
  color: #0081ff;
}

.typography #accordion .accordion-text {
  font-weight: 700;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.typography #accordion .btn-link {
  font-weight: 700;
  font-size: 14px;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.typography #accordion .btn-link:hover {
  color: #8799A3;
}

.typography #myTab1 {
  border: none;
}

.typography #myTab1 .nav-item .nav-link {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #8799A3;
  color: #fff;
  border-right: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.typography #myTab1 .nav-item .nav-link.active {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #F9F9FB;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.typography #tabs-tab1 {
  border-bottom: 0;
}

.typography #tabs-tab1 .nav-item .nav-link.active {
  border-radius: 40px;
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  background: #8799A3;
  color: #fff;
  box-shadow: -4px 13px 20px 3px #e0e0e0;
  border-color: #8799A3;
}

.typography #tabs-tab1 .nav-item .nav-link {
  margin-right: 20px;
  border-radius: 40px;
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  color: #8799a3;
  box-shadow: -4px 13px 20px 3px #e0e0e0;
}

.typography #pills-tab2 .nav-item .nav-link.active {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #F9F9FB;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.typography #pills-tab2 .nav-link {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #8799A3;
  color: #fff;
  border-right: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.typography .projects_btn {
  background-color: #1cbbb4;
  color: #fff;
  border: none;
}

.typography .projects_btn:hover {
  box-shadow: 0 15px 50px 0 rgba(28, 187, 180, 0.5);
}

.typography .projects_btn:focus {
  box-shadow: 0 -5px 50px 0 rgba(28, 187, 180, 0.5);
}

.typography .download-now {
  color: white;
  background-color: #6739b6;
  border-color: #6739b6;
  outline: none;
  border: none;
}

.typography .download-now:hover {
  box-shadow: 0 16px 55px -16px #6739b6;
}

.typography .download-now:focus {
  box-shadow: 1px -16px 72px -11px  #6739b6;
}

.typography .btn-yellow {
  border-radius: 30px;
  border: none;
  font-size: 14px;
  color: #252525;
  padding: 17px 38px;
  background-color: #fefb30;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  outline: none;
}

.typography .btn-yellow:hover {
  box-shadow: 0 10px 30px 0 rgba(254, 203, 22, 0.5);
}

.typography .btn-yellow:active {
  box-shadow: 0px -5px 50px 0px rgba(254, 203, 22, 0.5);
}

.typography .button-dark {
  background-color: #252525;
}

.typography .button-dark:hover {
  box-shadow: 0 15px 50px 0 rgba(37, 37, 37, 0.5);
}

.typography .button-dark:focus {
  box-shadow: 0px -5px 50px 0px rgba(37, 37, 37, 0.5);
}

.typography .add-to-cart {
  color: #fff;
  background-color: #8dc63f;
  outline: none;
}

.typography .add-to-cart:hover {
  box-shadow: 0 15px 50px 0 rgba(141, 198, 63, 0.5);
}

.typography .add-to-cart:focus {
  box-shadow: 0px -5px 50px 0px rgba(141, 198, 63, 0.5);
}

.typography button .fa-check {
  color: #fff;
  font-size: 13px;
}

.typography .table1 .thead-dark th {
  background-color: #F9F9FB !important;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  border: none;
  color: #252525;
}

.typography .thead-primary-color {
  background-color: #0081FF;
  color: #ffffff;
}

.typography tbody {
  font-family: 'Cambay', sans-serif;
}

.typography .style1-progressbar .progress-background {
  background-color: #ef324b;
}

.typography .style1-progressbar .progressbar-head {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.typography .style1-progressbar .progress-bar {
  height: 8px;
  border-radius: 20px;
  border: 0;
  background-color: #fefb30;
}

.typography .style1-progressbar .percentage_text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.typography .style1-progressbar .progress {
  background-color: #f35b6d;
  height: 8px;
}

.typography .style2-progressbar .progress-background {
  background: linear-gradient(to right, #6600cc 20%, #0000ff 80%);
}

.typography .style2-progressbar .progressbar-head {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.typography .style2-progressbar .progress-bar {
  height: 8px;
  border-radius: 20px;
  border: 0;
  background-color: #fefb30;
}

.typography .style2-progressbar .percentage_text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.typography .style2-progressbar .progress {
  background-color: #6577da;
  height: 8px;
}

.typography .navbar .navbar-nav > li > a {
  font-size: 18px;
  color: #252525;
  font-family: 'Work Sans', sans-serif;
}

.typography .navbar .navbar-nav > li > a:hover, .typography .navbar .active a {
  color: #8799A3 !important;
}

.typography .typography-breadcrumb .breadcrumb {
  padding: 0;
  background: #fff;
  border-radius: 0;
  box-shadow: -8px 18px 96px #e7e7e7;
}

.typography .typography-breadcrumb .breadcrumb li {
  padding: 1rem 1rem 1rem 0;
}

.typography .typography-breadcrumb .breadcrumb li a {
  color: #8799A3;
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
}

.typography .typography-breadcrumb .breadcrumb li a:hover {
  color: #636363;
  text-decoration: none;
  font-family: 'Cambay', sans-serif;
}

.typography .typography-breadcrumb .breadcrumb-item.active {
  color: #636363;
  font-family: 'Cambay', sans-serif;
}

.typography .breadcrumb-item + .breadcrumb-item::before {
  color: #dbe4eb;
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 12px;
}

.typography .breadcrumb-item.first::before {
  content: none;
}

.typography .typography-breadcrumb .breadcrumb .breadcrumb-item.home {
  padding: 1rem 2rem;
  border-right: 1px solid #F3F4F6;
  border-left: 1px solid #F3F4F6;
}

.typography .typography-breadcrumb .breadcrumb-item.first {
  padding-left: 20px;
}

.typography .pagination-model1 {
  box-shadow: -8px 18px 96px #e7e7e7;
}

.typography .pagination-model1 .page-link {
  background-color: transparent;
  border: none;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  color: #252525;
}

.typography .pagination-model1 .page-link {
  height: 27px;
  padding: 6px 11px;
}

.typography .pagination-model1 .page-link:focus {
  box-shadow: none;
}

.typography .pagination-model1 .page-item.prev:hover .page-link, .typography .pagination-model1 .page-item.next:hover .page-link {
  color: #8799a3;
  background-color: transparent;
  border-color: transparent;
}

.typography .pagination-model1 .page-item.disabled .page-link {
  color: #8799a3;
}

.typography .pagination-model1 .page-item.prev {
  position: absolute;
  left: 0;
}

.typography .pagination-model1 .page-item.next {
  position: absolute;
  right: 0;
}

.typography .pagination-model1 .page-item.active .page-link, .typography .pagination-model1 .page-item.active:hover .page-link {
  border-radius: 30px;
  z-index: 1;
  color: #fff;
  background-color: #0081FF;
  border-color: #0081FF;
}

.typography .pagination-model1 .page-item:hover .page-link {
  z-index: 1;
  color: #252525;
  background-color: #e9ecef;
  border-color: #e9ecef;
  border-radius: 30px;
}

.typography .pagination-model1 .page-item.one .page-link {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.typography .form-control-label {
  font-size: 16px;
  color: #252525;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
}

.typography .form-control:focus {
  background-color: white;
  border: 2px solid #8799a3;
  box-shadow: none;
}

.typography .remember-me-color {
  color: #252525;
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
}

.typography .bottom-extra-text {
  font-size: 16px;
  color: #252525;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
}

@media (min-width: 320px) and (max-width: 425px) {
  .typography #myTab1 .nav-item .nav-link, .typography #myTab1 .nav-item .nav-link.active {
    padding: 12px 15px;
  }
  .typography #pills-tab1 .nav-item .nav-link.active {
    padding: 12px 13px;
  }
  .typography #pills-tab1 .nav-item .nav-link {
    margin-right: 5px;
    padding: 12px 13px;
  }
  .typography #pills-tab2 .nav-item .nav-link.active, .typography #pills-tab2 .nav-item .nav-link {
    padding: 12px 15px;
  }
  .typography .btn-extra-large {
    padding: 21px 55px;
  }
}

@media (max-width: 991px) {
  .typography .table1, .typography .table2 {
    text-align: center;
  }
}

.right-blog {
  background-color: #8799a3;
  margin-bottom: 1rem;
}

.right-menu-margin {
  right: 0 !important;
}

.setting-icon {
  position: relative;
  right: 33px;
  top: 220px;
  background-color: #252525;
  color: #fff;
  padding: 12px 10px 10px;
  height: 40px;
  cursor: pointer;
}

.right-position {
  position: fixed;
  z-index: 999999;
  right: -305px;
  top: -40px;
  bottom: 0;
  width: 320px;
  background: #8799a3;
  padding: 0 10px 0 0;
  transition: all 0.4s ease;
}

.moduleimg a img:hover {
  opacity: 1 !important;
}

@media (min-width: 320px) and (max-width: 575px) {
  .right-position {
    width: 282px;
    right: -267px;
  }
}

.form-control {
  padding: 18px 25px 13px 25px;
  border-radius: 30px;
  background-color: white;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  color: #8799A3;
  border: 2px solid #F3F4F6;
  font-size: 16px;
}

.form-control:focus {
  background-color: white;
  border: 2px solid #F3F4F6;
  box-shadow: none;
}

.form-background {
  background-color: #F3F4F6;
  color: #8799A3;
}

.btn-small {
  padding: 7px 15px;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
}

.btn-medium {
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 12px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.btn-large {
  padding: 18px 55px;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.btn-extra-large {
  padding: 21px 75px;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.btn-primary:hover {
  box-shadow: 0 15px 50px 0 rgba(0, 129, 255, 0.5);
  outline: none;
}

.btn-primary {
  box-shadow: 2px 2px 36px -6px #0067cc;
}

.btn-success {
  box-shadow: 2px 2px 36px -6px #39b54a;
}

.btn-secondary {
  box-shadow: 2px 2px 36px -6px #8799a3;
}

.btn-primary:focus, .btn-primary:active {
  box-shadow: 0 -5px 50px 0 rgba(0, 129, 255, 0.5);
  outline: none;
}

.btn-primary:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  outline: none;
}

.btn-danger:hover {
  box-shadow: 0 15px 50px 0 rgba(142, 5, 12, 0.5);
  outline: none;
  background-color: #e91d62;
  border-color: #e91d62;
}

.btn-danger:focus, .btn-danger:active {
  box-shadow: 0 -5px 50px 0 rgba(142, 5, 12, 0.5);
  outline: none;
  background-color: #e91d62;
  border-color: #e91d62;
}

.btn-danger:not(:disabled):not(.disabled):active {
  background-color: #e91d62;
  border-color: #e91d62;
  box-shadow: none !important;
  outline: none;
}

.button-dark {
  background-color: #252525;
  box-shadow: 2px 2px 36px -6px #252525;
}

.button-dark:hover {
  box-shadow: 0px 15px 50px 0px rgba(37, 37, 37, 0.5);
}

.button-dark:focus {
  box-shadow: 0px -5px 50px 0px rgba(37, 37, 37, 0.5);
}

.btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.typography .typography_btndefault {
  border-radius: 30px;
}

.typography .bg-light {
  background-color: #f8f9fa !important;
}

@media (min-width: 320px) and (max-width: 575px) {
  .typography .card_width {
    width: 18.2rem !important;
  }
}

.typography .styles_nav {
  padding: 0.5rem 1rem;
}

.input:focus {
  box-shadow: none;
}

@media (min-width: 320px) and (max-width: 575px) {
  .button-group.filter-button-group li, .portfolio4_menu li {
    margin-bottom: 1rem;
  }
}

.toggle_adjust {
  position: relative;
  top: 46px;
  left: 41px;
}

.toggle_shop {
  position: relative;
  top: 50px;
}

.preloader {
  height: 95vh;
  width: 95vw;
  overflow: hidden;
  position: fixed;
  background-color: white;
  z-index: 9999999;
  height: 100%;
  width: 100%;
}

.loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}

.loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}

.loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}

.loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}

.loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}

.loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}

.loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}

.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}

.loader--text:after {
  content: "Loading";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}

@keyframes loading-text {
  0% {
    content: "Loading";
  }
  25% {
    content: "Loading.";
  }
  50% {
    content: "Loading..";
  }
  75% {
    content: "Loading...";
  }
}

.col_padding {
  padding-left: 0;
  padding-right: 0;
}

textarea {
  overflow-x: hidden;
  overflow-y: hidden;
}