.sidebar-page-container{
 margin: 50px 0;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.with-left-sidebar .content-side {
    padding-left: 65px;

}

.sidebar-page-container .content-side {
    margin-bottom: 30px !important;
     
}

.service-details {
    position: relative
}

.service-details .big-image {
    position: relative;
    margin-bottom: 30px;
  text-align:-webkit-center;
}

.service-details .big-image img {
    display: block;
    
}

.service-details h3 {
       position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Zen Kaku Gothic New';
    color: #b12923;
}

.service-details h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    border-bottom: 3px solid #b12923;
}

.service-details h3:after {
    content: '';
    position: absolute;
    left: 22px;
    bottom: 0;
    width: 20px;
    border-bottom: 3px solid #b12923;
}

.service-details .content p {
    margin-bottom: 25px
}

.service-details blockquote {
    margin-bottom: 25px;
    padding: 40px 20px 30px 40px;
    color: #666;
    background: #f7f7f7;
    
    font-size: 15px;
    border: none;
    border-left: 2px solid #b12923;
    line-height: 2em
}

.service-details blockquote .txt {
    position: relative;
    padding: 0 80px
}

.service-details blockquote .txt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Georgia', serif;
    font-style: normal;
    font-size: 72px;
    color: #222222;
    line-height: 1em;
        font-family: 'Roboto Slab', serif;
}

.service-details .content p {
   font-size: 16px;
    margin-bottom: 25px;
    font-family: 'Zen Kaku Gothic New';
    text-align: justify;
}

.sidebar .sidebar-widget {
    position: relative;
    margin-bottom: 50px
}

.sidebar .download-list li {
    position: relative;
    margin-bottom: 15px
}

.sidebar .download-list li a {
    position: relative;
    display: block;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 15px;
    background: #b12923;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease
}

.sidebar .download-list li .fa {
    font-size: 14px;
    padding-right: 7px
}

.sidebar .sidebar-widget .sidebar-title {
    position: relative;
    margin-bottom: 20px
}

.sidebar-widget .sidebar-title h3 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-family: 'Roboto Slab', serif;
}

.sidebar-widget .sidebar-title h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    border-bottom: 3px solid #b12923;
}

.sidebar-widget .sidebar-title h3:after {
    content: '';
    position: absolute;
    left: 22px;
    bottom: 0;
    width: 20px;
    border-bottom: 3px solid #b12923;
}



.sidebar .sidebar-widget {
    position: relative;
    margin-bottom: 50px;
    box-shadow: 0 0 6px 4px #8e8e8e
}

#no-shadow {
    box-shadow: none
}

.blog-cat-bg {
    background: #d2f5ed
}

.sidebar .sidebar-widget .sidebar-title {
    position: relative;
    margin-bottom: 20px
}

.sidebar .popular-tags li {
    display: inline-block
}

.sidebar .popular-tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 8px 22px;
    margin: 0 5px 10px 0;
    border: 1px solid #b12923;
    border-right: none;
    color: #282350;
    font-weight: 600;
    background: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    transition: all 300ms ease;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}

/*.sidebar .popular-tags a:before {
    content: '';
    position: absolute;
    top: 5px;
    right: -14px;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    border-right: 1px solid #b12923;
    border-top: 1px solid #b12923;
    transform: rotate(48deg) skew(6deg)
}
*/
.sidebar .popular-tags a:hover {
    background: #b12923;
    color: #fff
}

.sidebar .popular-tags a:hover::before {
    background: #b12923
}

.with-left-sidebar .sidebar {
    margin-right: -35px
}

.no-padding {
    padding-left: 0
}

 .widget-contents {
    position: relative;
    padding: 30px 20px;
    background-color:#222231;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.catouterdiv {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 49px 30px;
    background: #c7484a;
}

.widget-contents .icon {
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 1em;
    color: #df6512;
    font-weight: 400;
    margin-bottom: 15px;
}
.widget-contents .text {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}
.widget-contents .number {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 5px;
}
.widget-contents .email {
    position: relative;
}

.widget-contents .email a {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
}

#abt-img {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
     filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    
     
    }

    #abt-img:hover {
      filter: none;
      -webkit-filter: grayscale(0);
     
       
     
     
    }

.brouch {
    position: relative;
    display: block;
    color: #0e0e29;
    
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 15px;
    /*background: #0e0e29;*/
    transition: all 300ms ease;

   
}


.inner-content{
    position: relative;
    display: block;
    width: 100%;
}
.inner-content ul {
    position: relative;
    display: block;
    overflow: hidden;
}
.inner-content ul li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    padding-left: 80px;
    margin-bottom: 25px;
    min-height: 85px;
}
.inner-content ul li .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    padding-top: 10px;
    padding-left: 10px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.inner-content ul li .icon::before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #e5e7f0;
    border-radius: 50%;
    content: "";
}
.inner-content ul li .icon .inner{
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    background:#ffffff;
    border-radius: 50%;
}
#icon{
    top:30%;
    left:25%;
    position: absolute;
    font-size: 30px;
        color: #0e0e29;
}
.inner-content ul li .icon span::before {
    position: relative;
    display: block;
    color: #222222;
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    font-weight: 100;
}
.inner-content ul li .text{
    position: relative;
    display: block;
    padding-left: 20px;
    padding-top: 28px;

}
.inner-content ul li .text h5 {
    color: #222222;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 3px;
    font-family: 'Roboto Slab', serif;
}
.inner-content ul li .text p{
    color: #222222;
    margin: 0;
}


/*CATEGOREIS*/
.case-section-1{
    position: relative;
    padding: 45px 0 28px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
/*.case-section-1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000b8;
}*/
.case-section-1 .sec-title{
    color: #fff;
    margin-bottom: 10px;
}
.case-section-1 .noPaddingLeft{
    padding-left: 1px;
}
.case-section-1 .noPaddingRight{
    padding-right: 1px;
}
.case-section-1 .noPadding{
    padding: 0 8px;
}
/*--- Case Section ----*/
.case-item-1{
    position: relative;
    overflow: hidden;
    margin: 0 0 9px;
    background: #f5f5f5;
    padding: 50px;
      border-radius: 18px;
}
.case-item-1 img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.case-hover{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
    -moz-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
    transition: transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
    border-radius: 18px;
       background: rgb(188 22 23 / 81%);
    opacity: 0;
}
.cs-middle{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2;
}
.case-item-1:hover .case-hover{
    opacity: 1;
}
.cs-middle .read-more{
    display: inline-block;
       background-image: linear-gradient(to left, #111111eb, #111111cc, #b12923, #111111d9, #111111f2);
    /*background-image: linear-gradient(to left, #0985f9, #0b72f8, #2f5cf3, #4d40ea, #6809dc);*/
    width: 57px;
    height: 57px;
    border-radius: 50%;
    text-align: center;
    font-size: 21px;
    color: #fff;
    line-height: 57px;
    margin-bottom: 22px;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    -webkit-box-shadow: 0px 1px 54px 0px rgba(47, 84, 238, 0.46);
    -moz-box-shadow: 0px 1px 54px 0px rgba(47, 84, 238, 0.46);
    box-shadow: 0px 1px 54px 0px rgba(47, 84, 238, 0.46);
    opacity: 0;
    visibility: hidden;
    transition: all ease 1000ms;
    -moz-transition: all ease 1000ms;
    -webkit-transition: all ease 1000ms;
    -ms-transition: all ease 1000ms;
    -o-transition: all ease 1000ms;
}
.case-item-1:hover .cs-middle .read-more{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.cs-middle h4{
    font-size: 26px;
    line-height: 26px;
    color: #282331;
    margin-bottom: 13px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all ease 800ms;
    -moz-transition: all ease 800ms;
    -webkit-transition: all ease 800ms;
    -ms-transition: all ease 800ms;
    -o-transition: all ease 800ms;
}
.case-item-1:hover .cs-middle h4{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.cs-middle h4 a{
    

  text-transform: uppercase;
    /* font-family: 'Roboto Slab', serif; */
    color: #fff;
    font-weight: 600;
}
.cs-middle h4 a:hover{
    color: black;

}
.cs-middle p{
    color: #fff;
    font-size: 20px;
    line-height: .8;
    font-weight: 300;
    font-family: 'Jost', sans-serif;
    margin: 0;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    transition: all ease 1000ms;
    -moz-transition: all ease 1000ms;
    -webkit-transition: all ease 1000ms;
    -ms-transition: all ease 1000ms;
    -o-transition: all ease 1000ms;
}
.cs-middle p a{
    color: #fff;
        text-transform: uppercase;
}
.cs-middle p a:hover{
    color: black;
    cursor: context-menu;
}
.case-item-1:hover .cs-middle p{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

/*PRODUCT DESCRIPTION*/
 .with-left-sidebar .content-side {
    padding-left: 21px;
}
.with-left-sidebar .sidebar {
    margin-right: 0;
}

.sidebar__title {
    position: relative;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 9px;
    font-family: 'Roboto Slab', serif;
}

.sidebar__title::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 210px;
    height: 1px;
    background: #dddddd;
    content: "";
}

.sidebar__services {
    position: relative;
    display: block;
    padding: 0px 25px 0px;
    background: #ecf3f9;
}

.sidebar__services-inner {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 30px 40px 45px;
}

.sidebar__services-link {
    position: relative;
    display: block;
    margin-top: 25px;
}

.sidebar__services-link li {
    position: relative;
    display: block;
    background: #fff8ee;
    margin-bottom: 10px;
    z-index: 1;
}

.sidebar__services-link li:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    opacity: 1;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 300ms linear;
    transition-delay: 0.1s;
    background: #b12923;
}

.sidebar__services-link li:hover:after,
.sidebar__services-link li.active:after {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.sidebar__services-link li.active a {
    color: #ffffff;
}

.sidebar__services-link li:last-child {
    margin-bottom: 0px;
}

.sidebar__services-link li a {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 32px;
    font-weight: 500;
    padding: 6px 14px 6px;
    transition: all 300ms linear;
    transition-delay: 0.1s;
    font-family: 'Roboto Slab', serif;
}

.sidebar__services-link li:hover a {
    color: #ffffff;
}

.sidebar__contact-info {
    position: relative;
    display: block;
    background: #b12923;
    margin-top: 30px;
    padding: 30px 65px 38px;
    z-index: 1;
}

.sidebar__contact-info .icon {
    position: absolute;
    right: 30px;
    bottom: 8px;
    z-index: -1;
}

.sidebar__contact-info-title {
    color: #ffffff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 13px;
    font-family: 'Roboto Slab', serif;
}

.sidebar__contact-info-text {
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 13px;
    font-family: 'Roboto Slab', serif;
}

.sidebar__contact-info a {
    color: #ffffff;
    font-size: 21px;
    line-height: 36px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
}

.sidebar__contact-agent {
    position: relative;
    display: block;
    background: #ffffff;
    box-shadow: 0px 0px 50px 0px rgb(195 195 195);
    padding: 35px 45px 40px;
}

.sidebar__contact-agent h2 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 12px;
    font-family: 'Roboto Slab', serif;
    color: #0e0e29;
}

.sidebar__contact-agent p {
    color: rgba(24, 21, 44, 0.8);
    margin: 0;
    font-family: 'Roboto Slab', serif;
}

.sidebar__contact-agent .btn {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    padding-right: 20px;
    background-color: #b12923;
    color: #ffffff;
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 40px;
    margin-top: 27px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    left:20%;
}

.sidebar__contact-agent .btn:hover {
    background: #0e0e29;
}

.sidebar__contact-agent .btn .txt {
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}

.sidebar__contact-agent .btn i {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #0e0e29;
    font-size: 20px;
    background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 15px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.sidebar__contact-agent .btn:hover i {
    transform: rotate(360deg);
}

/*Quality*/

.services-content {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
    background:#0e0e29!important;
    padding:10px;
    transition: all 0.4s ease-in-out 0s;
}

.services-content::before {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(243, 156, 107, 0.2);
    border-image: initial;
}
.services-content::before {
    position: absolute;
    content: "";
    left: 7px;
    right: 7px;
    top: 7px;
    bottom: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(243, 156, 107, 0.2);
    border-image: initial;
    transition: all 0.4s ease-in-out 0s;
}

.services-content:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px;
    position: relative;
    transform: translate(0px, -10px);
    cursor: pointer;
}

.services-content:hover::before {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(243, 156, 107);
    border-image: initial;
}

.services-content span{
    display: inherit;
}


.services-content .icon {
    font-size: 40px;
    color: #FAB226;
    margin-bottom: 15px;
    display: block;
}
.services-content h5 {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'Roboto Slab', serif;
}


.services-title{
    display: inline-block;
}

.services-title.rev-block::after {
    background: rgb(243, 156, 107);
}

.services-content p{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    color:#fff;
    /*text-align: justify;*/

}

.services-title.rev-block::after, .contact-social .rev-block::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    /*background: rgb(243, 156, 107);*/
    animation: 1.5s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 normal forwards running rev-block;
}

ul.list-unstyled li {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: #212529!important;
    font-family: 'Zen Kaku Gothic New';
    
}
#specification li i {
    color: #c7484a;
}


.categories-widget{
	position:relative;
	margin-bottom:40px;
}

.categories-widget .widget-content{
	position:relative;
	padding:35px 30px;
	background-color:#f2f2f2;
	border:1px solid #cccccc;
}

.categories-widget .widget-content h3{
	position:relative;
	color:#bc1617;
	font-weight:700;
	font-size:17px;
	line-height:1.1em;
	margin-bottom:30px;
	text-transform:uppercase;
	 font-family: 'Manrope';
	
}

.categories-widget .widget-content .link-product
{
        margin-left: -10px;
            margin-top: 30px;
}
/* Blog Cat */

.blog-cat{
	position:relative;
	padding-left: 0;
}

.blog-cat li{
	position:relative;
	margin-bottom:10px;
	list-style-type: none;
}

.blog-cat li a{
	position:relative;
    color:#212529;    
	font-size:15px;
	padding:10px 30px;
	display:block;
	z-index:1;
	font-weight:600;
	background-color:#ffffff;
	transition:all 500ms ease;
  
   text-transform:uppercase;
	
}

.blog-cat li a:after{
	position:absolute;
	content:'\f105';
	right:0px;
	top:0px;
	z-index:1;
	color:#222222;
	font-size:20px;
	font-weight:800;
	width:60px;
	height:59px;
	line-height:58px;
	text-align:center;
	font-family: 'Font Awesome 5 Free';
	/*background-color:#b12923;*/
	transition:all 500ms ease;
	
}

.blog-cat li.active a:after,
.blog-cat li:hover a:after{
	color:#ffffff;
	/*background-color:#222222;*/
}

.blog-cat li a:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	bottom:0px;
	width:0%;
	height:100%;
	z-index:-1;
	opacity:0;
	transition:all 500ms ease;
   background-image: linear-gradient(to left, #b12923ed, #b12923eb, #b12923, #c7484aeb, #c7484ae6);
}

.blog-cat li a:hover::before{
	width:100%;
	opacity:1;
}

.blog-cat li.active a,
.blog-cat li a:hover{
	color:#ffffff;
}

.blog-cat li:last-child a{
	border-bottom:0px;
}

.blog-cat li.active a:before{
	width:100%;
	opacity:1;
}