/* start head inline style close */ 

@font-face{
    font-family:"Frutiger LT Pro";
    src:url("https://specificceramics.com/css/assets/fonts/frutiger-pro/FrutigerLTPro-Light.woff2") format('woff2'), url("https://specificceramics.com/css/css/assets/fonts/frutiger-pro/FrutigerLTPro-Light.woff") format('woff');
    font-weight:300;font-style:normal;font-display:swap
 }
 @font-face{
    font-family:"Frutiger LT Pro";
    src:url("https://specificceramics.com/css/assets/fonts/frutiger-pro/FrutigerLTPro-Roman.woff2") format('woff2'), url("https://specificceramics.com/css/css/assets/fonts/frutiger-pro/FrutigerLTPro-Roman.woff") format('woff');
    font-weight:normal;font-style:normal;font-display:swap
 }
 @font-face{
    font-family:"Frutiger LT Pro";
    src:url("https://specificceramics.com/css/assets/fonts/frutiger-pro/FrutigerLTPro-Bold.woff2") format('woff2'), url("https://specificceramics.com/css/css/assets/fonts/frutiger-pro/FrutigerLTPro-Bold.woff") format('woff');
    font-weight:bold;font-style:normal;font-display:swap
 }
 html,body{
          height:100% !important
 }
 body
 {
    display:flex;
    flex-direction:column;
 }
 #main{
    flex-shrink:0   
 }
 #footer
 {
    margin-top:auto
 }
 /* head inline style close */ 
 
 ul.megamenusize{
     padding: 0;
     list-style: none;
     margin-top: 20px;
 }
 ul.megamenusize li a{
     padding: 5px;
     display: block;
     font-size: 14px;
     color: #fff;
     text-decoration: none;
     transition: all 0.5s;
 }
 ul.megamenusize li a:hover{
     color: #b93a3e;
 }
 
 .compprof .dropdown-menu .drop-item .dropdown-link .btn-link{
     display: block;
     padding-bottom: 15px;
 }
 .compprof .dropdown-menu .drop-item .dropdown-link .btn-link img{
     margin-right: 15px;
 }
 
 .megamenusize.megamenusize_half li {
     width: calc(50% - 10px);
     display: inline-block;
 }
 /* google language css start */
 
 .goog-te-gadget-simple .goog-te-menu-value span {
     display: none;
 }
 
 .goog-te-gadget-simple {
     background-color: transparent !important;
     border-left: none !important;
     border-top: none !important;
     border-bottom: none !important;
     border-right: none !important;
     padding: 0 !important;
 }
 
 #google_translate_element {
     padding: 0;
 }
 .goog-te-gadget>div>img {
     background-image: url("https://specificceramics.com/images/icon/language.png")!important;
     background-repeat: no-repeat !important;
     width: 16px;
     height: 16px;
     background-size: 16px 16px;
     background-position: center center !important;
 }
 
 #google_translate_element span a span:first-child {
     display: none;
 }
 
 .goog-te-gadget-simple .goog-te-menu-value span {
     color: #ffffff !important;
     border: 0 !important;
 }
 
 .goog-te-gadget-simple .goog-te-menu-value {
     display: none;
 }
 
 .goog-te-gadget-icon {
     margin-top: 0px;
 }
 /* google language css start */
 
 
 .sbox{
     border: 2px solid #FFF;
     height: 100%;
     width: 200px;
     min-height: 300px;
     margin-left: 50px;
     display:none;
 }
 @media(max-width:991px) {
     .sbox{
         margin-left: 0;
         margin: 0 auto;
     }
     .content-layer{
         width: 100% !important;
         max-width: 100% !important;
         margin: 0;
         text-align: center;
     }
 }
 .faddress address{
     margin-top: 20px;
     font-size: 14px;
 }
 .faddress address span{
     display: flex;
     margin-bottom: 10px;
     text-transform: uppercase;
   
     padding-bottom: 10px;
 }
 .fcontact span{
     display: block;
     font-size: 14px;
     margin-top: 10px;
 
 }
 .fcontact span a{
     font-size: 16px;
     font-weight: 100;
     text-decoration: none;
     color: #000;
 }
 .copyright p{
     font-size: 14px;
     font-weight: 300;
     letter-spacing: 1px;
     color: #fff;
     margin: 15px 0;
     text-transform: uppercase;
 }
 
 
 
 /* about section css start */
 /*.aboutsection{*/
 /*    border-top: 10px solid #b93a3e;*/
 /*}*/
 .aboutinner{
     display: flex;
     width: 100%;
 
 }
 .abt50{
     width: 50%;
     /* height: 100%; */
 }
 .alcontent{
     /* background-color: #000; */
     height: 100%;
     display: flex;
     align-items: center;
     padding: 50px;
     
 }
 .subtitle{
     color: #b93a3e;
     font-size: 16px;
 }
 .alcontent h2{
     margin: 15px 0;
 }
 .alcontent p{
     font-weight: 300;
     text-align: justify;
     text-transform: lowercase;
 }
 .alcontent p::first-letter{
     text-transform: uppercase;
 }
 .alcontent a{
     text-decoration: none;
     display: inline-block;
     padding: 5px 15px;
     background: #b93a3e;
     color: #fff;
     transition: all 0.5s;
 }
 .alcontent a:hover{
     background: #000;
 }
 .arimg{
     padding: 50px 0;
 }
 .arimg img{
     /* object-fit: cover; */
     width: 100%;
 }
 .psizes{
     padding: 80px 0;
     background:url(https://specificceramics.com/images/home/bg1.jpg)100% 100%;
     position: relative;
     float: left;
     width: 100%;
    
 }
 .size-inner{
     display: flex;
     margin-top: 60px;
     justify-content: space-between;
 }
 .section-title h2 {
     text-align: center;
     color: #fff;
 }
 
 /* bottom to top css start */
 
 #toptobottombutton {
     display: inline-block;
     background-color: #b93a3e;
     width: 38px;
     height: 38px;
     line-height: 38px;
     text-align: center;
     border-radius: 4px;
     color: #fff;
     position: fixed;
     bottom: 30px;
     right: 30px;
     transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
     z-index: 1000;
 }
 
 #toptobottombutton:hover {
     cursor: pointer;
     background-color: #fff;
     color: #b93a3e;
 }
 
 #toptobottombutton.show {
     opacity: 1;
     visibility: visible;
 }
 
 
 /* bottom to top css end */
 
 
 /* whats app btn css start 
 
 #help-button {
     display: inline-block;
     width: 38px;
     height: 38px;
     line-height: 38px;
     text-align: center;
     background: #00e676;
     border-radius: 4px;
     color: #fff;
     position: fixed;
     bottom: 30px;
     border: none;
     left: 30px;
     transition: all 0.5s;
     z-index: 1111111;
 }
 
 #help-button a {
     color: #fff;
     display: block;
     font-size: 20px;
     border: none;
     outline: none;
 }
 */
 
 /* Whatsapp css */
 #notification {
     position: fixed;
     bottom: 80px;
     left: 20px;
     z-index: 9999;
     border-color: #0062cc;
     background-color: #fff;
     box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5);
     border-radius: 5px;
     width: 280px;
     height: auto;
     padding: 20px;
 }
 
 #notification p {
     text-align: justify;
     color: #000;
     font-size: 15px;
     line-height: 28px;
 }
 
 #notification a {
     color: #000 !important;
     font-weight: 600;
 }
 
 #notification table td {
     padding: 10px 0;
 }
 
 .whatsappicon {
     position: fixed;
     bottom: 30px;
     left: 15px;
     width: 45px;
     height: 45px;
     z-index: 9999;
 }
 
 .whatsappicon img {
     max-width: 100%;
 }
 
 .tableimg {
     width: 50px;
    
 }
 
 
 /* whats app btn css end */
 
 
 /* loader css start */
 
 .preloader1 {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #000;
     z-index: 1111111;
 }
 
 .preloader1 img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 159px;
 }
 
 
 /* loader css start */
 
 
 
 p.man-desc {
     text-align: center;
     font-size: 20px;
     color: #fff;
     padding-top: 20px;
 }
 
 .cent-down {
     text-align: center;
     padding-top: 15px;
 }
 
 .cent-down a{
     text-decoration: none;
     display: inline-block;
     padding: 5px 15px;
     background: #b93a3e;
     color: #fff;
     transition: all 0.5s;
 }
 
 
 
 /* about sec */
 
 h3.title.title-t1 {
     font-size: 25px;
     color: #b93a3e;
 }
 
 .comp-img {
     padding-top: 40px;
 }
 .comp-img img{
     max-width: 100%;
 }
 
 
 .zcontent {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     padding-top: 40px;
 }
 .innar-desc p.test-sett {
     font-size: 20px;
     color: #555;
     text-align: justify;
 }
 
 
  .single-services {
     box-shadow: 0px 0px 1px #828282;
     padding: 40px 33px;
     position: relative;
     overflow: hidden;
     height: 100%;
 }
 
 .single-services img {
     width: 75px;
     
 }
  .single-services .title {
     font-size: 24px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
  .single-services p {
     text-align: justify;
 }
  .single-services a {
     font-weight: 700;
     text-transform: capitalize;
     color: #f5f5f7;
     margin-top: 15px;
 }
 
 .product-main-img {
     padding-top: 40px;
 }
 
 p.set-center-fonts {
     color: #b7b4b4;
     margin-bottom: 4px;
     text-align: center;
 }
  .item .post-img .img {
     overflow: hidden;
 }
 
  .item .post-img:hover img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
 }
 
  .item .post-img img {
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     min-height: 400px;
     object-fit: cover;
     max-width: 100%;
 }
 
  .item .cont {
     position: relative;
     padding: 20px 20px;
     width: 92%;
     margin:0 auto;
     margin-top: -40px;
     background: #ffffff;
     box-shadow: 0px 0px 5px 0px;
 }
 
  .item .info {
     margin-bottom: 15px;
 }
 
  .item .info a {
     color: #777;
     font-size: 11px;
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     margin-right: 10px;
 }
 
  .item .info a:last-of-type {
     margin-right: 0;
 }
 
  .item .info a i {
     margin-right: 2px;
 }
 
 .products{
     margin-top: 20px;
 }
  .item .info .tag {
     color: #f58220;
     font-weight: 600;
     float: right;
 }
 
  .item h5 {
     font-size: 18px;
     line-height: 1.7;
   
     color: #000;
     text-transform: uppercase;
     text-decoration: none;
 }
 
  .item .more {
     color: #f58220;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-bottom: 1px solid #f58220;
     -webkit-transition: all .2s;
     -o-transition: all .2s;
     transition: all .2s;
 }
 
  .item .more:hover {
     border-color: transparent;
 }
 
 .cont p {
     text-align: justify;
     margin-bottom: 10px;
 }
 
 .center-cropped {
     width: 200px;
     height: 200px;
     background-position: center center;
     background-repeat: no-repeat;
   }
   img.center-cropped{
     width: 100%;
     object-fit: cover;
 }
 .c1 {
   text-align: center;
   padding: 0 10px;
   justify-self: center;
   align-items: center;
 }
 .retaed-slider {
     padding-top: 30px;
 }
 
 .portfolio {
     padding-top: 10px;
 }
 .portfolio .item {
     position: relative;
     overflow: hidden;
 }
 
 .portfolio .grid-item{
     margin-top: 20px;
 
 }
 .portfolio .item h4{
     padding-top: 10px;
     color:#fff
 }
 .portfolio img {
 /*	max-width: 100%;*/
     width:100%;
     display: block;
     max-height: 265px;
 }
 .portfolio .mask {
     opacity: 0;
     background: rgba(0, 0, 0, 0.5);
     /*background: rgba(114, 115, 118, 0.85); /* Old browsers */
     /*background: -moz-linear-gradient(45deg,  rgba(114,115,118,0.85) 0%, rgba(114,115,118,0.65) 100%);
     background: -webkit-linear-gradient(45deg,  rgba(114,115,118,0.85) 0%,rgba(114,115,118,0.65) 100%); 
     background: linear-gradient(45deg,  rgba(114,115,118,0.85) 0%,rgba(114,115,118,0.65) 100%); 
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9727376', endColorstr='#66727376',GradientType=1 ); */
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     -webkit-transition: opacity 300ms linear;
     -moz-transition: opacity 300ms linear;
     -o-transition: opacity 300ms linear;
     -ms-transition: opacity 300ms linear;
     transition: opacity 300ms linear;	
     width:100%;
 }
 .portfolio figure {
     margin: 0;
     position: relative;
     overflow: hidden;
 }
 .portfolio .info {
     color: #fff;
     padding: 30px 20px 20px 20px;
 }
 .portfolio .info h5 {
     font-weight: 400;
     border-bottom: 3px solid #b93a3e;
     padding-bottom: 10px;
     color: #fff;
 }
 .portfolio .links {
     text-align: center;
     position: absolute;
     bottom: 40px;
     left: 20px;
     margin-bottom: 0;
     opacity: 0;
     -webkit-transition: 300ms;
     -moz-transition: 300ms;
     -o-transition: 300ms;
     -ms-transition: 300ms;
     transition: 300ms;	
        -webkit-transform: translateX(-200px);
     -moz-transform: translateX(-200px);
     -o-transform: translateX(-200px);
     -ms-transform: translateX(-200px);
     transform: translateX(-200px); 
 }
 .portfolio .links a {
     /*font-size: 20px;
     margin: 0 20px 0 2px;
     color: #fff;
     display: inline-block;*/
   border: 1px solid #fff;
   color: #fff;
    display: -webkit-inline-box;
   font-size: 20px;
   margin: 10px;
   padding: 10px;
 
 }
 .portfolio .links a:hover {
     color: #fff;
 }
 .portfolio figure:hover .links {
       opacity: 1;
       -moz-transform: translateX(0);	
     -webkit-transform: translateX(0);
     -o-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0); 
 }
 .portfolio figure:hover .mask {
     opacity: 1;
 }
 
 
 /* about page css start here */
 
 
 /* about page css start here */
 
 .titles {
     position: absolute;
     color: #fff;
     text-align: center;
     align-items: center;
     justify-content: center;
 }
 .titles h1 {
     color: #fff;
     text-align: center;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
 }
 section.bd-cum-main {
     background: #000;
     width: 100%;
     position: relative;
     display: block;
     height: auto;
     padding: 80px 20px 20px 20px;
     text-align: center;
     justify-content: center;
     align-items: center;
 }
 
 
 .bd_cum {
     margin: 0 auto;
     padding-top: 10px;
     text-align: center;
     color: white;
     position: relative;
 }
 
 .breadcum ul {
     align-items: center;
     float: unset;
     justify-content: center;
     text-align: center;
     padding:0;
 }
 .breadcum ul li {
     text-align: center;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
     float: unset!important;
     display: contents;
 }
 .breadcum ul li a {
     color: #fff;
     margin: 0 auto;
     align-items: center;
     justify-content: center;
     text-align: center;
     display: contents;
     text-decoration: none;
 }
 .bd_cum h1 {
     color: #fff;
     margin-bottom: 10px;
     padding-top: 25px;
 }
 .breadcum ul li a.current{
     color: #b93a3e;
 }
 
 
 
 section.padd60-main {
     padding-bottom: 10px;
     padding-top: 50px;
     display: block;
     position: relative;
 }
 
 .tiles-center {
     text-align: center;
     padding-bottom: 10px;
 }
 .img-box-about{
     width: 100%;
 }
 
 .mission-main h2 {
     font-size: 20px;
     padding-bottom: 10px;
     padding-top: 10px;
 }
 .mission-main {
 
     width: 100%;
     padding: 10px;
 }
 .zcontnet {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .img-box-about img {
     max-width: 100%;
     margin-bottom: 20px;
 }
 
 .set-p {
     font-size: 16px;
 }
 
 .section-about-desc {
     width: 100%;
     padding-top: 30px;
 }
 .desc-about p {
     text-align: justify;
     font-size: 16px;
     line-height: 25px;
    
   
 }
 
 h1.set-fonts-lines {
     font-size: 30px;
     color: ##b93a3e;
 }
 
 .desc-about {
    
 }
 
 .zcontent{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
 }
 
 h2.s-fonts-set {
     color: #5b5c6e;
     font-size: 24px;
     margin-bottom: 10px;
 }
 h6.set-h6-ss {
     color: #58595B;
     font-size: 14px;
 }
 
 h3.title.title-t2 {
     font-size: 30px;
     color: ##b93a3e;
 }
 
 section.padd40-main {
     padding-top: 10px;
     padding-bottom: 60px;
     width: 100%;
     position: relative;
 }
 
 .qui-main {
     padding-top: 30px;
     width: 100%;
 }
 .qu-desc {
     width: 100%;
 }
 .qu-desc img {
     max-width: 100%;
     min-height: 500px;
 }
 
 .cer-img-box img {
    
     border: 1px solid;
     max-width: 100%;
    object-fit: cover;
 }
 
 
 .certi-main {
     padding-top: 30px;
     padding-bottom: 10px;
 }
 
 section.inf-main {
     padding-bottom: 80px;
     width: 100%;
     height: 100%;
     position: relative;
     display: block;
 }
 .gallery-block .inner-box {
     position: relative;
     margin-top: 30px;
     cursor: pointer;
 }
 .gallery-block .inner-box .image{
     width: 100%;
     height: 100%;
 }
 .gallery-block .inner-box:hover .overlay {
     opacity: .75;
     background-color: #000;
 }
 .gallery-block .inner-box .image img{
     max-width: 100%;
     object-fit: cover;
 } 
 .gallery-block .inner-box:hover .border-one {
     transform: scaleX(1);
 }
 .gallery-block .inner-box:hover .border-two {
     transform: scaleY(1);
 }
 .gallery-block .overlay{
     background-color: #000;
 }
 .gallery-block .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     transition: .5s;
     padding: 40px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 .gallery-block .zoom-btn {
     font-size: 20px;
 }
 .gallery-block .zoom-btn {
     position: relative;
     font-size: 20px;
     color: #b93a3e ;
     z-index: 9;
     display: inline-block;
     line-height: 60px;
 }
 .gallery-block .border-one {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     bottom: 20px;
     transition: .5s;
     border-top: 2px solid #b93a3e ;
     border-bottom: 2px solid #b93a3e ;
     transform: scaleX(0);
 }
 .gallery-block .border-two {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     bottom: 20px;
     transition: .5s;
     border-left: 2px solid #b93a3e ;
     border-right: 2px solid #b93a3e ;
     transform: scaleY(0);
 }
 
 .img-export-main img {
     max-width: 100%;
 }
 
 .export-main {
     padding-top: 20px;
     padding-bottom: 40px;
 }
 
 .f-26 {
     font-size: 26px !important;
     text-decoration: none;
     color: #58595B;
     font-weight: 700;
 }
 .f-26:hover{
     text-decoration: none;
 
 }
 section.coun-export {
     background: #f1f1f1;
     padding: 70px;
     padding-bottom: 50px;
 }
 
 .c1 img {
     object-fit: cover;
     min-height: 140px;
     width: 100%;
     border: 1px solid;
 }
 
 .c-desc{
     padding-top: 15px;
 }
 
 a:hover, a:focus{
     outline: none;
     text-decoration:none;
 }
 #accordion .panel{
     border-radius:0;
     margin-bottom:15px;
 }
 #accordion .panel-heading{
     padding:0;
 }
 #accordion .panel-title{
     position: relative;
 }
 #accordion .panel-title:before{
     content: "";
     border-bottom: 25px solid rgba(0, 0, 0, 0);
     border-left: 15px solid #eee;
     border-top: 23px solid rgba(0, 0, 0, 0);
     width: 0;
     height: 0;
     position: absolute;
     top: 0;
     left: 34px;
 }
 #accordion .panel-title a{
     color:#fff;
     background:#fbfbfb;
     display: block;
     font-size: 16px;
     line-height: 21px;
     font-weight:bold;
     text-transform: uppercase;
     padding: 13px 10px 13px 65px;
 }
 #accordion .panel-title a.collapsed{
     color:#5b5656;
     background:#fff;
 }
 #accordion .panel-title a:before,
 #accordion .panel-title a.collapsed:before{
     content: "\f068";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     top:0;
     left:0px;
     padding:14px 10px;
     color:#000;
     background:#eee;
 }
 #accordion .panel-title a.collapsed:before{
     content: "\f067";
 }
 #accordion .panel-body{
     color: #fff;
     font-size: 14px;
     line-height: 26px;
     text-align: justify;
 }
 
 /* end here */
 
 
 
 .accordion-container {
     position: relative;
     width: 100%;
     border: 1px solid #fff;
     border-top: none;
     outline: 0;
     cursor: pointer;
 
 }
 .accordion-container .article-title {
     display: block;
     position: relative;
     margin: 0;
     padding: 0.625em 0.625em 0.625em 2em;
     border: 1px solid #b93a3e;
     font-size: 17px;
     font-weight: normal;
     color: #717070;
     cursor: pointer;
 }
 
 .accordion-container .article-title:hover,
 .accordion-container .article-title:active,
 .accordion-container .content-entry.open .article-title {
     background-color:#b93a3e;
     color: white;
 }
 
 .accordion-container .article-title:hover i:before,
 .accordion-container .article-title:hover i:active,
 .accordion-container .content-entry.open i {
     color: white;
 }
 
 .accordion-container .content-entry i {
     position: absolute;
     top: 4px;
     left: 7px;
     font-style: normal;
     font-size: 26px;
     color: #b93a3e;
 }
 
 .accordion-container .content-entry i:before {
     content: "+ ";
 }
 
 .accordion-container .content-entry.open i:before {
     content: "- ";
 }
 
 .accordion-content {
     display: none;
     padding-left: 2.3125em;
     background: #fafcfd;
 }
 /* This stuff is just for the Codepen demo */
 
 #content {
     width: 100%;
 }
 
 .accordion-container,
 #description {
     width: 100%;
     
 }
 
 #description p {
     line-height: 1.5;
 }
 
 #description h2 {
     text-align: center;
 }
 .accordion-content p {
     margin: 10px 20px 20px 0px;
     color: #5b5656;
     text-align: justify;
 }
 
 
 img.fullWidth {
     width: 100%;
 }
 
 
 .timelineWrapper {
     position: relative;
 }
 
 .production {
     background-color: #686c76;
     color: white;
     padding: 15px 25px;
     text-align: justify;
 }
 
 .responsive {
     max-width: 100%;
     width: 100%;
 }
 .timelineWrapper::before,
 .timelineWrapper::after {
     position: absolute;
     content: "";
     width: 12px;
     height: 12px;
     left: 50%;
     top: 0;
     margin-left: -6px;
     border-radius: 6px;
     border: 3px solid #eef4f8;
     background: #fff;
     z-index: 10;
     display: none;
 }
 .timelineWrapper::after {
     bottom: 0;
     top: auto;
 }
 .timeline {
     position: relative;
     width: 100%;
     margin: 0 auto;
 }
 .timeline::before {
     position: absolute;
     left: 50%;
     top: 0;
     content: '';
     display: block;
     width: 4px;
     height: 100%;
     margin-left: -2px;
     background: #eef4f8;
 }
 .timeline ul li {
     list-style: none;
     
 }
 .timeline li {
     padding: 10px 0;
     list-style: none;
 }
 .timeline li::after {
     content: "";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }
 .timeline .direction-l {
     position: relative;
     width: 50%;
     float: left;
     text-align: right;
     padding-right: 30px;
 }
 .timeline .direction-r {
     position: relative;
     width: 50%;
     float: right;
     padding-left: 10px;
 }
 .timeline .info {
     background: #eef4f8;
     margin-top: 32px;
     margin-bottom: 40px;
 }
 .timeline .info .desc {
     padding: 15px;
 }
 .timeline .info p:last-child {
     margin-bottom: 0;
 }
 .timeline .direction-r .head,
 .timeline .direction-l .head {
     right: 100%;
     position: absolute;
     width: 100%;
     text-align: right;
     margin-right: 30px;
     width: calc(100% - 30px);
 }
 .timeline .direction-l .head {
     left: 100%;
     right: auto;
     text-align: left;
     margin: 0 0 0 0px;
     width: calc(100% - 30px);
 }
 .timeline .pin {
     position: relative;
 }
 .timeline .direction-r .pin::after,
 .timeline .direction-l .pin::after {
     position: absolute;
     top: 100%;
     right: -20px;
     content: ' ';
     display: block;
     width: 12px;
     height: 12px;
     margin-top: -10px;
     background: #fff;
     border-radius: 6px;
     border: 3px solid #bfc0da;
     outline: 3px solid #fff;
 }
 .timeline .direction-l .pin::after {
     right: auto;
     left: -22px;
 }
 .timeline .head .label {
     display: inline-block;
     margin-bottom: 3px;
     padding: 2px 15px;
     font-size: 12px;
     color: #fff;
     position: relative;
 }
 .timeline .head .label.top {
     background: #ffc34f;
 }
 .timeline .direction-r .head .label.top::before,
 .timeline .direction-r .head .label.bottom::before,
 .timeline .direction-l .head .label.top::before,
 .timeline .direction-l .head .label.bottom::before {
     content: "";
     position: absolute;
     left: 100%;
     bottom: 0;
     height: 0;
     width: 0;
     border-left: 10px solid #ffc34f;
     border-top: 10px solid transparent;
     border-bottom: 0px solid transparent;
     pointer-events: none;
 }
 .timeline .direction-r .head .label.bottom::before {
     border-top: 0 solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 10px solid #686c76;
     top: 0;
 }
 .timeline .direction-l .head .label.top::before,
 .timeline .direction-l .head .label.bottom::before {
     left: auto;
     right: 100%;
     border-left: none;
     border-right: 10px solid #ffc34f;
     border-top: 10px solid transparent;
     border-bottom: 0px solid transparent;	
 }
 .timeline .direction-l .head .label.bottom::before {
     border-left: none;
     border-top: 0 solid transparent;
     border-bottom: 10px solid transparent;
     border-right: 10px solid #48b3e3;
     top: 0;
 }
 .timeline .direction-r .head .label.top {
     border-radius: 3px 3px 0 3px;
 }
 .timeline .direction-r .head .label.bottom {
     border-radius: 3px 0 3px 3px;
 }
 .timeline .direction-l .head .label.top {
     border-radius: 3px 3px 3px 0;
 }
 .timeline .direction-l .head .label.bottom {
     border-radius: 0 3px 3px 3px;
 }
 .timeline .head .label.bottom {
     background: #48b3e3;
     padding: 4px 15px;
 }
 .timeline .head h6 {
     margin-bottom: 0;
     font-weight: 500;
 }
 .timeline .parallax .inner {
     padding: 20px;
 }
 
 @media only screen and (max-width: 767px){
     /* Timeline */
     .timeline::before,
     .timelineWrapper::before,
     .timelineWrapper::after {
         left: 22px;
     }
     .timeline .direction-r .pin::after,
     .timeline .direction-l .pin::after {
         right: auto;
         left: -31px;
     }
     .timeline .direction-r .head .label.bottom {
         border-radius: 0 3px 3px 3px;
     }
     .timeline .direction-r .head .label.top {
         border-radius: 3px 3px 3px 0;
     }
     .timeline .direction-r .head .label.bottom::before,
     .timeline .direction-l .head .label.bottom::before,
     .timeline .direction-r .head .label.top::before,
     .timeline .direction-l .head .label.top::before {
         left: -10px;
         border-top: 0 solid transparent;
         border-bottom: 10px solid transparent;
         border-right: 10px solid #3a3b5a;
         border-left: none;
     }
     .timeline .direction-r .head .label.top::before,
     .timeline .direction-l .head .label.top::before {
         border-top: 10px solid transparent;
         border-right: 10px solid #ffc34f;
         border-bottom: none;
     }
     .timeline .direction-r,
     .timeline .direction-l {
         width: 100%;
         /* float: none; */
         padding-right: 0;
         padding-left: 0px;
     }
     .timeline .info {
         margin: 10px 0 20px 15px;
         text-align: left;
     }
     .timeline .direction-r .head,
     .timeline .direction-l .head {
         position: static;
         text-align: left;
         margin-left: 15px;
     }
     .table-bordered td, .table-bordered th {
         border: 1px solid #dee2e6;
         flex-wrap: nowrap;
         white-space: nowrap;
     }
 
     
 }
 
 .f-26 {
     font-size: 26px !important;
     padding-bottom: 10px;
 }
 .portfolio22 .item {
     position: relative;
     overflow: hidden;
     border: 1px solid;
     padding: 20px;
     box-shadow: 0px 0px 3px 0px rgb(0 0 0);
 }
 .portfolio22 img {
     max-width: 100%;
     width: 100%;
     display: block;
 }
 .portfolio22 figure {
     margin: 0;
     position: relative;
     overflow: hidden;
 }
 .f-16 {
     font-size: 16px !important;
     text-align: justify;
     text-transform: capitalize;
 }
 
 .p-t-10 {
     padding-top: 10px!important;
 }
 
 .isotope .grid-sizer {
     width: 33.33333333%;
 }
 .isotope .grid-item {
     float: left;
     position: relative;
     margin-bottom: 30px;
 }
 .portfolio33 .item {
     position: relative;
     overflow: hidden;
 }
 .portfolio33 figure {
     margin: 0;
     position: relative;
     overflow: hidden;
 }
 .portfolio33 img {
     max-width: 100%;
     width: 100%;
     display: block;
     
 }
 .f-20 {
     font-size: 20px !important;
 }
 .f-22 {
     font-size: 22px !important;
 }
 
 .dec-main-event p {
     text-align: justify;
     font-size: 20px;
     color:#313131;
 }
 .event-main-desc a{
     text-decoration: none;
     
 }
 .event-main-desc img {
     max-width: 100%;
     width: 100%;
     object-fit: contain;
     border: solid 1px #eeee;
 }
 .dec-main-event {
     padding-top: 10px;
 }
 .event-main-desc .center-cropped {
     width: 100%;
     height: 300px;
     background-position: center center;
     background-repeat: no-repeat;
   }
 
   .titl-event h3 {
     font-size: 21px;
     padding-bottom: 10px;
     border-bottom: 1px solid #b93a3e;
 }
 .main-side {
     padding: 10px 0px 10px 0px;
 }
 .main-side ol{
     padding: 0px 20px 0px;
     left: 0;
 }
 .main-side ol li{
     padding-bottom: 10px;
     left: 0;
 }
 .main-side ol li a{
     text-decoration: none;
     color: #5b5656;
     text-align: justify;
 
 }
 .main-side ol li a:hover{
     text-decoration: none;
     color: #b93a3e;
 
 }
 
 .Social_Box{
     padding: 15px;
     box-shadow: 0px 0px 3px 0px rgb(166 162 162);
     border-radius: 5px;
     margin-bottom: 30px;
     cursor: pointer;
 }
 .Social_Box:hover{
     padding: 15px;
     box-shadow: 0px 0px 5px 0px rgb(166 162 162);
     border-radius: 5px;
     margin-bottom: 30px;
 }
 
 
 .Social_Box .Social_Box_Cont {
     position: relative;
 }
 .Social_Box_Cont p{
     padding-top: 5px;
 }
 .Social_Box_Cont button{
     border: 1px solid #b93a3e;
     padding: 7px 15px;
     margin-top: 10px;
 }
 .Social_Box_Cont button:focus{
     box-shadow: unset;
 }
 
 
 
 
 .shop-banner{
     position: relative;
   }
   
   .shop-banner .slide {
     position: relative;
     padding: 180px 0px 100px 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
   }
   
   .shop-banner .slide:before{
     position: absolute;
     content: '';
     background: rgba(25, 25, 25, 0.75);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
   }
   
   .shop-banner .content-box{
     position: relative;
     display: block;
     margin-right: -35px;
   }
   
   .shop-banner .content-box h1{
     position:relative;
     display: block;
     font-size: 90px;
     line-height: 88px;
     color: #ffffff;
     font-weight: 700;
     margin-bottom: 14px;
     opacity:0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateX(-20px);
     -moz-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     -o-transform: translateX(-20px);
     transform: translateX(-20px);
   }
   
   .shop-banner .active h1{
     opacity: 1;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     transition-delay: 500ms;
   }
   
   .shop-banner .content-box .text{
     position:relative;
     display: block;
     font-size: 18px;
     line-height: 26px;
     color: #ffffff;
     font-weight: 400;
     margin-bottom: 25px;
     opacity:0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateX(20px);
     -moz-transform: translateX(20px);
     -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
     transform: translateX(20px);
   }
   
   .shop-banner .active .text{
     opacity: 1;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     transition-delay: 1000ms;
   }
   
   .shop-banner .content-box .btn-box{
     position:relative;
     display: block;
     opacity:0;
     -webkit-transition: all 1500ms ease;
     -moz-transition: all 1500ms ease;
     -ms-transition: all 1500ms ease;
     -o-transition: all 1500ms ease;
     transition: all 1500ms ease;
     -webkit-transform: translateY(20px);
     -moz-transform: translateY(20px);
     -ms-transform: translateY(20px);
     -o-transform: translateY(20px);
     transform: translateY(20px);
   }
   
   .shop-banner .active .btn-box{
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     transition-delay: 1500ms;
   }
   
   .shop-banner .content-box .btn-box a{
     position: relative;
     display: inline-block;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     background: #ed2884;
     padding: 14.5px 39px;
     text-align: center;
   }
   
   .shop-banner .content-box .btn-box a:hover{
     background: #fff;
     color: #ed2884;
   }
   
   .shop-banner .image-box .image{
     position: relative;
     display: block;
     margin-left: 70px;
   }
   
   .shop-banner .image-box .image img{
     max-width: none;
     float: left;
     opacity: 0;
     -webkit-transition: all 1500ms ease;
     -moz-transition: all 1500ms ease;
     -ms-transition: all 1500ms ease;
     -o-transition: all 1500ms ease;
     transition: all 1500ms ease;
     -webkit-transform: translateX(100px);
     -moz-transform: translateX(100px);
     -ms-transform: translateX(100px);
     -o-transform: translateX(100px);
     transform: translateX(100px);
   }
   
   .shop-banner .active .image-box .image img{
     opacity: 1;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     transition-delay: 1500ms;
   }
   
   .shop-banner .owl-nav{
     display: none;
   }
   
   .shop-banner .owl-dots {
     position: absolute;
     left: 370px;
     top: 100%;
     transform: translateY(-50px);
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
   }
   
   .shop-banner .owl-theme .owl-dots .owl-dot span{
     height: 8px;
     width: 8px;
     background: #fff;
     margin: 0px 5px;
     border: none;
     cursor: pointer;
     transition: all 500ms ease;
   }
   
   .shop-banner .owl-theme .owl-dots .owl-dot.active span,
   .shop-banner .owl-theme .owl-dots .owl-dot span:hover{
     background: #ed2884;
   }
   
   
   /** shop-style-two **/
   
   .shop-style-two{
     position: relative;
     padding: 90px 0px 60px 0px;
   }
   
   .latest-product .single-item{
     position: relative;
     display: block;
     background: #edf2ff;
     padding: 100px 20px 100px 30px;
     min-height: 296px;
   }
   
   .latest-product .single-column:last-child .single-item{
     background: #f8e8e8;
   }
   
   .latest-product .single-item .image-box{
     position: absolute;
     left: 30px;
     top: 50px;
     width: 296px;
     height: 205px;
   }
   
   .latest-product .single-item .image-box img{
     width: 100%;
   }
   
   .latest-product .single-item .content-box{
     position: relative;
     padding-left: 325px;
   }
   
   .latest-product .single-item .content-box h3{
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 28px;
     color: #0f0e0e;
     font-weight: 700;
     margin-bottom: 12px;
   }
   
   .latest-product .single-item .content-box h3 a{
     color: #0f0e0e;
   }
   
   .latest-product .single-item .content-box h3 a:hover,
   .latest-product .single-item .content-box .link-btn a:hover{
     color: #ed2884;
   }
   
   .latest-product .single-item .content-box .link-btn a{
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 26px;
     color: #0f0e0e;
   }
   
   .latest-product .single-item .content-box .link-btn a i{
     font-size: 14px;
     margin-left: 5px;
   }
   
   .shop-style-two .upper-box{
     position: relative;
     display: block;
     margin-bottom: 53px;
   }
   
   .shop-style-two .lower-box .title-text{
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 40px;
     font-weight: 700;
     color: #0f0e0e;
     margin-bottom: 25px;
   }
   
   .shop-block-two .inner-box{
     position: relative;
     display: block;
     /*margin-bottom: 20px;*/
     transition: all 500ms ease;
   }
   
   .shop-block-two:hover .inner-box{
     box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
   }
   
   .shop-block-two .inner-box .image-holder{
     position: relative;
     display: block;
     overflow: hidden;
     background: #f2f2f2;
   }
   
   .shop-block-two .inner-box .image-holder img{
     width: 100%;
     transition: all 900ms ease;
   }
   
   .shop-block-two:hover .inner-box .image-holder img{
     transform: scale(1.05);
     opacity: 0.5;
   }
   
   .shop-block-two .inner-box .image-holder .info-list{
     position: absolute;
     top: 15px;
     right: 20px;
   }
   
   .shop-block-two .inner-box .image-holder .info-list li{
     position: relative;
     display: inline-block;
     margin: 0px 3px;
   }
   
   .shop-block-two .inner-box .image-holder .info-list li a{
     position: relative;
     display: inline-block;
     font-size: 20px;
     color: #d8d8d8;
     width: 45px;
     height: 45px;
     line-height: 45px;
     text-align: center;
     border: 1px solid #d9d5d5;
     border-radius: 50%;
   }
   
   
   
   .shop-block-two .inner-box .lower-content{
     position: relative;
     display: block;
     padding: 20px 15px 15px 15px;
         background: #f2f2f2;
   }
   
 
   
   .shop-block-two .inner-box .lower-content .price del{
     position: relative;
     display: inline-block;
     font-size: 20px;
     line-height: 26px;
     color: #313131;
     margin: 0px 5px;
   }
   
   .shop-block-two .inner-box .lower-content .price{
     position: relative;
     display: block;
     margin-bottom: 10px;
   }
   
   .shop-block-two .inner-box .lower-content .rating li{
     position: relative;
     display: inline-block;
     font-size: 16px;
     color: #feb362;
   }
   
   .shop-block-two .inner-box .lower-content .rating{
     position: relative;
     display: block;
     margin-bottom: 4px;
   }
   
   .shop-block-two .inner-box .lower-content h4{
        position: relative;
       display: block;
       font-size: 16px;
       line-height: 20px;
       font-weight: 600;
       color: #313131;
       margin-bottom: 10px;
   }
   
   .shop-block-two .inner-box .lower-content h4 a{
     position: relative;
     display: inline-block;
     color: #313131;
   }
   
   .shop-block-two .inner-box .lower-content h4 a:hover{
     color: #b93a3e;
   }
   
   .shop-block-two .inner-box .lower-content .link-btn a{
     position: relative;
     display: inline-block;
     font-size: 16px;
     line-height: 26px;
     color: #b93a3e;
     text-decoration: underline;
   }
   
   .shop-block-two .inner-box .lower-content .link-btn a:hover{
     color: #fff;
   }
   
   .shop-block-two .inner-box .lower-content .link-btn{
     margin-bottom: 16px;
   }
   
   .shop-block-two .inner-box .lower-content .btn-box a{
     position: relative;
     display: inline-block;
     font-size: 16px;
     color: #fff;
     background: #313131;
     padding: 12px 42px;
     text-align: center;
   }
   
   .shop-block-two .inner-box .lower-content .btn-box a:hover{
     background: #b93a3e;
   }
   
   .shop-style-two.shop-page-2 .shop-sidebar .widget-title {
     position: relative;
     display: block;
     font-size: 22px;
     /* line-height: 32px; */
     font-weight: 200;
     color: #fffcfc;
     background-color: #b93a3e;
     /* padding-bottom: 7px; */
     margin-bottom: 10px;
 }
 h3.widget-title {
     padding: 10px;
 }
 .sizeactive {
     font-weight: bold;
     color: #000 !important;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .categories-widget .shop-categories ul li{
     list-style: none;
 }
 ul.shop-categories {
     list-style: none;
     padding: 0px 5px 0px 0px;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .categories-widget .shop-categories li a {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     color: #5e5e5e;
     padding: 8px 0px;
     border-bottom: 1px solid #e7e8e5;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .categories-widget .shop-categories li a:hover {
     /* color: #fff;
      background: #ed2884;*/
      padding-left: 15px;
     /* border-color: #ed2884;*/
    }
 
    .shop-style-two.shop-page-2 .shop-sidebar .search-widget .form-group {
     position: relative;
     display: block;
     margin-bottom: 26px;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .search-widget .form-group input[type='search'] {
     position: relative;
     width: 100%;
     height: 55px;
     background: #fff;
     border: 8px solid #f5f5f5;
     font-size: 16px;
     color: #484848;
     padding: 10px 15px 10px 40px;
     transition: all 500ms ease;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .search-widget .form-group button {
     position: absolute;
     left: 20px;
     top: 16px;
     border: none;
     background: transparent;
     font-size: 14px;
     color: #313131;
     cursor: pointer;
     transition: all 500ms ease;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .categories-widget .shop-categories li a:hover:before {
     opacity: 1;
 }
 .shop-style-two.shop-page-2 .shop-sidebar .categories-widget .shop-categories li a:before {
     position: absolute;
   content: "\f105";
   font-size: 15px;
   color: #5e5e5e;
   font-weight: 700;
   font-family: 'Font Awesome 5 Free';
   left: 5px;
   top: 10px;
   opacity: 0;
   transition: all 500ms ease;
 }
 
 
 
   
   .shop-style-two.shop-page-2 .item-sorting .select-column{
     position: relative;
     min-width: 230px;
   }
   
   .shop-style-two.shop-page-2 .item-sorting .select-box .ui-state-default{
     height: 50px;
     border-color: #f0f0f0;
     border-radius: 0px;
     color: #313131;
   }
   
   .shop-style-two.shop-page-2 .item-sorting .select-box .ui-selectmenu-button span.ui-selectmenu-text{
     height: 50px;
     padding: 17px 19px;
   }
   
   .shop-style-two.shop-page-2 .item-sorting .select-box .ui-selectmenu-button span.ui-icon::before{
     color: #dbdbdb;
   }
   .shop-style-two.shop-page-2 .item-sorting {
     position: relative;
     display: block;
     margin-bottom: 50px;
 }
 
 .ser_name {
     text-align: left;
     border-bottom: 1px solid #ddd;
     padding-bottom: 10px;
     color: #b93a3e;
 }
 .all.div {
     /* margin-bottom: 20px!important; */
     padding-top: 28px;
 }
 h6.size_main_product {
     margin-top: -5px;
     padding-bottom: 10px;
 }
   
 h6.size_main_product a {
     text-align: center;
     text-decoration: none;
     color: #685e5e;
 }
 
 /* product css start */
 
 .sproduct {
     cursor: pointer;
 }
 
 .sproduct .pbigslider img {
     width: 100%;
     object-fit: cover;
     max-width: 100%;
 }
 .sproduct .psmallslider {
     margin-top: 20px;
 }
 .psmallslider .slick-slide {
     margin-left: 7.5px;
     margin-right: 7.5px;
 }
 .retaed-slider .slick-slide{
     margin-left: 7.5px;
     margin-right: 7.5px;
 }
 .sproduct .psmallslider img{
     width: 100%;
     object-fit: cover;
     height: 100px!important;
     object-position: center;
     min-height: 100px;
 }
 section.details_product {
     padding-top: 60px;
     position: relative;
     width: 100%;
     padding-bottom: 20px;
 }
 .titles-products h2 {
     font-size: 25px;
     color: #323634;
     padding-bottom: 10px;
     border-bottom: 1px solid #cccaca;
 }
 .social-5 {
     text-align: center;
 }
 
 .social-5 .item {
     width: 136px;
     height: 80px;
     display: inline-block;
     margin: 0 16px 0px 15px;
     font-weight: 100;
     text-align: center;
     line-height: 35px;
     color: #fff;
    
    
 }
 .social-5 .item:before {
     background-color: #fff;
     display: block;
     font-size: 30px;
     line-height: 70px;
     color: #323634;
    
     border: 1px solid #000000;
     overflow: hidden;
 }
 .social-5 p {
     font-family: 'Open Sans', sans-serif;
     color: #000;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 11px;
 }
 .social-5 .item a span{
     text-decoration: none;
     border: none;
 }
 .social-5 .item a span:hover{
     text-decoration: none;
     border: none;
 }
 
 .sets-content {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: center;
     height: 100%;
 }
 .related-div {
     padding-top: 20px;
 }
 .related-product-slider .c2 img {
     width: 100%;
     object-fit: cover;
 }
 .related-product-slider.center-cropped {
     width: 100%;
     height: 300px;
     object-position: center;
     object-fit: cover;
 }
 .bottom-desc {
     text-align: center;
     padding-top: 20px;
 }
 span.spce-top1 {
     font-size: 18px;
 }
 
 .related-product-slider .slick-slide{
     margin-left: 7.5px;
     margin-right: 7.5px;
 }
 
 .small-title h2 {
     color: #b93a3e;
     font-size: 30px;
     padding-bottom: 10px;
 }
 .fom-main-dt {
     width: 100%;
 }
 
 .desc-down {
     padding-top: 10px;
 }
 .cate-box {
     background-color: #fff;
     padding: 25px;
     box-shadow: 0px 0px 5px #e8e8e8;
     /*cursor: pointer;*/
 }
 .cate-box:hover {
     background-color: #fff;
     padding: 25px;
     box-shadow: 0px 0px 18px #e8e8e8;
 }
 .desc-down .shop-block-two {
     box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 35%);
    /* cursor: pointer;*/
 }
 .desc-down .shop-block-two .inner-box {
     position: relative;
     display: block;
     /*margin-bottom: 20px;*/
     transition: all 500ms ease;
 }
 
 .desc-down .shop-block-two .inner-box .image-holder {
     position: relative;
     display: block;
     overflow: hidden;
     background: #f5f5f5;
 }
 .desc-down .shop-block-two .inner-box .image-holder figure {
     margin: 0px;
 }
 .desc-down .shop-block-two .inner-box .lower-content {
     position: relative;
     display: block;
     padding: 20px 15px 15px 15px;
     background: #f2f2f2;
 }
 .desc-down .shop-block-two .inner-box .lower-content h4 {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     color: #313131;
     margin-bottom: 10px;
 }
 button.btn-view {
     background: #fff;
     color: #000;
     padding: 10px;
     width: 49%;
 }
 
 .desc-down .shop-block-two .inner-box .image-holder img{
     width: 100%;
     transition: all 900ms ease;
   }
   
 .desc-down.shop-block-two:hover .inner-box .image-holder img{
     transform: scale(1.05);
     opacity: 0.5;
   }
   button.btn-view a {
     color: #000;
     text-decoration: none;
 }
 button.btn-view a:hover {
     color:#b93a3e;
     text-decoration: none;
 }
 .iconBox {
     padding-left: 100px;
     /*margin-bottom: 60px;*/
     margin-top: 45px;
     position: relative;
 }
 .iconBox .icon {
     border-radius: 35px;
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     border: 5px solid #eef4f8;
     position: absolute;
     left: 0;
     top: 0;
     -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }
 .iconBox:hover .icon {
     background: #eef4f8;
 }
 .iconBox h5,
 .iconBox2 h5 {
     font-weight: BOLD;
     text-transform: uppercase;
 }
 .iconBox .icon i {
     color: #b93a3e ;
     font-size: 30px;
 }
 .iconBox2 {
     margin-bottom: 60px;
     text-align: center;
 }
 .iconBox2 .icon {
     margin: 0 auto 25px auto;
     border-radius: 35px;
     width: 70px;
     height: 70px;
     line-height: 75px;
     text-align: center;
     background: #ffc34f;
        -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     transition: all 0.2s linear; 
     border: 4px solid #ffc34f;
 }
 .iconBox2 .icon i {
     color: #fff;
     font-size: 30px;
     -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     transition: all 0.2s linear;	
 }
 .iconBox2:hover .icon {
     background: #fff;
     border: 4px solid #ffc34f;
 }
 .iconBox2:hover .icon i {
     color: #ffc34f;
 }
 
 p.set-spc {
     margin-bottom: 5px;
 }
 .iconBox a{
     text-decoration: none;
 }
 
 h6.set-ss {
     color: #b93a3e;
     font-size: 20px;
 }
 
 .contact-page_location {
     padding: 40px 40px 40px 40px;
     border: 1px solid #b93a3e;
     background-color: #ffffff;
 }
 .contact-page_location-icon h5{
     font-weight: 500;
     color: #000;
 }
 .contact-page_location-icon h5 i{
     padding-right: 20px;
 }
 .contact-page_location-office .location p{
     color: #999595;
     padding-left: 35px;
 }
 .contact-page_location-office .location p span{
     color: #43af8d;
 }
 
 .contact-page_location-phone .number{
     padding-left: 35px;
 }
 .contact-page_location-email .email{
     padding-left: 35px;
 }
 .contact-page_location-phone .number a, .contact-page_location-email .email a{
     color: #999595;
 } 
 
 
 .number {
     padding-left: 37px;
     padding-bottom: 10px;
 }
 .number a {
     
 text-decoration: none;
 color: #999595;
 font-size: 14px;
 }
 
 .maps-main{
     width: 100%;
 }
 
 .activemainmenu
 {
     color:#b93a3e !important;
 }
 
 .form_error
 {
     color:red;
 }
 
 .othersocial
 {
     margin-bottom:30px;
 }
 
 .clearrowpages
 {
     clear:both;
 }
 
 .center-cropped-blog-img {
   object-fit: cover;       
   object-position: center; 
   height: 300px !important;
   width: 100% !important;
 }
 
 .mb-blog-30
 {
     margin-bottom:30px
 }
 
 #dynamicpages p
 {
     text-align:justify !important;
 }
 
 #dynamicpages img
 {
     padding-left:15px;
     padding-right:15px;
 }
 
 #dynamicpages a
 {
     color:#000 !important;
     text-decoration:none;
 }
 
 .eventtext
 {
     margin-top:40px;
 }
 .eventtext p
 {
     text-align:justify !important;
 }
 
 /* Start Product Pagination */
 
 .pagination {
   display: inline-block;
   padding-left: 0;
   margin: 20px 0;
   border-radius: 4px;
 }
 .pagination > li {
   display: inline;
 }
 .pagination > li > a,
 .pagination > li > span {
   position: relative;
   float: left;
   padding: 6px 12px;
   margin-left: -1px;
   line-height: 1.42857143;
   color: #b93a3e;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #ddd;
 }
 .pagination > li > a:hover,
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
   z-index: 2;
   color: #b93a3e;
   background-color: #eeeeee;
   border-color: #ddd;
 }
 .pagination > li:first-child > a,
 .pagination > li:first-child > span {
   margin-left: 0;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
 }
 .pagination > li:last-child > a,
 .pagination > li:last-child > span {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
 .pagination > .active > span:hover,
 .pagination > .active > a:focus,
 .pagination > .active > span:focus {
   z-index: 3;
   color: #fff;
   cursor: default;
   background-color: #b93a3e;
   border-color: #b93a3e;
 }
 .pagination > .disabled > span,
 .pagination > .disabled > span:hover,
 .pagination > .disabled > span:focus,
 .pagination > .disabled > a,
 .pagination > .disabled > a:hover,
 .pagination > .disabled > a:focus {
   color: #777777;
   cursor: not-allowed;
   background-color: #fff;
   border-color: #ddd;
 }
 .pagination-lg > li > a,
 .pagination-lg > li > span {
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
 }
 .pagination-lg > li:first-child > a,
 .pagination-lg > li:first-child > span {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
 .pagination-lg > li:last-child > a,
 .pagination-lg > li:last-child > span {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
 .pagination-sm > li > a,
 .pagination-sm > li > span {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
 }
 .pagination-sm > li:first-child > a,
 .pagination-sm > li:first-child > span {
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .pagination-sm > li:last-child > a,
 .pagination-sm > li:last-child > span {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 
 .promrb
 {
     margin-bottom:15px;
 }
 
 .imgborder
 {
     border:solid 1px #eee;
 }
 /* End Product Pagination */
 
 .center-cropped-inspiration {
   object-fit: cover;       
   object-position: center; 
   height: 300px;
   width: 100% !important;
   border:solid 1px #eee;
 }
 
 .button-view-down a {
     background: #fff;
     color: #000;
     width: 48%;
     padding: 10px 10px 10px 10px;
     text-decoration: none;
     border: 1px solid black;
     text-align: center;
     
 }
 .button-view-down {
     display: flex;
     width: 100%;
     justify-content: space-between;
 }
 .button-view-down a:hover {
     text-decoration: none;
     color: #b93a3e;
 }
 
 .logo_img{
     max-width: 200px;
 }
 
 .bg-placeholder.bg-dark{
     max-height: 100vh;
 }
 
 .helper-main{
     transition: 0.3s;
 }
 
 .drop-item{
     padding: 45px 30px;
 }
 
 .visualizer_sec{
     padding-bottom: 150px;
 }
 
 .tile-view-widget a {
     background-color: #b93a3e !important;
 }
 
 .thm-btn-2 {
     border: 2px solid #000;
     background-color: #fff;
     transition: 0.3s;
 }
 .thm-btn-2:hover {
     border: 2px solid #000;
     background-color: #000;
     color: #ffff;
 }
 
 .darkOffset{
     position: relative;
 }
 
 .darkOffset::before {
     content: "";
     background-color: #00000075;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
 }
 
 .goog-te-banner-frame {
     display: none;
 }
 
 .goog-logo-link {
     display: none !important;
 }
 
 
 
 .goog-te-gadget {
     color: transparent !important;
     font-size: 0px !important;
 }
 
 
 
 #google_translate_element {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }
 
 .sd-tranlate {
     font-size: 20px;
 }
 
 .goog-te-combo {
     position: absolute;
     top: 0;
     height: 100%;
     width: 30px;
     left: 0;
     background: transparent;
     border: none;
     color: transparent;
     cursor: pointer;
     margin: 0 !important;
 }
 
 @media only screen and (max-width: 1200px) {
     .goog-te-combo {
         transform: translate(-50%, -50%);
         left: 50%;
         top: 50%;
     }
 }
 
 .goog-te-combo>option {
     color: #000 !important;
 }
 
 .dropdown-item {
     line-height: 2;
 }
 
 .VIpgJd-ZVi9od-l4eHX-hSRGPd {
     display: none;
 }
 
 .loader-wrap{
     height: 100vh;
     width: 100%;
     background: #fbfbfb;
     z-index: 100000;
     position: fixed;
 }
 
 .loader-wrap .preloader img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 
 @media only screen and (max-width: 1700px){
     #hero video {
         max-width: 100%;
     }
 }
 
 @media only screen and (max-width: 767px){
     .visualizer_sec {
         padding-bottom: 0px;
     }
 }
 
 @media only screen and (max-width: 767px){
     #hero video {
         height: 100vh;
         max-width: auto;
     }
     #hero .bg-placeholder {
         display: flex;
         justify-content: center;
     }
     
 }
 @media only screen and (max-width: 600px){
     .search{
         display: none!important;
     }
     .preloading{
         width: 80%!important;
     }
 }
 .button-view-down a:hover {
    text-decoration: none;
    color: #b93a3e !important;
}
h3.title.title-t1 {
    font-size: 40px;
    border-bottom:1px solid;
    color:  #b93a3e !important;
}
.cer-img-box img {
    /* border: 1px solid gray; */
    /* border-radius: 40px; */
    max-width: 100%;
    object-fit: cover;
}

.cer-img-box img {
    border: none !important;
    max-width: 100%;
    object-fit: cover;
}
.item .post-img img {
   
    width: 417px;
}