@font-face {

    font-family: 'Brandon Grotesque';

    src: url('../fonts/BrandonGrotesque-Medium.eot');

    src: url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/BrandonGrotesque-Medium.woff2') format('woff2'),

        url('../fonts/BrandonGrotesque-Medium.woff') format('woff'),

        url('../fonts/BrandonGrotesque-Medium.ttf') format('truetype'),

        url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Brandon Grotesque';

    src: url('../fonts/BrandonGrotesque-Bold.eot');

    src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),

        url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),

        url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype'),

        url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Brandon Grotesque';

    src: url('../fonts/BrandonGrotesque-RegularItalic.eot');

    src: url('../fonts/BrandonGrotesque-RegularItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2'),

        url('../fonts/BrandonGrotesque-RegularItalic.woff') format('woff'),

        url('../fonts/BrandonGrotesque-RegularItalic.ttf') format('truetype'),

        url('../fonts/BrandonGrotesque-RegularItalic.svg#BrandonGrotesque-RegularItalic') format('svg');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Brandon Grotesque';

    src: url('../fonts/BrandonGrotesque-Regular.eot');

    src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2'),

        url('../fonts/BrandonGrotesque-Regular.woff') format('woff'),

        url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype'),

        url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Brandon Grotesque';

    src: url('../fonts/BrandonGrotesque-Black.eot');

    src: url('../fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),

        url('../fonts/BrandonGrotesque-Black.woff2') format('woff2'),

        url('../fonts/BrandonGrotesque-Black.woff') format('woff'),

        url('../fonts/BrandonGrotesque-Black.ttf') format('truetype'),

        url('../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}





html {

  scroll-behavior: smooth;

 /* --top-spacing: 0px;

  scroll-padding-top: var(--top-spacing);
*/
}



body {

	font-family: 'Brandon Grotesque';	

	color: #21201D;

}



.btnPrimary {background-color: #412D30; color: #fff; border-radius: 0;  }

.btnPrimary:hover, .btnPrimary:focus, .btnPrimary:active, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #21201D;
    color: #fff;
}

.form-control:focus {box-shadow: none;}

.fawn {background-color: #E2D6CC;}

nav {

  transition: background-color .3s ease-out;

}

.fixed-top { position:absolute; }

.single-product .fixed-top, .page-template-privacy-policy .fixed-top,  .woocommerce-account .fixed-top, .page-template-register .fixed-top, .page-template-change-password .fixed-top, .page-template-my-profile .fixed-top, .page-template-edit-profile .fixed-top, .page-template-catalogue .fixed-top {
    position: relative;
}

 nav.sticky1 {

    background-color: rgba(255,255,255, 0.7); 

 }

 nav.sticky {

    background-color: transparent; 

 }



.navbar-light .navbar-nav .nav-link, .navbar-nav.mainNav .menu-item.current-menu-item .nav-link {color: rgba(33,32,29, 1); letter-spacing: 0.2px; position: relative; font-size:14px; font-size:0.875rem;
    
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, li.nav-item.active .nav-link {color: rgba(119,97,109, 1); }

.navbar-nav.mainNav .menu-item:focus, .navbar-nav.mainNav .menu-item:hover  {color: rgba(119,97,109, 1); }

.navbar-light .navbar-nav .nav-link svg {margin-top: -8px;}

.sticky .navbar-light .navbar-nav .nav-link {color: #412D30;}


.navbar-nav.mainNav .menu-item.current-menu-item .nav-link:after, .navbar-nav.mainNav .menu-item .nav-link:hover:after,
li.nav-item.active .nav-link:after, li.nav-item .nav-link:hover:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  border-bottom: solid 1px #77616d;

  animation: border_anim 1s linear forwards;

}



.navbar-light .navbar-toggler {border: 0;}

.navbar-toggler:focus {box-shadow: none;}

@keyframes border_anim {

  0%{

    width: 0%;

  }

  100%{

    width: 100%;

  }

}

.navbar-light .navbar-brand img {max-width: 100%; height: auto}

.heroSection {position: relative;}





.heroSection .owl-carousel .owl-stage-outer .owl-item .item:after {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 200px;

    mix-blend-mode: screen;

    z-index: 4;

    -moz-opacity: .85;

    -khtml-opacity: .85;

    -webkit-opacity: .85;

    opacity: .85;

    content: "";

    background: linear-gradient(to bottom,#ffffff 0,rgba(49,30,8,0) 100%);



}



 .heroSection .carousel-item {position: relative;}

 .heroSection .carousel-caption {

 /* position: relative;*/

  left: 0;

  color: #21201D; 

  bottom: 0;

  top: 17%;

  text-align: left;

  margin-bottom: 0;

  z-index: 999;

  flex-direction: column;

  justify-content: start;

  display: flex;

}



.heroSection .carousel-caption h5, .innerheadercontent h5 {font-size: 16px; font-size: 1rem; font-weight: 500; color: #412D30;}

.heroSection .carousel-caption h1, .innerheadercontent h1 {font-size: 20px; font-size: 1.25rem; font-weight: 400; color: #21201D; letter-spacing: 1px; text-transform: uppercase;}

.heroSection .carousel-caption p, .heroInner .innerheadercontent p, .headerInsidebox .calltoAction {font-size: 16px; font-size: 1rem;}
.headerInsidebox .calltoAction {font-weight: 500;}
.heroSection .carousel-caption a {color:#21201D; text-decoration: underline; text-transform: uppercase; font-size: 16px; font-size: 1rem; font-weight: 500;}

.heroSection .carousel-caption a:hover {text-decoration: none;}
 .heroSection .carousel-caption h1 {color: #fff; }
 .heroSection .carousel-caption p,  .headerInsidebox a, .headerInsidebox .calltoAction  {color: #fff;}
 .heroSection .carousel-caption a {color: #fff; }
 .heroSection .carousel-caption p {color:#fff;}
 .headerInsidebox a {text-decoration: underline;}
 .headerInsidebox a:hover {text-decoration: none;}
./*home .heroSection .carousel-caption h5, .home .heroSection .carousel-caption h1, .home .heroSection .carousel-caption a {color: #fff;}*/


.heroSection .owl-carousel {position: relative;}

.heroSection .owl-theme .owl-dots {position: absolute; right:10px;     top: 40%; bottom: auto;     transform: rotate(90deg); }

.heroSection .owl-theme .owl-dots .owl-dot {

    border: 1px solid transparent;

    border-radius: 50%;

    padding: 3px 1px !important;

    margin-right: 3px;

    transition: background-color .3s ease-out;

}



.heroSection .owl-theme .owl-dots .owl-dot.active, .heroSection .owl-theme .owl-dots .owl-dot:hover {

    border: 1px solid #fff;

    border-radius: 50%;

    padding: 3px 1px !important;

    transition: background-color .3s ease-out;

}









.heroSection .owl-theme .owl-dots .owl-dot span {border-radius: 0; background: #ffffff; transform: rotate(45deg); 

  width: 8px;

  height: 8px;

}







@-webkit-keyframes scroll-inner {

    from {margin-top: 15%;}

    to {margin-top: 50%;}

}

@keyframes scroll-inner {

    from {margin-top: 15%;}

    to {margin-top: 50%;}

}

@-webkit-keyframes scroll-mouse {

    from {margin-top: 0;}

    to {margin-top: 15px;}

}

@keyframes scroll-mouse {

    from {margin-top: 0;}

    to {margin-top: 15px;}

}



.mouse-container{

    position: absolute;

    display: block;

    /*height: 100px;*/

    z-index: 999;

    bottom: auto;

    top: auto;

    left: 0;

    right: 0;
    bottom: 45px;

    margin-left: auto;

    margin-right: auto;

    max-width: fit-content;

}

.mouse{

  position:relative;

  margin:0 auto;

  display:block;

  width:36px;

  height:36px;

  border: solid 2px rgba(255,255,255, 0.5);

  border-radius: 50%;

  transition: background-color .3s ease-out;

}



.mouse:hover { background-color: rgba(65, 45, 48, 0.6);}



 .mouse span.scroll-down{

    display:block;

    margin:auto;

    color: rgba(255,255,255, 0.5);

    text-align: center;

    -webkit-animation: scroll-inner 1.5s; 

    animation: scroll-inner 1.5s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function:ease;

    animation-timing-function:ease

      

  }





.homeProducts {}

.homeProducts .homePro {position: relative;}



.homeProducts .owl-carousel.homePro .owl-nav button.owl-next, .homeProducts .owl-carousel.homePro .owl-nav button.owl-prev{

  border: 1px solid #9BA399;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  padding: 3px 6px !important;

  text-align: center;

}

.homeProducts .owl-carousel.homePro .owl-nav button.owl-next i, .homeProducts .owl-carousel.homePro .owl-nav button.owl-prev i {color: #9BA399;}



.homeProducts .owl-theme .owl-nav [class*="owl-"]:hover {background:#412D30; border: 1px solid #412D30;}



.homeProducts .owl-carousel.homePro .owl-nav span {

  width: 30px;

  height: 30px;

  text-align: center;

  display: flex;

  justify-content: center;

  font-size: 24px;

  font-size: 1.5rem;

  line-height: 24px;

  display: flex;

}

.homeProducts .homePro .owl-item .item .carousel-caption  {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(216, 214, 204, 0.8);

  display: flex;

  justify-content: center;

  flex-direction: column;

  color: #21201D;

  visibility: hidden;

  transition: all 0.1s ease;

  text-align: left;

  padding-left: 15px;

}

.homeProducts .owl-carousel .owl-item:hover {width: 120%;}



.homeProducts .owl-carousel.homePro .owl-item:hover .carousel-caption {

  visibility: visible;

}

.homeProducts .homePro .owl-item .item .carousel-caption h5, .mainOuter .product .product-card .carousel-caption h5 {font-size: 16px; font-size: 1rem; font-weight: 400;}

.homeProducts .homePro .owl-item .item .carousel-caption h2, .homeProducts .homePro .owl-item .item .carousel-caption a, .mainOuter .product .product-card .carousel-caption h2 {font-size: 20px; font-size: 1.25rem; font-weight: 400; text-decoration: none;}
.homeProducts .homePro .owl-item .item .carousel-caption a {color:#21201D}
.homeProducts .homePro .owl-item .item .carousel-caption p, .homeProducts .homePro .owl-item .item .carousel-caption .dymantion p, .productDetail .product-summary .dymantion p, .mainOuter .product .product-card .carousel-caption p {font-size: 18px; font-size: 1.125rem; }

.homeProducts .homePro .owl-item .item .carousel-caption .dymantion h3, .mainOuter .product .product-card .carousel-caption .dymantion h3, .productDetail .product-summary .dymantion h3 {font-size: 16px; font-size: 1rem; font-weight: 400;}

.homeProducts .sectionHeading  {padding-left: 15px; padding-right: 15px; } 



.sectionHeading h2{font-size: 20px; font-size: 1.25rem; font-weight: 400; color: #412D30;}

.sectionHeading h2 span {font-size: 16px; font-size: 1rem; color:#21201D; }

.subHeading h3 {font-weight: 400;}

.sastainabililty .contentBlock {

  position: absolute;

  background-color: rgba(225, 216, 209, 0.5);
  

  top: 15px;

  right: 15px;

  left: 15px;

  max-width: 425px;

}



.contentBlock a {

color: #21201D;

text-decoration: underline;

text-transform: uppercase;

font-weight: 500;

transition: all 0.3s ease;

font-size: 14px;

font-size: 0.875rem;

}

.contentBlock a:hover {text-decoration: none;}

.sastainabililty .contentBlock p {font-size: 18px; font-size: 1.125rem;}



.facility {background-color: #E2D6CC;}

.facility .contentBlock {max-width: 450px;  }

.facility .contentBlock p, .enquiry, .enquiry a {font-size: 16px; font-size: 1rem;}

.facility .play a {font-size: 28px;  font-size: 1.75rem;}

.facility .play a:hover {color: #412D30;}

.enquiry, .enquiry a {color: #412D30; text-decoration: none;}

.enquiry a:hover {color: #21201D}



footer {background-color: #E2D6CC; }

footer .footerNav li {list-style: none; margin-right: 15px; margin-left: 15px; display: block; line-height: 1.5; margin-bottom: 5px;}

footer .footerNav li a {text-transform: uppercase; text-decoration: none; color: #21201D; font-size: 14px; font-size: 0.875rem;}

footer .footerNav li a:hover {color: #412D30;}

.fbt {border-top: 1px solid #707070; font-size: 16px; font-size: 1rem;}

footer .cerfications img {max-width: 80px;} 

.copyright  {font-size: 14px; font-size: 0.875rem;}
.copyright a {color: #21201D; text-decoration: none;}




/*collection page css */







.heroInner:after {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 200px;

    mix-blend-mode: screen;

    z-index: 4;

    -moz-opacity: .85;

    -khtml-opacity: .85;

    -webkit-opacity: .85;

    opacity: .85;

    content: "";

    background: linear-gradient(to bottom,#fff 0,rgba(49,30,8,0) 100%);



} 



.bdrall {border:1px solid #707070;}

.bdrb {border-bottom:1px solid #707070;}

.innerheadercontent {color: #fff; position: relative; z-index: 999; }

.innerheadercontent h1 {text-transform: uppercase; color: #fff;}

.innerheadercontent h5 {color: #fff;}

.collectionListing .contentBlock .sectionHeading h5 {font-size: 16px; font-size: 1rem; }



.mainOuter .category-content-area .collapse, .mainOuter .category-content-area .collapsed {

        transition: all 3s ease;



}

.collapse:not(.show) {transition: all 3s ease;}



.mainOuter .category-content-area .collapse .btn, .mainOuter .category-content-area .collapse.show .btn{

    transition: all 3s ease;



}

.mainOuter .category-content-area {font-size: 16px; font-size: 1rem;}



.mainOuter .category-content-area .expandcontent {text-decoration: none; color:#21201D; cursor: pointer; position: relative;}

.mainOuter .product .product-card .carousel-caption   {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(216, 214, 204, 0.8);

  display: flex;

  justify-content: center;

  flex-direction: column;

  color: #21201D;

  visibility: hidden;

  transition: all 0.1s ease;

  text-align: center;

  padding-left: 15px;

}



.mainOuter .category-content-area .mouse span.scroll-down {position: relative; color:  #412D30; }

.mainOuter .category-content-area .mouse {

    display: inline-block;

    position: absolute;

    top: 0px;

    width: 20px;

    height: 20px;

    border: 0;

    font-size: 16px;

    font-size: 1rem;

    line-height: 16px;

}

.mainOuter .category-content-area .mouse:hover {background-color: transparent;}



.mainOuter .product .product-card:hover .carousel-caption {visibility: visible;}

.mainOuter .product .product-title h3, .woocommerce ul.products li.product a {font-size: 18px;  font-size: 1.125rem; color: #412D30; font-weight: 400;}
.woocommerce ul.products li.product .woocommerce-loop-product__title {font-size: 18px;  font-size: 1.125rem; color: #412D30; font-weight: 400;}

.mainOuter .product .product-title a, .mainOuter .product .product-title a:hover {text-decoration: none; font-weight: 400;}
.mainOuter .product .product-title p {font-size: 16px; font-size: 1rem;}

.mainOuter .product .product-card .carousel-caption a {

    color: #21201D;

    text-decoration: underline;

    text-transform: uppercase;

    font-weight: 500;

    transition: all 0.3s ease;

    font-size: 16px;

    font-size: 1rem;

  }

.mainOuter .product .product-card .carousel-caption a:hover {text-decoration: none;}

.loadmore {font-size: 18px;  font-size: 1.125rem; color: #21201D; text-decoration: underline; text-transform: uppercase;}

.loadmore:hover {color: #412D30; text-decoration: none;}

.productFillters {border-top: 1px solid #707070; border-bottom: 1px solid #707070; font-size: 14px; font-size: 0.875rem; }

.productFillters .form-select {border: 0; font-size: 14px; font-size: 0.875rem; }

.productFillters .form-select:focus {box-shadow: none;}



body.noHero .navbar {background-color: #fff; border-bottom: 1px solid #E2D6CC;}

.productDetail {}

.productDetail .product-summary h5{font-size: 16px; font-size: 1rem; color:#412D30; font-weight: 400;}

.productDetail .product-summary h2 {font-size: 20px; font-size: 1.25rem; font-weight: 400;}

.productDetail .product-summary p {font-size: 16px; font-size: 1rem;}

.fnt18 {font-size: 16px; font-size: 1rem;}

.addtowishlist {font-weight: 500;}

.addtowishlist i {line-height: 16px;}

.addtowishlist a {color: #412D30;}

.productDetail .product-summary .dymantion h3 {font-weight: 500;}

.product-summary a.enquiry, .productDetail a.account {color: #21201D; font-size: 14px; font-size: 0.875rem; text-decoration: underline;}

.product-summary a.enquiry:hover, .productDetail a.account:hover {color: #412D30; text-decoration: none;}

.product-summary .colors ul li, .colors li  {list-style: none; text-decoration: none;}

.sectionHeadingCentered {text-align: center; position: relative;}



.sectionHeadingCentered:before { content: '';

  position: absolute;

  border-bottom: 1px #707070 solid;

  width: 100%;

  transform: translateY(-100%);

  left: 0;

  top: 50%;

   }



.sectionHeadingCentered h2 {    

  max-width: max-content;

  margin: auto;

  padding: 10px 20px;

  background-color: #fff;

  position: relative;

  font-weight: 500;

  font-size: 20px;

  font-size: 1.25rem;

  color: #412D30;

  text-transform: uppercase;

}

.breadcrumbSection {background-color: #E2D6CC; margin-top: 0px;}

.breadcrumb, .breadcrumb a {font-size: 16px; font-size: 1rem; color: #21201D; text-transform: uppercase; text-decoration: none; }

.modal-content {background-color: #E2D6CC;}



.mr-2{

  margin-right: 20px;

}



.divTable{

  display: table;

  width: 100%;

}

.rowTable {

  display: table-row;

}

.divTableHeading {

  display: table-header-group;

}

.divTableCol, .divTableHead {

  border-bottom: 1px solid #eee;

  display: table-cell;

  padding: 3px 10px;

}

.divTableHeading {

  background-color: #EEE;

  display: table-header-group;

  font-weight: bold;

}

.divTableFoot {

  background-color: #EEE;

  display: table-footer-group;

  font-weight: bold;

}

.divTableBody {

  display: table-row-group;

}



.dropequiry .remove a {color: #523730; font-size: 26px; font-size: 1.625rem;}

.dropequiry .remove a:hover {color: #21201D;}

.dropequiry  .table>:not(caption)>*>* {vertical-align: middle; border-color: rgba(112, 112, 112, 0.23); font-size: 18px; font-size: 1.125rem;}



.dropequiry .modal-header .btn-close {position: absolute; right: 15px; top: 15px;}

.dropequiry h1, .dropequiry h2, .contactUs h2, .reachUs h2 {font-size: 24px; font-size: 1.5rem; color: #412D30; font-weight: 400;}

.dropequiry .form-control {background-color: transparent; border:1px solid #707070; border-radius: 0;}



.enquiry-success {}

.enquiry-success h1 {font-size: 22px; font-size: 1.375rem; color: #412D30; font-weight: 500;}

.enquiry-success p, .contactUs p {font-size: 18px; font-size: 1.125rem;  line-height: 24px;}

.enquiry-success a {color: #21201D; font-size: 16px; font-size: 1rem; font-weight: 500; text-decoration: underline;}

.enquiry-success a:hover {color: #412D30; text-decoration: none;}



.cotactHeader {min-height: calc(60vh - 85px);}

.contactUs p {line-height: 1.5;}

.contactUs a {color: #21201D; text-decoration: none;}

.contactUs a:hover {color: #412D30; text-decoration: none;}

.reachUs {background-image: url(../images/reachus.jpg); position: relative;}

.reachUs:after {content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0, 0.64); z-index: 4; top: 0; left: 0;}

.reachUs .container-fluid {z-index: 999}

.reachUs h2 {letter-spacing: 2px; color: #fff;}

.reachUs a {color: #fff; font-weight: 500; letter-spacing: 1.3px; font-size: 16px; font-size: 1rem; text-decoration: underline;} 

.reachUs a:hover {text-decoration: none;} 

.reachUs p, .career p, .careerPopup p {font-size: 16px; font-size: 1rem;}



.career .blockContent {font-size: 20px; font-size: 1.25rem;}

.career p a {color: #412D30; text-decoration: underline;}

.career p a:hover {color: #21201D; text-decoration: none;}

.dropequiry select.form-select, .dropequiry .form-control[type="file"], .dropequiry button[type="submit"], .careerPopup button[type="submit"]  {

    height: calc(3.5rem + 2px) !important;



}





.dropequiry button[type="submit"]  {

    height: calc(2.5rem + 2px) !important;

    padding-left: 30px;

    padding-right: 30px;

}



.careerPopup button[type="submit"]  { height: calc(3.5rem + 2px) !important; }

.career .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .career .tab-content {background-color: #E2D6CC; border-radius: 0; text-align: left; }

.career .positionPanel .nav{width: 100%;  text-align: left;  }

.career .positionPanel .nav-pills .nav-link  {text-align: left;    color: #21201D; padding:1rem;}

.nav-pills .show > .nav-link, .career .tab-content {width: 100%; min-height: 500px;}

.career .tab-content h3 {font-size: 18px; font-size: 1.125rem; text-transform: uppercase; font-weight: 400; color: #412D30; }

.career .tab-content h3 span {font-size: 18px; font-size: 1.125rem; color: #21201D; text-transform: none; }

.career .tab-content p, .career .tab-content ul li {font-size: 16px; font-size: 1rem;}

.career .tab-content ul  {padding-left: 1.4rem;}

.career .tab-content ul li {list-style: disc;}

.custom-file-input {

 line-height: 48px;

 background-image: url(../images/Icons.png);

 background-position: 10px 12px;

 background-repeat: no-repeat;

 color: transparent;

}

.custom-file-input::-webkit-file-upload-button {

  visibility: hidden;

}

.custom-file-input::before {

  content: 'UPLOAD RESUME';

  color: black;

  display: inline-block;

  margin-left: 40px;

  text-transform: uppercase;

  }









.sastainabililtyInnerSection .contentBlock {

  position: absolute;

  top: 0;

  bottom: 0;

  margin-top: auto;

  margin-bottom: auto;

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.sastainabililtyInnerSection .sectionHeading h2 {color: #fff;}



.sastainabililtyInnerSection .contentBlock a {

color: #fff;

text-decoration: underline;

text-transform: uppercase;

font-weight: 500;

transition: all 0.3s ease;

font-size: 14px;

font-size: 0.875rem;

}

.sastainabililtyInnerSection .contentBlock a:hover {text-decoration: none;}

.sastainabililtyInnerSection .contentBlock p {font-size: 16px; font-size: 1rem; color: #fff; line-height: 1.2;}



.facility-gallery, .grayBg {background-color: #E2D6CC;}

.demo-gallery > ul {

  margin-bottom: 0;

  padding-left: 0;

}
.grayBg-1 {background-color: #bfb4aa;}


.demo-gallery > ul > li {

  margin-bottom: 24px;

display: flex;

list-style: outside none none;

justify-content: center;

}



.demo-gallery > ul > li a {

  display: block;

  overflow: hidden;

  position: relative;

  float: left;

}



.demo-gallery > ul > li a > img {

  -webkit-transition: -webkit-transform 0.15s ease 0s;

  -moz-transition: -moz-transform 0.15s ease 0s;

  -o-transition: -o-transform 0.15s ease 0s;

  transition: transform 0.15s ease 0s;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  height: 100%;

  width: 500px;

  max-width: 100%;

}



.demo-gallery > ul > li a:hover > img {

  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);

}



.demo-gallery > ul > li a:hover .demo-gallery-poster > img {

  opacity: 1;

}



.demo-gallery > ul > li a .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.1);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: background-color 0.15s ease 0s;

  -o-transition: background-color 0.15s ease 0s;

  transition: background-color 0.15s ease 0s;

}



.demo-gallery > ul > li a .demo-gallery-poster > img {

  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;

}



.demo-gallery > ul > li a:hover .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.5);

}



.demo-gallery .justified-gallery > a > img {

  -webkit-transition: -webkit-transform 0.15s ease 0s;

  -moz-transition: -moz-transform 0.15s ease 0s;

  -o-transition: -o-transform 0.15s ease 0s;

  transition: transform 0.15s ease 0s;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  height: 100%;

  width: 100%;

}



.demo-gallery .justified-gallery > a:hover > img {

  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);

}



.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {

  opacity: 1;

}



.demo-gallery .justified-gallery > a .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.1);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: background-color 0.15s ease 0s;

  -o-transition: background-color 0.15s ease 0s;

  transition: background-color 0.15s ease 0s;

}



.demo-gallery .justified-gallery > a .demo-gallery-poster > img {

  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;

}



.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {

  background-color: rgba(0, 0, 0, 0.5);

}



.demo-gallery .video .demo-gallery-poster img {

  height: 48px;

  margin-left: -24px;

  margin-top: -24px;

  opacity: 0.8;

  width: 48px;

}

.demo-gallery.dark > ul > li a {

  border: 3px solid #04070a;

}





.leaders {}

.leaders .directors .sectionHeading h5 {font-size: 18px;  font-weight: 400;}

.leaders .directors h3 {font-size: 18px; }

.leaders .directors .sectionHeading h2 {font-size: 18px;}

.leaders .directors a  {font-size: 16px; font-size: 1rem; color: #77616D;}

.leaders .directors a:hover  {font-size: 16px; font-size: 1rem; color: #77616D; text-decoration: none;}

.leaders .executiveBlock .readmore {

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;  

  background-color: rgba(0,0,0, 0.5);

  justify-content: center;

  align-items: end;

  padding-bottom: 10px;

  display: none;
  padding-left: 10px;



}
.leaders .executiveBlock .readmore h4{font-size: 14px; font-weight: 400; margin-bottom: 3px;}
.leaders .executiveBlock .readmore p {margin-bottom: 5px; font-size: 13px;}

.leaders .executiveBlock:hover .readmore {
  display: flex;
  justify-content: end;
  align-items: start;
  flex-direction: column;
  padding-bottom: 10px;
  color: #fff;
}

.leaders .executiveBlock .readmore a{
  color: #fff;
  text-decoration: underline;
}



.socialLinks {display: flex; justify-content: center;}

.leaders .title {font-size: 22px; font-weight: 500;}

.socialLinks a{ text-decoration: none; margin-left: 8px; margin-right: 8px; }

.socialLink a { text-decoration: none; margin-left: 8px; display: flex;justify-content: center;align-items: center; margin-right: 8px; width: 38px; height: 38px; border-radius: 50%; border:1px solid #412D30; }
.socialLink a:hover {  background-color: #E2D6CC; border:1px solid #E2D6CC; }
.socialLink a:hover img {filter: brightness(0) invert(1);}

.sap:before {
    content: '';
    position: absolute;
    border-bottom: 1px #707070 solid;
    width: 100%;
    transform: translateY(-100%);
    left: 0;
    top: 50%;
}

.sap .sapText {
    max-width: max-content;
    margin: auto;
    padding: 10px 20px;
    background-color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    color: #412D30;
    text-transform: uppercase;
}

.wishListForm {border-radius: 0;}
.wishListForm form .form-control {border-radius: 0; border-color: #707070;}
.wishListForm form .form-control:focus {border-color: #707070;}
.wishListForm a {color: #412D30; text-decoration: none;}
.wishListForm a:hover {color: #21201D; }
.wishListForm form input[type="button"], .loginBlock .contentInfo .btn {padding-top: 12px; padding-bottom: 12px;}
.loginBlock .contentInfo p{font-size: 26px; font-weight: 500;}
.wishlistProdusts {max-width: 850px; }
.wishlistProdusts a {text-decoration: none;}
.wishlistProdusts a {text-decoration: none;}
.wishlistProdusts  .listicon a {
  color: #523730;
  font-size: 18px;
  font-size: 1.125rem;
}
.wishlistProdusts  .listicon a:hover {color: #21201D;}
.wishlistProdusts table tr th {border-color:#707070;}
.wishlistProdusts table tr td {border-color:#C8BFB7 }
.wishlistProdusts table tr:last-child td {border-bottom: 0;}

.wishlistProdusts .table-hover > tbody > tr:hover > * {
  background-color: transparent;
background: none;
--bs-table-accent-bg: tr;
}
.profileForm .form-control {background-color: transparent;}
/* .profileForm .form-control:disabled, .form-control[readonly] {background-color: #e6e0db;} */
.profileForm .form-control:disabled {background-color: #e6e0db;}
.profileForm .form-control {padding:.75rem .75rem}
.profileForm a.btnPrimary {color: #fff; padding:.5rem .75rem}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width: 100% !important;
}
.woocommerce div.product div.images img {max-width: 100% !important;}
body .woocommerce ul.products li.product a img {margin-bottom: 0;} 
.woocommerce div.product div.images {
    margin-bottom: 0 !important;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
	    margin: 0 0 1rem !important;
} 
.productDetail .product-summary h1 {font-size: 20px; font-size: 1.25rem; font-weight: 400;}
.woocommerce .relatedPro ul.products li.product, .woocommerce-page .relatedPro ul.products li.product  {padding-left: 15px; padding-right: 15px; height: auto;}


.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes tr{
    display: flex;
    flex-direction: column;
    width:100%;
    padding:0px !important;
    border-bottom: 0px !important;
    background:none !important;
    font-style:normal !important;
}
.woocommerce table.shop_attributes tr {margin-top:48px;}
.woocommerce table.shop_attributes {border-top:0px !important;}
.wishlist-button-wrap {}
.woocommerce table.shop_attributes th {text-transform:uppercase; font-weight:500 !important;}
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes td p {font-weight:400 !important; font-size:1rem;}

body span.wishlist_save_icon {color: #21201D!important; font-size:1rem;}
body span.wishlist_save_icon i {color: #848484 !important}
body .wishlist_saved span.wishlist_save_icon i {
    color: #c7372f !important;
}
.wishlist-button-wrap .wishlist_button_menu {display:none;}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
  .contentBlock a, .heroSection .carousel-caption a, .headerInsidebox a, .headerInsidebox .calltoAction {font-size: 14px; font-size: 0.875rem;}
  .homeProducts .homePro .owl-item .item .carousel-caption a.calltoAction {font-size: 14px; text-decoration: underline; font-size: 0.875rem;}
  .homeProducts .homePro .owl-item .item .carousel-caption a.calltoAction:hover {text-decoration: none}
  .subHeading h3 {font-size: 16px; font-size: 1rem;}
  .single-product figure {margin: 0;}


.headerInsidebox {
  max-width: 500px;
  /*width: 100%;*/
  /*background-color: rgba(255, 247, 240, 0.5);*/
}

/*.home .headerInsidebox {
  
  background-color:transparent;
}*/
 


iframe {max-height: inherit !important; height: 100% !important;}

.fnt500 {font-weight: 500;}
.sm-font {font-size: 13px;}

.machinery {}
.machinery ul {padding: 0; margin: 0; text-align: center; margin-bottom: 10px;}
.machinery ul li {display: inline-block; padding-left: 15px; padding-right: 15px; position: relative;}
.machinery ul li:after {
  width: 1px; height:10px;
  content: ""; right: 0;
  position: absolute; top: 0;
  background-color: #ccc;
  bottom: 0;
  margin: auto;
}
.machinery ul li:last-child:after {display: none;}
.dropequiry  textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
    HEIGHT: 112PX;
}
::-webkit-file-upload-button {
  background-color: #412D30;
    color: #fff;
    border-radius: 0;
    border:0px;
    padding: 5px 15px;
}

/*============Mission page================*/
.page-template-mission .innerheadercontent h1, .page-template-mission .innerheadercontent, .page-template-mission .headerInsidebox .calltoAction {color: #21201D;}
/*.page-template-team .cotactHeader {min-height: calc(80vh - 85px);}*/
/*==============Single page ====================*/
.single-product .collectionListing.bdrb {border-bottom:0;}

@media (min-width: 576px) {



}





@media (min-width: 768px) {
.sastainabililty .contentBlock {left: auto;}
footer .cerfications img {max-width: 80px;} 

.heroSection .carousel-caption {
  position: absolute;
  margin-top: 0;
  margin-bottom: 0;
}

.heroSection .carousel-caption h1 {font-size: 26px; font-size: 1.625rem; }

.heroSection .carousel-caption p {margin-bottom: 10px;}


.heroSection .owl-theme .owl-dots {top: 50%;}

.heroSection .owl-carousel .owl-stage-outer:after {height: 340px;}

.heroSection .owl-theme .owl-dots .owl-dot {margin-right: 10px;}

.mouse-container{top: auto; bottom: 45px;}

.mouse {width: 50px; height: 50px;}

.homeProducts .homePro .owl-item .item .carousel-caption {text-align: center; padding-left: 0px;}

footer .footerNav li {margin-right: 6px; margin-left: 6px; display: inline-block; }
.woocommerce .relatedPro ul.products li.product, .woocommerce-page .relatedPro ul.products li.product {width: 25%;}

.headerInsidebox {max-width: 500px;}

}





@media (min-width: 992px) {
.navbar-nav.mainNav .nav-item, .navbar-nav.mainNav .menu-item {
  padding-left: 16px;
  padding-right: 16px;
}
.heroSection .carousel-caption h5, .collectionListing .contentBlock .sectionHeading h5, .productDetail .product-summary h5, .innerheadercontent h5  {font-size: 18px; font-size: 1.125rem;}

.heroSection .carousel-caption h1, .contactUs h2, .innerheadercontent h1 {font-size: 28px; font-size: 1.75rem;}

.heroSection .carousel-caption p, .heroInner .innerheadercontent p, .homeProducts .homePro .owl-item .item .carousel-caption p  {font-size: 18px;  font-size: 1.125rem;}
.heroInner .innerheadercontent p {margin-bottom: 10px;}
.sectionHeading h2 {font-size: 24px;  font-size: 1.5rem; font-weight: 400; color: #412D30;}

.sectionHeading h2 span {font-size: 20px; font-size: 1.25rem; color:#21201D; }

.homeProducts .sectionHeading  {padding-left: 60px; }

.enquiry, .enquiry a {font-size: 18px; font-size: 1.125rem; }

.loadmore {font-size: 22px; font-size: 1.375rem; }

.productDetail .product-summary h2,  .careerPopup p, .contactPopup p, .productDetail .product-summary h1 {font-size: 24px; font-size: 1.5rem;}
.contactUs p {font-size:18px; font-size: 1.125rem;}
.enquiry-success h1,  .reachUs h2{font-size: 28px; font-size: 1.75rem;}

.career .blockContent{font-size: 20px; font-size: 1.25rem;}

.enquiry-success p, .career p {font-size: 16px; font-size: 1rem; }

.career .positionPanel .nav{width: 100%; max-width: 300px;}

/*.heroInner {padding-top: 107px !important;}*/

.breadcrumbSection {margin-top: 0;}

footer .footerNav li {margin-bottom: 0px; margin-right: 10px; margin-left: 10px;}



.sastainabililtyInnerSection .contentBlock p {font-size: 18px; font-size: 1.125rem; line-height: 1.5}

.subHeading h3 {font-size: 18px; font-size: 1.125rem;}

.product {
    height: 100%;
}
.product .product-card {
    height: 100%;
    height: calc(100% - 45px);
  }
.product .product-card img {height: 100%;}

.leaders .col-lg-3 {
    width: 20%;
}

.cotactHeader {
    min-height: calc(80vh - 85px);
}


}





@media (min-width: 1200px) {

  .homeProducts .homePro, .homeProducts .sectionHeading {padding-left: 100px;}

  .homeProducts .homePro .owl-nav{

  /*transform: rotate(90deg);*/

  position: absolute;

  top:40%;

  bottom: auto;

  margin-top: auto;

  margin-bottom: auto;

  left: 20px;

  right: auto;
  display: block;
  width: 50px;


}



  .homeProducts .owl-carousel.homePro .owl-nav button.owl-next, .homeProducts .owl-carousel.homePro .owl-nav button.owl-prev{

    width: 50px; height: 50px; }

  .navbar-nav.mainNav .nav-item, .navbar-nav.mainNav .menu-item {padding-left: 16px; padding-right: 16px; }



  .navbar-light .navbar-nav .nav-link, .fnt18, .breadcrumb, .breadcrumb a {font-size: 14px; font-size: 0.875rem;  }

  .sastainabililty .contentBlock p, .mainOuter .category-content-area, .reachUs a, .career .tab-content h3 {font-size: 18px; font-size: 1.125rem;}





  .sastainabililty .contentBlock {right: 50px; top: 50px;}

  .sastainabililty .contentBlock p {margin-bottom: 1rem; }

  


  .facility .contentBlock p, .contentBlock p {font-size: 18px;  font-size: 1.125rem;}
  .productDetail .product-summary h5, .leaders .directors .sectionHeading h5 {font-size: 20px;   font-size: 1.25rem;}
  
  .mainOuter .product .product-title h3 {font-size: 18px; font-size: 1.125rem;}
  
  .productDetail .product-summary h2, .sectionHeadingCentered h2,  .dropequiry h2, .dropequiry h1, .woocommerce ul.products li.product a, .productDetail .product-summary h1 {font-size: 28px; font-size: 1.563rem;}
  
   .woocommerce ul.products li.product .woocommerce-loop-product__title {font-size:20px; font-size: 1.2rem !important;
    font-weight: 400;}
  .mainOuter .product .product-title p, .productDetail .product-summary p {font-size: 18px; font-size: 1.125rem;}

  .productDetail .product-summary p  {font-size: 20px; font-size: 1.25rem;}
.product-summary a.enquiry, .productDetail a.account {font-size: 16px; font-size: 1rem;}
  .enquiry-success h1{font-size:32px; font-size: 2rem;}

  .reachUs p {line-height: 40px;}



  .enquiry-success a, .enquiry-success p {font-size: 20px; font-size: 1.25rem; } 

  .container-fluid {padding-left: 45px; padding-right: 45px;}

  .modal-dialog {width: 100%; max-width: 768px;  }

  .cotactHeader {min-height: calc(100vh - 85px);}

  .productFillters, .productFillters .form-select {font-size: 16px; font-size: 1rem;}

  .career .tab-content p, .career .tab-content ul li {font-size: 18px; font-size: 1.125rem;}



  .leaders .directors h3, .leaders .directors .sectionHeading h2 {font-size: 24px;} 

.subHeading h3 {font-size: 20px; font-size: 1.25rem;}
.headerInsidebox {
  max-width: 360px;
  }
  }







@media (min-width: 1400px) {

.heroSection .carousel-caption h5, .collectionListing .contentBlock .sectionHeading h5, .innerheadercontent h5  {font-size: 18px; font-size: 1.125rem;}

.heroSection .carousel-caption h1, .innerheadercontent h1 {font-size: 32px; font-size: 2rem;}

.heroSection .carousel-caption p, .mainOuter .category-content-area {font-size: 24px; font-size: 1.5rem;}



.sectionHeading h2 {font-size: 28px; font-size: 1.75rem}

.sectionHeading span, .career .tab-content h3 {font-size: 24px; font-size: 1.5rem;}
  .contentBlock a, .heroSection .carousel-caption a, .headerInsidebox a, .headerInsidebox .calltoAction {font-size: 16px; font-size: 1rem;}
  .homeProducts .homePro .owl-item .item .carousel-caption a.calltoAction a.calltoAction {font-size: 16px; font-size: 1rem;}

footer .footerNav li {list-style: none; margin-right: 20px; margin-left: 20px;}

footer .cerfications img {max-width: 100px;} 

.enquiry, .enquiry a {font-size: 24px;  font-size: 1.5rem;}

.productDetail .product-summary h2, .sectionHeadingCentered h2, .dropequiry h2, .dropequiry h1 {font-size: 36px; font-size: 2.25rem;}
.productDetail .product-summary h1 {font-size: 36px; font-size: 2.25rem;} 

.reachUs h2 {font-size: 32px;  font-size: 2rem;}

.reachUs p, .career .tab-content h3 span, .facility .contentBlock p {font-size: 20px;  font-size: 1.25rem;}

.modal-dialog {width: 100%; max-width: 1024px;  }

.container-fluid {padding-left: 60px; padding-right: 60px;}



.leaders .directors h3, .leaders .directors .sectionHeading h2, .leaders .directors .sectionHeading h5 {font-size: 28px;} 
.homeProducts .homePro .owl-item .item .carousel-caption h2, .homeProducts .homePro .owl-item .item .carousel-caption a, .mainOuter .product .product-card .carousel-caption h2 {font-size: 24px; font-size: 1.5rem; font-weight: 400; text-decoration: none;}
.career .blockContent{font-size: 24px; font-size: 1.5rem;}
.sastainabililtyInnerSection .contentBlock p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
}
.subHeading h3 {font-size: 24px; font-size: 1.5rem;}
.enquiry-success p, .career p {font-size: 20px; font-size: 1.25rem; }
.headerInsidebox {
  max-width: 460px;
  }
}





@media (min-width: 1600px) {

.container-fluid {padding-left: 100px; padding-right: 100px;}

.navbar-nav.mainNav .nav-item, .navbar-nav.mainNav .menu-item {padding-left: 20px; padding-right: 20px; }

.navbar-light .navbar-nav .nav-link, .navbar-nav.mainNav .menu-item.current-menu-item .nav-link {
  font-size: 16px;
  font-size: 1rem;
}


.heroSection .carousel-caption h5, .collectionListing .contentBlock .sectionHeading h5, .innerheadercontent h5  {font-size: 20px;  font-size: 1.25rem;}

.heroSection .carousel-caption h1, .innerheadercontent h1 {font-size: 60px; font-size: 3.75rem; }

.heroSection .carousel-caption p, .heroInner .innerheadercontent p {font-size: 24px; font-size: 1.5rem;}



.sectionHeading h2 {font-size: 44px; font-size: 2.75rem;}

.sectionHeading span {font-size: 32px; font-size: 2rem;}

.sectionHeading h2 span {
  font-size: 24px;
  font-size: 1.5rem;
  color: #21201D;
}
.sastainabililty .contentBlock p, .mainOuter .category-content-area, .reachUs a, .career .tab-content h3 {font-size: 20px; font-size: 1.25rem;}
  
footer .footerNav li {list-style: none; margin-right: 30px; margin-left: 30px;}
footer .footerNav li a {font-size: 16px; font-size: 1rem;}
.sastainabililty .contentBlock {right: 100px; top: 100px;}

footer .cerfications img {max-width: none;} 
.copyright {
  font-size: 16px;
}


.leaders .directors h3 {font-size: 36px;} 
.headerInsidebox {
  max-width: 620px;
  }
}







@media (max-width: 767px) {

div#navbarCollapse {

    background-color: #fff;

    margin-left: -15px;

    margin-right: -15px;

    padding: 15px;

}



.heroSection .carousel-caption p{margin-bottom: .4rem;}

.heroSection .carousel-caption {padding-bottom: 15px !important; padding-top: 15px !important; border-bottom: 1px solid #E2D6CC;}



 nav.sticky1 {

    background-color: rgba(255,255,255, 1); 

 }

 nav.sticky {

    background-color: rgba(255,255,255, 1); 

 }
nav .container-fluid  {
 display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.demo-gallery > ul > li:last-child {margin-bottom: 0px;}
.woocommerce .relatedPro ul.products li.product, .woocommerce-page .relatedPro ul.products li.product {width: 50% !important;}
.headerInsidebox {
  width: 100%;
}
.innerheadercontent .headerInsidebox p  {margin-bottom: .5rem;}

}

nav.navigation.post-navigation.sticky {
    display: none !important;
}
.navigation.post-navigation {
  display: none;
}
.text-justify {text-align: justify; }





.catalogueForm form .form-control {
  border-radius: 0;
  border-color: #707070;
}
.catalogueForm .form-check {display: flex; }
.catalogueForm .form-check-input {
  border: 1px solid #707070;
  border-radius: 0px !important;
  width: 1.5em;
  height: 1.5em;
  margin-right: .4rem;
  margin-top: 0em;
  flex-shrink: 0;
}
.form-select option {color: #412D30;}
.catalogueForm form .form-control::placeholder{color: #A4A4A4;}

.catalogueForm .form-check-input:checked {
  flex-shrink: 0;
  background-color: #412D30;
}
.catalogueForm .form-check-input:focus {
  outline: 0;
  box-shadow: none;
}