body {
    background-color: #f0f0f0;
    font-size: 0.875rem;
}
.navbar-nav{    align-items: center;}
.navbar-light .navbar-nav .nav-item>.nav-link {
    color: white;
    
}
.navbar-light .navbar-toggler {
   border: 0;
    padding: 0;
    font-size: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

/* Fonts */
.banner, .hover h4, .preview-thumbnail.nav-tabs li:first-child, h3.product-title  {
    font-family: 'Oswald', sans-serif;
}
.navbar, .card-style .card-header, h4.product-heading, .hover button.info,.privacy a{
	font-family: 'Josefin Sans', sans-serif;
}
.nav-details, h4.product-heading small, .product-pagination, .overlay p, footer p.address, .details {
	font-family: 'Montserrat', sans-serif;
}
/* Fonts */


/* Banner*/

.banner{
    background: url(../img/products/product-banner.jpg) no-repeat center center / cover;
    height: 200px;
}

/* Product */

.product-pagination ul.pagination li a.page-link {
    background: transparent;
    border: navajowhite;
    padding: 0 .75rem;
    color: white;
}
.product-pagination ul.pagination li a.page-link.active {
    font-weight: bold;
}
.card-style {
    border: 0;
     background: transparent;
    /*border-bottom: 10px solid #f0f0f0 !important;*/
}
.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.card-style .card-header {
    background-color: transparent;
    border: 0;
}
.accordian-style {
       color: white;
    text-decoration: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.accordian-style:hover {
    color: #818181;
    text-decoration: none;
    transition: color .5s ease-in-out;
}
.accordian-style h6 {
    letter-spacing: 2px;
}

/* Gallery */

h4.product-heading  {
    text-align: left;
    font-size: 0.9rem;
    color: #fff;
    letter-spacing: 2px;
}

/*.product-pg.preview-thumbnail li {
    width: 19%;
}
ul.product-pg li a img {
    width: 100%;
}*/

.img-gallery .img-fluid {
    width: 100%;
}

/* Hover Effect */
.hover {
    float: left;
    position: relative;
    cursor: default;
}
.hover img {
    display: block;
    position: relative;
}
.hover, .hover .overlay {
    width: 100%;
    /*height: 100%;*/
    height: auto;
    overflow: hidden;
}
.hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
}
.ehover9:hover .overlay {
    opacity: 1;
    top: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.ehover9 .overlay {
    background-color: rgba(0,0,0,.5);
    top: -200px;
    opacity: 0;
    -webkit-transition: all .1s ease-out .5s;
    transition: all .1s ease-out .5s;
}
.overlay h4, .overlay p {
    text-align: center;
    color: #fff;
}
.hover button.info, .hover h4 {
    text-transform: uppercase;
    color: #fff;
}
.hover button.info {
    text-decoration: none;
    padding: 2px 22px;
    border: 1px solid #fff;
    margin: 0;
    left: 20%;
    position: relative;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
}
.img-gallery div a.hover .overlay {
    max-width: 100% !important;
}
.ehover9:hover button.info{
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.ehover9 button.info {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: black;
}
	.img-gallery .new_gallery_div {
	  max-width:25% !important;
	}
	.new_gallery_div a .ehover9:hover {
	  cursor:pointer!important;;
	}
	.product-pagination {
	  display:block; width: 100%!important; flex:none!important;
	}
	.pagination-active {
	  font-weight: 700;
	}
	.pagination {
	  padding: 0 0 30px!important;
	}
	@media (max-width:767px){
	  .img-gallery .new_gallery_div {
		max-width: 50%!important;
	  }
	}

/* Dropdown */

/* The container */
.cb-container {
    display:block;
    position: relative;
    padding-left: 35px;
    margin-right:12px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
    position: absolute;
    opacity: 0;
    left: 6px;
    top: 8px;
    cursor: pointer;
}
.cb-container p{
	font-size:0.9rem;
    color: white;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
  top: 3px;
    left: 5px;
    height: 20px;
    width: 20px;
    background-color: #ebebec;
    border:1px solid #ccc;
    border-radius: 1px;
}

/* On mouse-over, add a grey background color */
.cb-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.cb-container input:checked ~ .checkmark {
    background-color: #818181;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cb-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.view-btn
{text-align: center;
margin: 10px 0;
}
.view-btn .btn
{font-size: 1rem;
background-color: #fff;
color: #a0a0a0;
border: 1px solid #ccc;
border-radius: 0;
    letter-spacing: 1px;
   padding: 5px 30px;
}




/* Footer */

footer p.address {
    color: #e0e1df;
    padding: 15px 0 5px;
    margin: 0;
}
footer p.privacy{ 
	color: #717272;
}


/* Product page 2*/

.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; 
}
.preview-thumbnail.nav-tabs li:first-child {
    width: 30%;
    font-size: 1.5rem;
}
.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; 
    position: relative;
}
.preview-thumbnail.nav-tabs {
  border: none;
}
.preview-thumbnail.nav-tabs li {
    width: 15%;
}
.parrten-zoom-view {
    border: 2px solid white;
    height: 115px;
    width: 170px;
    position: absolute;
   /* background: url(../img/products/product-zoom-view.jpg) no-repeat center center;*/
    bottom: 0;
    left: 22px;
}
.preview-thumbnail.nav-tabs li img {
    max-width: 100%;
    display: block; 
}
.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0; 
}
.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0; 
}
.tab-content {
  overflow: hidden; 
}
.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
        object-fit: cover;
    height: 100%;
}
.product-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; 
}
h3.product-title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
p.product-heading a {
    color: white;
}
.product-details-list {
    font-size: 1rem;
    line-height: 33px;
/*    max-height: 513px;
    height: 513px;*/
}
.product-details-list p {
    font-size: 0.9rem;
}
.product-details-list ul li {
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4;
}
.product-details-list ul li span {
    font-weight: normal;
}
@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3); 
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); 
    } 
}
@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3); 
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); 
    } 
}

nav .container{
    max-width: 1131px !important;
    padding: 0 25px !important;
   align-items: flex-start !important;
}

.bg-black {
   background: #000005;
}

.main-nav li.nav-item {
    padding-right: 25px;
    position: relative;
    padding-bottom: 10px;
    font-family: 'Josefin Sans',sans-serif;
}

.main-nav li.nav-item:last-child,.top-nav .nav-item:last-child{
  padding-right:0 !important;
} 

.main-nav a.nav-link {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: 1px solid #000;
    padding: 0 0 1px !important;
}

.main-nav > li > a.nav-link:hover {
   border-color: #fff;
}

.top-nav .nav-item {
    padding: 0 15px 0 0 !important;
    font-size: 14px;
    font-weight: 600;
        vertical-align: middle;
}

.top-nav a.nav-link {
    padding: 0 !important;
    color: #d3d4d1 !important;
    display: flex; align-items: center;
}

.top-nav a.nav-link .fa-phone{
   transform: rotate(-270deg);
   font-size: 11px;
   position: relative; top: -1px;
}

.top-nav .nav-item:first-child a.nav-link span{

   margin-top: 0;
   }
   
.top-nav a.nav-link span{
  display:inline-block;
  padding-right:5px;
}

nav {
    padding: 20px 0 10px !important;
}

.main-nav{
  margin-top: 20px;
}

a.navbar-brand {
    padding: 0;
    width: 23.5%;
}

a.navbar-brand img {
   max-width:220px;
   width:100%;
}

ul.responsive {
    display: none;
}

.footer-logo {
    max-width: 75px;
   margin: 0px !important;
}
.address small {
    font-size: 12px;
}

.address span {
    margin-bottom: 4px;
    display: block;
        font-weight: 500;
}
.address span:nth-child(2) {
    margin-bottom: 23px;
}

footer a {
    color: inherit;
}
footer a:hover{color:#fff;    text-decoration: underline;
    text-underline-position: under;} 
footer.bg-black{
    padding: 85px 0 85px !important;
}
.img-gallery .new_gallery_div {
    padding: 5px;
    float: left;
}

.img-gallery .new_gallery_div a {
    display: block;
}
.product-details-list ul li span {
    font-weight: normal;
    width: calc(100% - 110px);
     display: inline-block;
}
.product-details-list ul li span.detail {
    font-weight: 700;
    width: 110px;
    display: inline-block;
    padding-right: 15px;
}

.preview > .row,.tab-content>.active{height:100%;}
li.page-item:last-child a {
    padding-right: 0 !important;
}
.product-pagination ul.pagination li a.page-link:hover{font-weight:700;}
.top-nav a.nav-link:hover{color:#fff !important;}

  .new_gallery_div a .ehover9:hover {
    cursor:pointer!important;
  }
  .product-pagination {
    display:block; width: 100%!important; flex:none!important;
  }
  .pagination-active {
    font-weight: 700;
  }
  .pagination {
    padding: 0 0 30px!important;
  }