@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
body { font-family: 'Roboto', sans-serif; overflow-x: hidden;     font-size: 15px;}
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0px; padding: 0px; list-style: none; }
a:link, a:visited, a:hover, a:active, a:focus, button, img, .fix, .head-right-above, .logo, .prd-cat-item a .txt-overlay
{ text-decoration:none; outline:none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; } 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    
header {background: rgb(142, 80, 44);
background: -moz-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 28%, rgb(255, 255, 255) 28%, rgb(255, 255, 255) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(142, 80, 44)), color-stop(28%, rgb(142, 80, 44)), color-stop(28%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255)));
background: -webkit-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 28%, rgb(255, 255, 255) 28%, rgb(255, 255, 255) 100%);
background: -o-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 28%, rgb(255, 255, 255) 28%, rgb(255, 255, 255) 100%);
background: -ms-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 28%, rgb(255, 255, 255) 28%, rgb(255, 255, 255) 100%);
}
.grecaptcha-badge{
    visibility: hidden;
    opacity: 0;
}
.fix { position: fixed; left: 0; right: 0; top: 0; z-index: 20;
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.2); }
.fix .head-right-above { display: none }
.fix .logo { padding-top: 10px; }
.fix .logo img { height: 50px; }
#backToTop {
display: flex;
align-items: center;
justify-content: center;
background-color: #bd6800;
width: 40px;
height: 40px;
text-align: center;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
position: fixed;
bottom: 30px;
right: 15px;
border: 2px solid #fff;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#backToTop::after {
content: "";
background: url(../images/top-arrow-.svg) center center no-repeat;
color: #fff;
background-size: 20px;
height: 30px;
width: 30px;
position: absolute;
}
#backToTop:hover {
cursor: pointer;
background-color: #e1282c;
}
#backToTop:active {
background-color: #e1282c;
}
#backToTop.show {
opacity: 1;
visibility: visible;
}
.quick-connect {
display: block;
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
}
.menu__item a{padding-left: 0 !important}
.menu__sub-menu__item a:first-child{display: none}
.quick-connect a {
width: 50%;
display: inline-block;
float: left;
text-align: center;
font-size: 14px;
font-weight: 600;
text-decoration: none;
padding: 7px 0 5px;
color: #fff;
box-sizing: border-box;
}
.quick-connect a i {
box-sizing: border-box;
padding-top: 3.5px;
width: 24px;
height: 24px;
border-radius: 50%;
}
.quick-connect a.qc-one {
background: #ad8f68;
}
.quick-connect a.qc-one:hover {
background: #e1282c;
}
.quick-connect a.qc-two {
background: #dda867;
}
.quick-connect a.qc-two:hover {
background: #e1282c;
}
.logo {
position: absolute;
text-align: center;
top: 12px;
z-index: 100;
}
.logo a { position: relative; z-index: 2; }
.head-right-above {  
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
color: #fff;
min-height: 38px;
padding-right: 0;
}
.galerytxt{ 
display: block;
    padding: 10px 0;
    color: #2c398e;
}
.gallerymain a:hover::after{display: block;
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        }
        @-webkit-keyframes zoomIn {
        0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        }
        50% {
        opacity: 1;
        }
        }
        @keyframes zoomIn {
        0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        }
        50% {
        opacity: 1;
        }
        } 
.gallerymain a{position: relative;}
.gallerymain a::after{
    position: absolute;
    content: "";
    height: 50px;
    display: none;
    transition: all .2s ease-in-out;
    width: 50px;
    background: url(../images/plus-button.svg) no-repeat center center;
    background-size: 50px;
    top: -25px;
    z-index: 10;
    left: 50%;
    margin-left: -25px;
}
.gallerymain .img-thumbnail{margin-bottom: 20px;}
.gallerymain .img-thumbnail iframe{display: block;}
.prd-link a{position: initial;}
.fancybox-navigation .fancybox-button div {
    padding: 7px;
    background:#2c398e;
}
.modal-header .close{opacity: 1;}
.modal-header{
background: #2c398e;
color: #fff;
}
.close span{    text-decoration: none !important;
    color: #fff !important;}
.contactus .btn-sm{
border-radius: 50px !important;
padding: 4px 11px;
}

.head-right-above ul:first-child { float: left; }
.head-right-above ul:first-child li { display: inline-block; color: #fff; font-size: 12px; }
.head-right-above ul:first-child li:first-child { border-right: 1px solid #fff; padding-right: 7px; margin-right: 5px; }

.head-right-above ul:last-child { float: right; }
.head-right-above ul:last-child li { display: inline-block; }
.head-right-above ul:last-child li button { border: none; background: none; outline: none; color: #fff; font-size: 14px; }
.head-right-above ul:last-child li .dropdown-menu { left: auto !important; right: 0 !important; transform: translate3d(-0px, 24px, 0px) !important; }
.head-right-above ul:last-child li:first-child .dropdown-menu { width: 300px; padding: 5px; }
.head-right-above ul:last-child input[type="submit"] { background: #bd6800; color: white; border: none; outline: none; font-size: 12px; padding: 0px 10px; }
.head-right-above ul:last-child li:last-child .dropdown-menu { font-size: 14px; }
.head-right-above ul:last-child li:last-child .dropdown-menu a:hover { color: #2c398e; }
.head-right-above ul:last-child li:last-child .dropdown-menu a:focus { background: none }
.head-right-above ul:last-child li:last-child .dropdown-menu i { float: right; color: #2c398e; }


.home-sec { padding: 40px 0px; }
.home-sec-ttl { text-align: left }
.home-sec-ttl h1 {     color: #804b07;
font-size: 25px;
display: inline-block;
}
.home-sec-ttl h1::after {    width: 100px;
height: 2px;
background-color: #bd6800;
display: block;
margin-left: 0;
margin-bottom: 25px;
margin-top: 5px;
content: '';
}
.cat-prod-sec { position: relative; }
.cat-prod-sec::before { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.2; background-image: url(../images/wood-ptrn.jpg); content: ""; }
.prd-cat-item a { position: relative; display: block; }
.prd-cat-item a img { width: 100%; border: 1px solid #bd6800; border-radius: 4px; } 
.prd-cat-item a .txt-overlay { text-align: center;height: 100%; color:#bf700a; padding: 20px 0;}
.prd-cat-item a:hover .txt-overlay{
color: #7b4305 !important;
}
.prd-cat-item a .txt-overlay h5 { font-weight: normal; }
.prd-cat-item a .txt-overlay span { font-size: 12px; display: none; transition: visibility 0s, opacity 0.5s linear; }
.prd-cat-item a .txt-overlay:hover span { display: block;  -webkit-animation: slide-down .3s ease-in-out;
-moz-animation: slide-down .3s ease-in-out; }
.prd-cat-item a .txt-overlay:hover span i { vertical-align: middle }
.prd-link {     text-align: center;
margin-top: 0;
float: right;
}
.prd-link a { float: right; color: #804b07; font-size: 14px;}
.prd-link a:hover { color: #e1282c; }

@-webkit-keyframes slide-down {
0% { opacity: 0; -webkit-transform: translateY(-100%); }   
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
0% { opacity: 0; -moz-transform: translateY(-100%); }   
100% { opacity: 1; -moz-transform: translateY(0); }
}

.intro-sec { background-color: #804b07; text-align: center; }
.intro-sec p { color: #fff; font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.intro-sec a { color: #d38219; font-size: 14px; }
.intro-sec a i { vertical-align: middle }
.intro-sec a:hover { color: #e1282c; }
.ftr-prod-sec { background-color: #f3e7da; }
.ftr-prod-sec .owl-carousel .owl-stage-outer { overflow: visible }

.ftr-prod-sec .owl-carousel .owl-stage {
display: flex;
}
.ftr-prod-sec .owl-carousel .owl-item {
display: flex;
flex: 1 0 auto;
justify-content:center;
opacity: 0;
transition: opacity 500ms;
}
.contactus i{
    color: #8e502c;
    background: #e2e2e2;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 100px;
    line-height: 11px;
    padding-top: 6px;
    margin-right: 5px;
    font-size: 14px;
    border: solid 1px #b6b6b6;
}
.ftr-prod-sec .owl-carousel .owl-item.active { opacity: 1; }
.ftr-prod-sec .owl-carousel a.caption {
display: flex;
flex: 1 0 auto;
flex-direction: column;
color: #171717;
font-size:14px;
}
.ftr-prod-sec .owl-carousel .thumbnail a:first-child {  margin-bottom: 15px;
background: #fff;
text-align: center;
padding: 10px;
}
.ftr-prod-sec .owl-carousel a.caption p:last-child {color: #131313;
font-weight: bold;
}
.ftr-prod-sec .owl-carousel a.caption p:last-child span { text-decoration:line-through; color:#afafaf;    font-weight: 400;
margin-left: 7px;
}
.ftr-prod-sec .owl-carousel .flex-text {
flex-grow: 1
}
.ftr-prod-sec .owl-carousel .thumbnail {
display: flex;
flex-direction: column;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0);
transition: box-shadow 500ms;
margin-bottom: 20px;
}
.ftr-prod-sec .owl-carousel .thumbnail:hover { box-shadow:0px -12px 12px -9px rgba(177, 177, 177, 0.55) }

.rental-area { background-repeat:no-repeat; background-position:center center; background-size:cover; padding:20px; margin-bottom:20px; }
.rental-area h1 { color: #2c398e; font-size: 30px; margin-bottom:10px; }
.rental-area p { color:#171717; font-size:14px; margin-bottom:10px; }
.rental-area a { display: inline-block; color: #fff; background-color: #2c398e; font-size: 14px; padding: 5px 20px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); }
.rental-area a:hover { background-color: #fff; color: #2c398e; }

.news-area { position: relative; }
.news-area > a { position: absolute; right: 15px; top: 15px; color: #2c398e; font-size: 14px; }
.news-area > a:hover { color: #e1282c; }
.news-area h1 { color: #2c398e; font-size: 30px; margin-bottom:20px; }
.news-area h1::after { display:block; width:100px; border-bottom:1px solid #2c398e; content:''; }
.news-area li { margin-bottom:15px; }
.news-area li::after { display:block; border-bottom:1px solid #2c398e; content:''; width:100%; margin:0px 15px; margin-top:15px; }
.news-area li:last-child::after { display: none } 
.news-area li:hover img { border-color:#2c398e }
.news-area li:hover h5 { color:#2c398e }
.news-area li div:first-child { padding-right:0px; }
.news-area li img { width:100%; height:120px; display:block; border:2px solid #c5c5c5; object-fit: cover; }
.news-area li h6 { background-color:#2c398e; color:white; font-size:12px; padding:5px; display:inline-block; margin-bottom:5px; }
.news-area li h5 { color:#171717; font-size:16px; margin-bottom:5px; }
.news-area li p { color:#171717; font-size:14px; }

.brand-sec h1::after { margin-bottom: 20px; }
.brand-item { text-align: center }
.brand-item img { filter: gray; -webkit-filter: grayscale(1); }
.brand-item img:hover { filter: none; -webkit-filter: grayscale(0); }

footer { background: #804b07; background-repeat: no-repeat;
background-size: cover; background-position: center center; padding-top: 40px; color:#fff; font-size: 14px; }
footer h5 { margin-bottom: 20px; text-transform: uppercase }
.ftr-intro img { display: block; margin-bottom: 20px; }
.ftr-intro p { margin-bottom: 10px; }
.ftr-intro a { color: #fff; }
.ftr-intro a:hover { color: #e1282c; }
.ftr-intro a i { vertical-align: middle }
.ftr-links ul li {margin-bottom: 12px;
padding-bottom: 9px;
border-bottom: solid 1px #bd6800;
}
.ftr-links ul li:last-child{border: none;
color: #d6d6d6;
}
.ftr-links ul li a {     color: #fff; }
.ftr-links ul li a i { font-size: 12px; margin-right: 5px; }
.ftr-links ul li a:hover { color: #e1282c; }
.ftr-social li { display: inline-block; margin-right: 0; }
.ftr-social li a {     display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #bd6800;
    color: white;
    text-align: center;
    padding-top: 0;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    font-size: 18px;
}
.ftr-social li a:hover { background-color: #e1282c }
.below-ftr { background-color: #bd6800; padding: 12px 0px 10px; font-size: 12px; margin-top: 40px; }
.below-ftr .copy-right-info { display: flex; align-items: center; justify-content: space-between; }
.below-ftr .copy-right-info p:last-child a { margin-left: 5px; }
.head-right-below{
padding: 5px 0;
position: relative;
}
.menu__item a .arrow:before {
    border: solid #2c398e;
    border-width: 0 2px 2px 0;
}
.menu__item a .arrow {
    right: 1px;
    top: -2px;
}
.menu {
padding: 16px 0;
margin: 0;
width: 100%;
min-height: 100%;
position: relative;
font-size: 14px;
display: flex;
align-items: center;
justify-content: flex-end;
}
header.fix{background: #fff}
.prd-cat-item:hover .txt-overlay{
padding-top:10px;
padding-bottom: 30px;
}
.prd-cat-item:hover img{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.prd-cat-item{transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.intro-sec{
margin-top: 40px;
}

.intro-sec h1{
font-size: 35px;
margin-bottom: 10px;
color: #fff;
}

.intro-sec h1::after{
width: 80px;
height: 1px;
background-color: #d38219;
display: block;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 5px;
content: '';
}

.intro-sec p{
width: 70%;
margin-right: auto;
margin-left: auto;
}
.news-area h5{
font-weight: 400;
font-size: 17px;
margin: 9px 0;
margin: 13px 0;
color: #804b07;
}
.news-area h6{
color: #888888;
font-weight: 400;
}
.news-area p{
margin-top: 10px;
color: #3a3a3a;
font-size: 15px;
}
.news-area a img{
width: 100%;
border: solid 1px #b7b7b7;
}
.carousel-indicators li {
width: 15px;
height: 15px;
border-radius: 120px !important;
border: none !important;
}
/* product single */
.bannerarea{position: relative;}
.bannertxt{
position: absolute;
height: 100%;
width: 100%;
top: 0;
display: flex;
align-items: center;
color: #fff;
}
.bannertxt h3{font-size: 30px}
.bannerarea img{width: 100%}
.bannerarea nav{
    position: absolute;
    width: 100%;
    bottom: -1px;
    opacity: .9;
    font-size: 13px;
    box-shadow: 0 -12px 12px rgba(0, 0, 0, 0.35);
    background: rgba(0, 0, 0, 0.35);
}
.breadcrumb {margin-bottom: .5rem;}
.bannerarea .breadcrumb {
    padding: 0 1rem;
    background-color: transparent;
}
.bannerarea .breadcrumb a{color: #fff}
.breadcrumb-item.active {
    color: #ffffff;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
}
@media (max-width:767px) {
    .bannerarea img { height: 110px; object-fit: cover; }
    .bannertxt { height: 110px; }
    .bannertxt h3 { font-size: 18px; }
    .bannerarea nav { position: relative; bottom: 0; }
}
.sectionblock{padding: 60px 0}
/* product */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
    display: block;
    max-width: none;
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  /* --------------- */
  
  /* xZoom Styles below */
  .xzoom-container { 
    display: inline-block;
  }
  
  .xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    margin-top: 12px;
}
.xzoom-thumbs a { margin-right: 15px; }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
  .xzoom { 
    border: solid 1px rgba(0,0,0,0.3);  
  }
  .xzoom2, .xzoom3, .xzoom4, .xzoom5 {
    border: 1px solid #bd6800;
  }
  
  /* Thumbs */
  .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    border: 1px solid #cecece;
    margin-left: 0;
    margin-bottom: 10px;
  }
  
  .xzoom-source, .xzoom-hidden {
    display: block;
    position: static;
    float: none;
    clear: both;
  }
  
  /* Everything out of border is hidden */
  .xzoom-hidden {
    overflow: hidden;
  }
  
  /* Preview */
  .xzoom-preview {
    border: 1px solid #888;
    background: #2f4f4f;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  }
  
  /* Lens */
  .xzoom-lens {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
  
  /* Loading */
  .xzoom-loading {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    opacity: .7;
    background: url(../images/xloading.gif);
    width: 48px;
    height: 48px;
  }
  
  /* Additional class that applied to thumb when it is active */
  .xactive {
    border: 1px solid #bd6800;
  }
  
  /* Caption */
  .xzoom-caption {
    position: absolute;
    bottom: -43px;
    left: 0;
    background: #000;
    width: 100%;
    text-align: left;
  }
  
  .xzoom-caption span {
    color: #fff;
    font-family: Arial, sans-serif;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    padding: 10px;
  }
  /*  */
.prod-info span{
  text-decoration: line-through;
  color: #afafaf;
  font-weight: 400;
  margin-left: 7px;
}
.prod-info i.lbl-text { color: #bd6800; }
.prod-info .table td, .prod-info .table th {
    padding: .5rem 0;}
    .btn-primary{
        color: #fff;
        background-color: #bd6800;
        border-color: #bd6800;
    }
    .btn-primary:hover {
        background-color: #804b07;
        border-color: #804b07;
    }
.prod-details .table-sm td, .prod-details .table-sm th{padding-left:0 }
.prod-details p{margin-bottom: 15px}
.prod-details{
margin-top: 25px;
}
.prod-details .nav-tabs{    border: 1px solid #dee2e6;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0 );
}
.prod-details .nav-tabs .nav-link {
    border: 1px solid #dee2e6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #2a2a2a;
    text-transform: uppercase;
}
.prod-details .nav-tabs .nav-link.active,
.prod-details .nav-tabs .nav-link.show{
border-bottom-color: transparent;
border-top: solid 2px #2c398e;
color: #2c388c;
}
.prod-details .tab-content{
padding: 15px;
border: solid 1px #dee2e6;
border-top: 0;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding-top: 20px;
}
.prod-details iframe{margin-bottom: 10px;}
.ftr-prod-sec .owl-carousel.d-block .thumbnail{float: left;margin-bottom: 30px;
}

#wrapper {
    padding-left: 0;    
}

#page-wrapper {
    width: 100%;        
    padding: 0;
    background-color: #fff;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 22px 10px;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    color: #fff;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #1a242f;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 60px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        border-top: 1px rgba(0,0,0,.5) solid;
        overflow-y: auto;
        background-color: #222;
        /*background-color: #5A6B7D;*/
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
        border-bottom: 1px rgba(0,0,0,.3) solid;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #1a242f !important;
    }
}

.side-nav>li>ul {
    padding: 0;
    border-bottom: 1px rgba(0,0,0,.3) solid;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    /*color: #999;*/
    color: #fff;    
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

.navbar .nav > li > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  min-width: 15px;
  min-height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}

.navbar .nav > li > a:hover > .label {
  top: 10px;
}

.navbar-brand {
    padding: 5px 15px;
}
#wrapper {
    padding-left: 0;    
}
#page-wrapper {
    width: 100%;        
    padding: 0;
    background-color: #fff;
}

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    color: #fff;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #1a242f;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

/* Side Navigation */



.side-nav>li>ul {
    padding: 0;
    border-bottom: 1px rgba(0,0,0,.3) solid;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    /*color: #999;*/
    color: #fff;    
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

.navbar .nav > li > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  min-width: 15px;
  min-height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}

.navbar .nav > li > a:hover > .label {
  top: 10px;
}
.navbar-brand {
    padding: 5px 15px;
}
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #2c398e;
}

#sidebar .side-bar-toggle {
    background: #804b07;
    font-size: 17px;
    color: #fff;
    border: none;
    outline: none;
    display: block;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: auto;
}

#sidebar .side-bar-toggle i { display: none; }
@media (max-width:768px) {
    #sidebar ul.components { display: none; }
    #sidebar .side-bar-toggle { cursor: pointer; }
    #sidebar .side-bar-toggle i { display: inline-block; }
}

#sidebar ul.components {
    padding-bottom: 20px;
    border-bottom: 1px solid #804b07;
}


#sidebar ul p {
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    background: #141d5b;
}
#sidebar{
width: 100%;
background: #bd6800;
margin-bottom: 15px;
}
#sidebar ul li a {
    padding: 10px 15px;
    font-size: 1.1em;
    display: block;
    color: white;
}

#sidebar ul li a:hover {
    color: #fff;
    background: #d3882c;
}



a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.brands h5{margin-bottom: 25px}
.brands img:hover{ transform: scale(1.1);}
.brands img{ transition: transform .2s;}
.sitemap .list-group-item {
    width: 48%;
    display: inline-block;
    padding: 0;
    background: #eeeeee;
}
.sitemap .list-group-item:hover{
    background: #d3d3d3;
}
.sitemap .list-group {
    display: block;
}
.list-group-item a{
width: 100%;
padding: .75rem 1.25rem;
display: block;
color: #000;
}
.sitemap .list-group i{color: #313d8f;margin-right: 5px;}
.contactus .bg-white{
box-shadow:0 5px 5px -5px rgba(51, 51, 51, 0.3);
}
.form-control, input:focus, textarea:focus{box-shadow: none !important;
    border-radius: 0;}
    .btn {border-radius: 0;}
    .modal-footer, .modal-header{border-radius: 0 !important;}
    .btn {
        font-size: 15px;
    }    
.owl-theme.row{display: flex !important}
.owl-theme.row .thumbnail{margin-bottom: 25px}
.newsandevents .card-title{   
    color: #804b07;
     font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
    display: block;
    font-weight: 500;
}
.newsandevents .card{margin-bottom:35px;    height: 100%;
}
.newsandevents .col-12{
    margin-bottom: 35px;
}
.newsandevents.single .card{height:auto;margin-bottom: 10px}
.newsandevents.single .card .card-title{margin-bottom: 10px}
.aboutcard img{max-width: 70px; margin-bottom: 15px; margin-top:15px; }
.aboutcard .card{color: #19256f}
.isloading {
    display: none;
}

.error {
    color: crimson;
}

.danger {
    border: 1px solid;
    border-color: crimson;
    margin-bottom: 5px;
}

#sidebar ul li.active>a, a[aria-expanded="true"] {
    color: #fff;
    background: #d3882c;
}
.tab-pane table{width:100% !important;}
.tab-pane td, .tab-pane th {
    padding: .3rem;
}
.ftr-prod-sec{overflow: hidden}
.ftr-prod-sec .owl-carousel .owl-item:hover .thumbnail a:first-child{
    -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  .fa-calendar-alt {
      margin-right: 5px;
  } 
  .pager {
      margin-bottom: 30px;
      display: flex;
      justify-content: center;
  }
  .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #2c398e;
    border-color: #2c398e;
}
.page-link{color: #2c398e}
.searchpage{
    margin-bottom: 25px;
}

.loaded {
    position: absolute;
    width: 100%;
}
.loaded img{
margin: 0 auto;
display: block;
}


.whatsApp-icon {
    width: 45px;
    height: 45px;
    background-color: #25d366;
    color: #fff !important;
    font-size: 28px;
    box-shadow: 1px 2px 3px #999999a1;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 15px;
    bottom: 80px;
    z-index: 120;
}

.pg-about p {
    margin-bottom: 20px;
    color: #804b07;
}
















































/*.........................................Responsive style.........................................*/

@media screen and (max-width: 992px) and (min-width: 768px) { }

@media screen and (max-width: 992px){
    .menu__item .dropdown-menu a {
        color: #2c398e;
    }
    .dropdown-menu{
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 50% !important;
    transform: translate3d(5px, 42px, 0px);
    margin-left: -68px;
    text-align: center;
}
    #sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #1e2975;
}
.intro-sec p {
width: 90%;
}
.intro-sec h1 {
font-size: 25px;
margin-top: 20px;
}
header{ 
background: rgb(142, 80, 44);
background: -moz-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 34%, rgba(237,237,237,1) 34%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(142, 80, 44)), color-stop(34%, rgb(142, 80, 44)), color-stop(34%, rgba(237,237,237,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 34%, rgba(237,237,237,1) 34%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 34%, rgba(237,237,237,1) 34%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgb(142, 80, 44) 0%, rgb(142, 80, 44) 34%, rgba(237,237,237,1) 34%, rgba(237,237,237,1) 100%);
height: 98px;
}
.menu {
padding: 16px 0;
margin: 0;
width: 100%;
min-height: 100%;
position: relative;
font-size: 14px;
display: block;
text-align: center;
}
.menu__item{border-color: #2c398e}
.logo img{
width: 180px;
}
.logo {
top: 5px;
}
header.fix {
height: 75px;
}

}
@media only screen and (min-width: 768px) { 
.quick-connect { display: none }

}

@media only screen and (max-width: 768px) {
    .gallerymain iframe {
        height: auto;
    }
    .sitemap .list-group-item {
        width: 100%;
        display: inline-block;
    }
.prod-details .nav-link {
        display: block;
        padding: .4rem .5rem;
        font-size: 13px;
    }
.fix .menu-button {
top: 18px;
}

.menu-button {
top: 11px;
right: 15px;
}
.logo {
text-align: left;
padding-top: 0;}
.logo::after { display: none }
.prd-cat-item a { margin-bottom: 20px; }
}

@media only screen and (max-width: 767px) {
    .showpg{
        display: none
    }
    .sectionblock {
        padding: 30px 0;
    }
.intro-sec a {
margin-bottom: 10px;
display: block;
}
.fix .logo img { height: 40px; }
.head-right-above::before { display: none }
.head-right-below { padding: 0px; background: none }
.head-right-below::before { display: none }
.home-sec { padding: 20px 0px; }
.home-sec-ttl h1, .rental-area h1, .news-area h1 { font-size: 24px; }
.home-sec-ttl h1::after { margin-bottom: 20px; }
.prd-link { margin-top: 10px; }
.video-sec iframe { height: 200px; }
.news-area > a { top: 5px }
.ftr-intro, .ftr-address { margin-bottom: 20px; }
.below-ftr { padding-bottom: 50px; }
.whatsApp-icon { bottom: 90px; right: 14px; }
#backToTop { bottom: 40px; }
.below-ftr .copy-right-info { flex-direction: column; }
header{padding-right: 10px;padding-left: 10px}
}

@media only screen and (max-width: 480px) {
.owl-theme .owl-nav [class*="owl-"] {
position: relative;
padding: 0 10px !important;
}
.home-sec {
padding: 20px 0px;
}
header{    padding: 0 10px; }
.prd-cat-item a .txt-overlay, .prd-cat-item:hover a .txt-overlay {
padding: 10px 0 0;}
footer{text-align: center}


}

body .pagination {
    width: 100%;
    justify-content: center;
}