html {
    height: 100%;
}
 body {
    height: 100%;
}
.not-front .region-content ,.panel-heading{
   padding:0;
}
.col-md-12 {
   padding:0;
}
.search-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9b9ba4;
}
    .search-box .search-box-title {
        color: #2b78a7;
        font-size: 17px;
        font-weight: 600;
    }

.arrow-container, .pagination-number {
    color: #6f6f6f;
    margin-right: 10px;
    margin-left: 0px;
    font-size: 14px;
    cursor: pointer;
}

.captcha-text {
    color: #d61b45;
    font-weight: bold;
    margin-top: 5px;
    opacity: 0;
    transition: all 0.5s ease;
    text-align: left;
}

#customerInquiryReal
{
    display:none;
}
p.description {
    color: #717171;
    text-align: center;
    font-size: 30px;
	width: 100%;
}
.sub-category .product-items
{
	margin-bottom: 20px;
    margin-top: 20px;
}
a.page-name {
    background-color: #000;
    color: #f5bf4d !important;
    padding: 5px 15px;
    margin: 3px;
    display: inline-block;
    margin-top: 10px;
}
.




.owl-stage
{
	 display: flex;
    align-items: center;
}
.mo-top , .mo-bottom{
	display: inline-block;
	float: right;
}

.header-of-banner
{
	    padding: 10px;
    padding-left: 0px;
    overflow: hidden;
    float: none;
    clear: left;
}
img.brand-logo {
    width: 100px;
    margin-right: 30px;
    float: left;
}

.path-sitemap .sitemap .sitemap-box .content ul.main-pages li {
    list-style: none;
}

.path-sitemap .sitemap .sitemap-box .content .expanded ul li {
    list-style-type: square;
    color: #f5b424;
    font-size: 17px;
}
.path-sitemap .sitemap .sitemap-box .content ul.sitemap-menu.inner-ul li {

    list-style-type: square;
    color: #000;
    font-size: 17px;
}
.path-sitemap .sitemap .sitemap-box .content ul.sitemap-menu.inner-ul li a{
    color: #676562;
    font-weight: bold;
}


.navigation{
     font-size: 12px;
    display: block;
    padding-bottom: 10px;
}

.navigation:hover {
    color: #a58541;
}
 /******** START TEXT PAGE *******/
 .text-page .content-wrapper {
    background-image: url(/media/1268/technical-support-and-warranty.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    height: 100%;
    overflow: hidden;
}
 .text-page .section {
        padding: 180px 155px 100px 170px;
        color: #f1f4f7;
}
 .text-page .page-content {
    display: flex;
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	 
    padding-top:50px;
}
 .text-page .left-section{
         padding: 0px;
    margin-right: 90px;
 }
 .text-page .right-section {
         flex-basis: 1000px;
    flex-grow: 1;
    display: flex;
	 
    flex-wrap: wrap;
    flex-flow: column;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	 
}
.text-page .model-name {
       font-size: 23px;
    background-color: #000;
    color: #f3bd46;
    display: inline-block;
    padding: 2px 15px;
	    text-transform: uppercase;
}

.text-page .model-description {
       font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
    margin-top: 4px;
    text-shadow: 0px -1px 20px #000000;
}

.text-page .models-siblings {
      overflow-y: auto;
    text-align: center;
    overflow-x: hidden;
        width: 250px;
}

.text-page .sibling-item {
        width: 100%;
    max-height: 150px;
    padding: 15px;
    margin: 1px;
    background-color: rgba(31, 31, 31, 0.77);
    cursor: pointer;
    color: #f3bd46;
	display: block;
	    text-align: center;
}
.text-page .sibling-item.active{
         background-color: rgba(101, 101, 101, 0.82);
    color: #c7c7c7;
}
.text-page .sibling-item:hover{
    color:#636060;
    background-color:rgba(255, 255, 255, 0.82);
}
.text-page  .icon-item {
     display: none;
    width: 62px;
    height: 65px;
    margin-top: 10px;
}
.text-page .icon-item img {
    width: 100%;
    max-height: 100%;
}
.text-page .sibling-item.active .icon-item {
 display: inline-block;
}
.text-page .container-botton {
    width: 100%;
}
.text-page .container-botton .main-botton{
    float:right;
    margin-top:50px;
}
.text-page .container-text {
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.82);
    text-align: justify;
    line-height: 1.5;
    color: #636060;
}
 /******** END TEXT PAGE *********/

.height100 {
    min-height:650px;
}
p.validat-captcha {
    color: red;
	display: none;
	margin-top: 10px;
	text-align: left !important;
}
p.validat-captcha.home {
    text-align: left;
}
.our_brand {
    position: relative;
}
.our_brand.home .brand-item {
    padding: 20px 0px 0px 0px;
	min-width: 110px;
    text-align: center;
} 
 .our_brand .form-group .brand-item a 
{
    display: inline-block;
}
 .our_brand .form-group .brand-item a img {
    max-height: 90px;
     max-width:150px;
	 width:auto;
}
.our_brand .form-group{
    max-width: 990px;
}
.owl-carousel.owl-drag .owl-item{
    max-width:165px;
}

.page-node-type-our-products .content .left .field_row .field--item.brief, .page-node-type-stock-availability .content .left .field_row .field--item.brief
{
    font-size: 13px;
    display: inline-block;
    background-color: #c5c5c5;
    padding: 0 10px;
 
}
 .view-content.height100 ,.bx-wrapper ,.banner-wrapper #block-views-block-dynamic-header-block-1 .bx-wrapper .bx-viewport{
     height: 100% !important;
}

.vedio {
    float: left;
    width: 320px;
    margin-left: 10px;
}
.text-vedio
{
	 color: #868686;
    font-size: 16px;
}
.page-node-type-page form .g-recaptcha
{
	margin:0;
	margin-bottom: 10px;
}
/*Start Change width */
 .other-page .container {
     width: 100%;
     text-align: left;
     padding:0px 170px;
	 padding-right: 155px;
     min-height: 756px;
}
.main-description.single_block{
    -webkit-column-count: 1;
    column-count: 1;
    column-gap: 0px;
    -webkit-column-gap: 0px;
    column-width: auto;
    -webkit-column-width: auto;

	
}
.main-description{
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 50px;
    -webkit-column-gap: 50px;
    column-width: 350px;
    -webkit-column-width: 350px;
	 margin: 15px;
		text-align:justify;
}
 .other-page.path-our-brands h1.page-header ,.other-page .description-page ,.path-our-services h1.page-header,.path-news h1.page-header {
     text-align:left;
}

/*End Change width */
/*start slider home page*/
.slide-item{
    margin-top: 80px;
}
 .field-content {
     -webkit-background-size: cover ;
     -moz-background-size: cover ;
     -o-background-size: cover ;
     background-size: cover ;
	 background-repeat: no-repeat ;
	 background-position: center ;
	 text-align: center;
}
 .field-content.slider-content {
     position: absolute;
     top: 40%;
     -webkit-transform: translateY(-40%);
     -moz-transform: translateY(-40%);
     -o-transform: translateY(-40%);
     transform: translateY(-40%);
     width: 500px;
     left: 130px;
     color: rgb(212, 172, 85);
	 text-align:left;
}
 .field-content.slider-content .title {
     font-size: 41px;
     font-weight: bold;
     color: #000000;
     -webkit-box-shadow: -1px -2px 80px 20px rgba(255, 255, 255, 0.5098039215686274);
     -moz-box-shadow: -1px -2px 80px 20px #ffffff82;
     box-shadow: -1px -2px 80px 20px rgba(255, 255, 255, 0.5098039215686274);
     background-color: rgba(255, 255, 255, 0.42);
}
 .background-black {
    
     padding: 0px 5px;
     color: #f3bd46;
}
.background-black.black
{
	 display: inline-block;
	 background-color: #000;
}
span.background-black.red{
	 background-color: #f50101;
}
span.background-black.yellow{
	 background-color: #f3bd46;
}
span.background-black.gray{
	 background-color: #ccc;
}
 .desctiption-slide {
     color: #6b665c;
     font-size: 12px;
     font-style: italic;
     background-color: rgba(238, 238, 238, 0.5490196078431373);
     display: inline-block;
     padding: 0 15px;
     color: #000;
}
 .link-button {
     position: relative;
     margin-top: 17px;
     cursor:pointer;
}
 .link-button a {
     color: #c4c3be;
     border: none;
     font-size: 12px;
     padding: 4px 10px;
     background-color: #121010;
     margin-top: 4px;
}
 .bx-wrapper .bx-pager-item {
     display:block 
}
 .bx-controls.bx-has-pager {
    top: 50%;
    position: absolute;
    left: 50px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
 .banner-wrapper #block-views-block-dynamic-header-block-1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
     background: #a2936d;
     margin: 9px 5px;
     border-radius: 0;
     width: 8px;
     height: 8px;
     border: 1px solid #f3bd46;
}
 .banner-wrapper #block-views-block-dynamic-header-block-1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
     opacity: 0.9;
}
 .banner-wrapper #block-views-block-dynamic-header-block-1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
     opacity:0.44444 
}
/*end slider home page*/
/*start about us in home page*/
.left-background-section,.right-background-section {
    width: 100px;
    height: 296px;
    position: absolute;
    background-color: #f5bd47;
    left: 0;
}
.right-background-section
{
    right: 0;
    left:auto
}
.about_us .view-basic-pages- .views-row .views-field-body
{
    color: #6f6e6e;
}
.about_us .view-basic-pages- .views-row .main-botton 
{
    margin-top: 100px;
    float: right;
}  
.view-basic-pages- .views-row .main-botton.hide
{
	display:none;
}
.main-botton ,.page-node-type-page form .main-botton{
    border: 1px solid #f5bd47;
    padding: 10px;
    background-color: #f5bd47;
    display: block;
    color: #3e3e3e;
    text-align: center;
	cursor: pointer;
}
.main-botton:hover ,.page-node-type-page form  .main-botton:hover
{
    background-color: #3e3e3e;
    color: #f5bd47;
}
/*end about us in home page*/
/*start sevices home page*/
 .our_services {
     background-size:cover !important;
     background-position: center !important;
     background-repeat:no-repeat !important;
     position:relative 
}
 .our_services h2.block-title
{
	padding-top: 45px;
}
 .our_services .view-header {
     padding-bottom: 40px;
}
 .our_services .views-row .views-field-field-front-logo-ser {
     margin-bottom: 20px;
}
 .our_services .background-shadow {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.5098039215686274);
}
 .our_services .views-row .views-field-title {
     height:60px;
     overflow:hidden 
}
 .our_services .views-row .views-field-body {
     margin-bottom: 10px;
     height: 60px;
     overflow:hidden;
     color: rgba(255, 255, 255, 0.68);
}
 .our_services .views-row .views-field-field-front-logo-ser img {
     max-height:80px;
     opacity: 0.8888;
}
 .our_services #services .carousel-indicators {
     height:5px;
     left:auto;
     right:auto;
     margin-left:auto;
     width:100%;
     text-align:center ;
	 padding: 0;
	 bottom: 20px;
}
 .our_services #services .carousel-indicators li {
     width: 10px;
     height: 10px;
     border-radius: 0px;
     border: 1px solid #d8a339;
     margin: 5px;
}
 .our_services #services .carousel-indicators li.active {
     background: #b59041;
     margin: 5px;
}
 .our_services .views-row .views-field-view-node {
     border-radius: 1px;
     margin-bottom: 70px;
     width: 125px;
     height: 35px ;
     margin-top: 25px;
}


.our_services .views-row .views-field-title a
{
	font-size:21px;
}


.our_services .views-row .views-field-title
{
	overflow:initial;
}
/*end services home page*/
a.link {
    color: #004890;
}
/*start contact us form in home page*/
.addres-contact {
    width: 320px;
    float: left;
}
.addres-contact i.fa {
    margin-right: 7px;
}
.collapse
{
	display: block;
	padding-left: 18px;
}
.group-left1
{
     padding-left: 0;
}
 .contact_us_map {
     background: #fff;
     padding-top: 50px;
}
 .contact_us_map .contact_us form .form-item label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     color: #383636;
     font-size: 12px;
     font-weight:normal 
}
 .contact_us_map .contact_us form .form-item input, .contact_us_map .contact_us form .form-item select {
     height: auto;
     background-color: rgba(210, 210, 210, 0.15);
     border-radius: 0px;
         border: 1px solid rgb(123, 123, 123);
}
 .contact_us_map .contact_us form .form-item input:focus, .contact_us_map .contact_us form .form-item select:focus , .contact_us_map .contact_us form .form-item textarea:focus
 {
   box-shadow: 0px 0px 1px 0 #f5bd47;
 }
 .contact_us_map .contact_us form .form-item select {
     height:33px;
}
textarea{
    resize: none;
}
.contact_us_map .contact_us form .form-item textarea {
     border-radius: 2px;
     background-color: rgba(210, 210, 210, 0.15);
     border: 1px solid rgb(123, 123, 123);
	    resize: none;
	    color: #231F20;

	
}

.path-webform .form-item label, .page-node-type-webform .form-item label 
{
	color:#333131;
}
 .contact_us_map .contact_us form,.contact_us_map .contact_us h2.block-title {
     margin: 0px 0px;
}
 .contact_us_map .contact_us .p-section {
     display: block;
     color: #969696;
     font-size: 13px;
     text-align: left;
     text-transform: initial;
     margin: 0px 0px;
     margin-bottom:25px;
     width: 352px;
}
 .contact_us_map .contact_us form .form-actions {
     text-align: right;
}

 .contact_us_map .map #map {
     width: 100%;
     height: 570px;
     position: relative;
     overflow: hidden;
     border: 3px solid #7b7b7b;
}
 .contact_us_map .title-section {
     display:block;
}
/*end contact us form in home page*/
/*start our team*/
 .path-our-team h1.page-header ,.path-our-team .view-header .views-row .views-field-body {
     text-align:left;
     width: 100%;
}
/*end our team*/
/*start contact us */
.page-node-type-page .field--name-body .align-center img {
    margin: 20px;
}
/*end contact us */
/* start header section */
 #header {
     background: rgba(248, 248, 248, 0.7803921568627451);
     box-shadow: 2px 2px 20px 7px rgba(0, 0, 0, 0.1);
}
 #header .header-right .search-block-form form .form-item .input-group span.input-group-btn button {
     background: rgba(0, 0, 0, 0) url(../media/1155/search.png) 
}
 .header.active {
     overflow-y: auto;
     height: 100%;
     position: relative;
     z-index: 5;
     background-color: rgba(70, 70, 70, 0.91);
}
 .search-label {
     position:relative 
}
 .search-label:before {
     content:"\f002";
     font-family: FontAwesome;
     position: absolute;
     right: 5px;
     top: 4px;
     font-size: 14px;
     color: #f3bd46;
}
 span.background-shadow-header {
     background: rgba(255,255,255,1);
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.24) 39%, rgba(255,255,255,0.08) 47%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(255,255,255,0.24)), color-stop(47%, rgba(255,255,255,0.08)), color-stop(51%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.24) 39%, rgba(255,255,255,0.08) 47%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
     background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.24) 39%, rgba(255,255,255,0.08) 47%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
     background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.24) 39%, rgba(255,255,255,0.08) 47%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.58) 0%, rgba(255,255,255,0.24) 39%, rgba(255,255,255,0.08) 47%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
     position: absolute;
     height: 150px;
     width: 100%;
}
/* end header section */
/*start other page*/
 .before-slider {
     height: 130px;
}
 .align-center {
     text-align:center 
}
 .align-center img {
     max-width:100%;
}
.panel-body{
    padding: 15px 0;
}

/**** About us *****/
 .page-node-type-page .field--name-node-title h2 {
     font-size: 24px;
     margin-bottom: 8px;
}
 .main-image {
     width: 100%;
     height: 450px;
     margin-bottom: 30px;
     -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
     -o-background-size: cover !important;
     background-size: cover !important;
     background-position: center !important;
     display:none 
}

/***** End About us ******/
/* start our brand and our clint*/
 .boxes-items {
     display: flex;
     flex-wrap: wrap;
     text-align: center;
     align-items: center;
     justify-content: center;
     padding: 0px 0px;
     padding-bottom: 70px;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 

	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
}

 .boxes-items .box-item {
     text-align: center;
     display: inline-block;
     padding: 30px;
     margin: 5px;
     border: 1px solid rgb(239, 238, 238);
     background-color: rgba(222, 222, 222, 0.23137254901960785);
     height: 200px;
    flex-basis: 212px;
     cursor: pointer;
}
 .boxes-items .box-item {
     margin:0;
}
 .boxes-items .box-item:nth-of-type(even) {
     background-color:#fff;
}

.boxes-items .text {
    margin-top: 20px;
}

 .boxes-items .box-image {
     display: block;
    height: 94px;
	 display: flex;
    align-items: center;
    justify-content: center;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	 
	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
}

.boxes-items .box-image img 
{
    max-height: 100%;
    height: auto;
    max-width: 150px;
}
   
 .boxes-items .box-name {
     font-size: 14px;
     margin-top: 15px;
     color: #312c22;
     font-weight: bold;
     display: inline-block;
}
 .description-page {
     font-size:13px;
    margin-bottom: 35px;
}
/*end our brand and our clint*/
#search-form h2
{
    margin-bottom: 25px;
}
/*start news item*/
 .subsection-item-page .page-description {
     overflow:hidden;
     padding-bottom:80px;
	 padding-top:15px;
}
 .subsection-item-page .image-related-brand {
     margin:20px;
     display:inline-block 
}
 .subsection-item-page .image-related-brand img
{
	    max-width: 115px;
}
 .news-item-page .page-description {
     margin-bottom:90px;
     display:inline-block;
     height:auto 
}
.date {
    padding-top: 15px;
}
/*end news item*/
/*start our service */
 .image-service , .image-news{
     text-align: center;
     height: 360px;
     overflow: hidden;
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: contain !important;
}
 .image-service img ,.image-news img {
     display:inline-block !important 
}









 .container-services-boxes
{
     display: flex;
    flex-wrap: wrap;
    justify-content: center;
 }
.container-services-boxes .service-box {
    flex-basis: 600px;
    margin: 15px;
    cursor: pointer;
	text-decoration:none;
}
.container-services-boxes .service-image {
    width: 100%;
    height: 250px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

}

.container-services-boxes  .container-text {
    background-color: #efefef;
    border-bottom: 3px solid #f3bd46;
    padding: 10px 50px;
    text-align: center;
}

.container-services-boxes .service-title {
    font-size: 20px;
}

.news-container-boxes{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.news-container-boxes .news-item-box {
    flex-basis: 1055px;
    display: flex;
    min-height: 350px;
    margin-bottom: 50px;
}

.news-container-boxes .image-left-box {
    /* width: 45%; */
    height: 100%;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    flex-basis: 400px;
    flex-grow: 0;
}
.news-container-boxes .content-right-box {
    background-color: #fbfbfb;
    padding: 30px;
    flex-basis: 200px;
    flex-grow: 1;
}
.news-container-boxes .news-item-date {
    color: rgba(142, 142, 142, 0.8117647058823529);
    font-size: 17px;
}
.news-container-boxes .news-item-title {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.news-container-boxes  .btn-read-more {
    margin-top: 50px;
    display: block;
    text-decoration: underline;
}







 .our-sevices ,.our-news {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin-left: 0px;
     margin-right: -5px;
     padding-bottom: 60px;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	 
	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
}
 .service-card ,.news-card{
       height: 350px;
    background: transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: -1px 2px 15px 2px rgba(0, 0, 0, 0.55);
    flex-basis: 325px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    margin: 20px;
}
 .service-card, .news-card {
     flex-basis: 335px;
     margin: 20px 25px;
}
 .service-card .card_right,.news-card .card_right {
     width: 60%;
     float: right;
     background:rgba(49, 44, 34, 0.64);
     height: 100%;
     border-radius: 0 0px 0px 0;
     -webkit-border-radius: 0 0px 0px 0;
     -moz-border-radius: 0 0px 0px 0;
}
 .service-card .card_right h1, .news-card .card_right h1{
     color: white;
     text-align: left;
     font-size: 25px;
     margin: 30px 0 0 0;
     padding: 0 10px 0 10px;
}
 .news-card .card_right h1 {
     font-size: 19px;
     margin: 10px 0 0 0;
     line-height: 18px;
}
 .news-card .date-news {
     color: #f3bd46;
     font-size: 14px;
     font-style: italic;
     padding-left: 10px;
     margin-top: 10px;
     text-align: right;
     padding-right: 10px;
}
 .service-card .card-right-review ,.news-card .card-right-review {
     margin-top: 9px;
     max-height: 180px;
     overflow: hidden;
     color:#fff;
}
 .news-card .card-right-review {
     margin-top: 5px;
}

 .service-card .card-right-review p ,.news-card .card-right-review p {
     color: white;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     padding: 0 10px 0 10px;
     letter-spacing: 1px;
     margin: 10px 0 10px 0;
     line-height: 17px;
}
 .news-card .card-right-review p {
     line-height: 13px;
}
 .service-card .card-right-review p a ,.news-card .card-right-review p a {
     color:#fff 
}
 .service-card .card-right-button ,.news-card .card-right-button {
     padding: 0 0 0 10px;
     margin: 30px 0 0 0;
     position: absolute;
     bottom: 26px;
}
 .service-card .card-right-button a ,.news-card .card-right-button a {
         color: #f3bd46;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #f3bd46;
    padding: 10px 40px 10px 10px;
    font-size: 12px;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/343086/COMdoWZ.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    border-radius: 1px;
    transition-property: all;
    transition-duration: .5s;
}
 .service-card .card-right-button a:hover ,.news-card .card-right-button a:hover {
     color: #000000;
     background-color: #f3bd46;
     background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/343086/rFQ5dHA.png);
     background-size: 12px 12px;
     background-repeat: no-repeat;
     background-position: 98% 50%;
     cursor: pointer;
     transition-property: all;
     transition-duration: .5s;
}
/*end our service*/
/*Start Contact Us page & CUSTOMER ENQUIRY*/
 .form-group:last-child {
     text-align:left 
}
 
 .ds-2col.clearfix {
     padding-bottom: 100px;
}
 .page-node-type-webform .form-item input ,.page-node-type-webform .form-item select ,.path-webform .form-item textarea, .page-node-type-webform .form-item textarea , .page-node-type-page form select ,.page-node-type-page form input,.page-node-type-page form textarea ,.add-node-careers-sub #node-careers-submission-form .form-item input, .add-node-careers-sub #node-careers-submission-form .form-item select,textarea.form-control {
     padding: 9px;
	 
	height: auto;
    background-color: rgba(210, 210, 210, 0.15);
    border-radius: 0px;
    border: 1px solid rgb(123, 123, 123);
	 
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 

}
 .page-node-type-webform .form-item input:focus, .page-node-type-webform .form-item select:focus, .path-webform .form-item textarea:focus, .page-node-type-webform .form-item textarea:focus, .page-node-type-page form select:focus, .page-node-type-page form input:focus, .page-node-type-page form textarea:focus, .add-node-careers-sub #node-careers-submission-form .form-item input:focus, .add-node-careers-sub #node-careers-submission-form .form-item select:focus, textarea.form-control:focus
 {
    outline: none;
    box-shadow: 0px 0px 1px 0 #f5bd47;
 }

.page-node-type-webform .webform-submission-form {
    width: 100%;
    padding-right: 100px;
    padding-left: 7px;
    padding-right: 7px;
}
 .page-node-type-webform h1.page-header ,.page-node-type-page .field--name-node-title h2,.path-careers h1.page-header,.add-node-careers-sub h1.page-header,.panel-title ,.path-careers .view-careers .views-row{
     text-align:left;
}
 .page-node-type-page form {
     width:100%;
     padding-bottom:100px;
	 padding-top: 50px;
}
 .page-node-type-page form .left-groub {
     padding-left:0px;
     padding-right:20px;
}
  .page-node-type-page form  .main-botton
 {
     float:left;
	     width: auto;
 }
 .page-node-type-page form .right-groub {
     padding-left:20px;
     padding-right:0 
}
 .submit-botton {
     text-align:right ;
     display:inline-block;
     float:left;
	 padding-left:0;
}
 .add-node-careers-sub #node-careers-submission-form .panel-default .left-groub {
     padding:0;
     padding-right:15px 
}
 .add-node-careers-sub #node-careers-submission-form .panel-default .right-groub {
     padding:0;
     padding-left:15px;
}
 .panel-body {
     padding-right:0 
}
/* End contact Us Page & CUSTOMER ENQUIRY*/
/*start careers page*/
 .path-careers .view-careers .views-row .views-field-field-job-summary .title-jop {
     font-size: 18px;
     color: #231F20;
     font-weight: bold;
     text-transform: capitalize;
}
 .path-careers .view-careers {
     text-align:center 
}
 .path-careers .view-content {
     margin-top: 40px;
     padding-bottom: 100px;
}
 .path-careers .view-careers .views-row {
     width:100%;
     display: inline-block;
}
 .path-careers .view-careers .views-row .views-field-field-job-summary {
     text-align:left;
     width: 83%;
}
 .path-careers .view-careers .views-row .views-field-title-1 span .main-botton {
     margin-top: 40px;
}

 .other-page .container.career-item {
     padding-bottom: 100px;
}
 .add-node-careers-sub #node-careers-submission-form {
     width:100% 
}
/*end careers page*/
/* end other page */
/* start menu */
 .menu-key {
     width: 50px;
     display:inline-block 
}
 .menu-key div {
     display: block;
     width: 100%;
     height: 3px;
     background-color: rgba(6, 6, 6, 0.74);
     float: right;
     margin-top: 4px;
     -webkit-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
}
 .menu-key div:nth-child(1) {
     width:100%;
}
 .menu-key div:nth-child(2) {
     width:80%;
}
 .menu-key div:nth-child(3) {
     width:61%;
}
 .menu-key div:nth-child(4) {
     width:40%;
}
 .main-menu {
     position:absolute;
     width:100%;
	height: 0%;
    overflow: auto;
}
 .main-menu.active {
	 height:auto;
}
/***************************** ********************************/

.color-black
{
    display: block;
}

 .header-menu.active .right-menu .close-menu span , .header-menu .menu-key {
     display:none 
}
 .header-menu.active .menu-key {
     display:inline-block 
}
.header-menu.active .right-menu .language , .right-menu .language{
 display:none 
}


.header-menu.active .right-menu .search-section , .right-menu .search-section {
   margin-right: 20px;
}
 .header-menu.active .right-menu .search-section , .header-menu.active .right-menu .language {
     color:#000 
}
 .header-menu {
    padding: 25px 172px 10px 172px;
    position: fixed;
    z-index: 4;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: none;
	     background-color: #4c4c4c;
}
 .header-menu.active {
     padding-right: 155px;
	 background-color: rgba(238, 238, 238, 0.87);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+100,ffffff+100&0.3+0,0+100 */
	 
	display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: space-between;
}


.header-menu .menu-logo
{
	display:inline;
}
.header-menu .main-logo
{
	display:none;
}

.header-menu.active .menu-logo
{
	display:none;
	
}
.header-menu.active .main-logo
{
display:inline;
}

 .header-menu .left-menu {
        order: 0;
	     flex-basis: 240px;
}
 .header-menu .left-menu img {
    width: 140px;
    margin-top: -10px;
}
.header-menu .menu-center {
    display: inline-block;
    font-size: 14px;
    order: 1;
	flex-grow: 1;
    text-align: center;
}
.header-menu .menu-center a{
	    margin: 0px 5px;
}
 .header-menu .right-menu {
        order: 2;
	     flex-basis: 240px;
}
 .right-menu .close-menu {
     height: 65px;
     margin-top: -25px;
     background-color: #f3bd46;
     width: 65px;
     float: right;
     color: #000;
     font-size: 12px;
     text-align: center;
     padding-top: 10px;
     cursor: pointer;
     font-weight: 700;
}
  .right-menu .close-menu:hover
  {
    background-color: #302b22;
    color: #f3bd46;
  }
   .right-menu .close-menu:hover .menu-key div
   {
      background-color: rgb(243, 189, 70);
   }
 .menu-key {
     margin-top: -3px;
     padding-right: 5px;
     padding-left: 5px;
}
 .right-menu .close-menu span {
     font-size: 21px;
     margin-top: -7px;
     display: block;
}
 .right-menu .language {
     margin-top: -32px;
     width: 120px;
     float: right;
     font-size: 12px;
     text-align: center;
     padding-top: 15px;
     font-weight: 700;
     color: #fff;
}
 .right-menu .language span {
     cursor: pointer;
     font-size: 13px;
     border: 1px solid #f3bd46;
     margin-top: 1px;
     display: inline-block;
     width: 28px;
     height: 28px;
     padding-top: 4px;
}
.right-menu .language span:hover {
    background-color: #f3bd46;
}
 .right-menu .language span.language-link.active {
     display: none;
}
.right-menu .social-media-header .item-social:hover{
	 background-color: #f3bd46;
}
.right-menu .social-media-header .item-social {
    
    border: 1px solid #f3bd46;
    border-radius: 24px;
    margin: 3px;
    width: 25px;
    display: inline-block;
    height: 25px;
    text-align: center;
    line-height: 23px;
	    color: #737373;
}
.header.active .right-menu .social-media-header .item-social{
color: #fff;
}
 .right-menu .search-section ,  .right-menu .social-media-header{
     margin-top: -31px;
     width: 155px;
     float: right;
     font-size: 12px;
     padding-top: 15px;
     font-weight: 700;
}
.right-menu .social-media-header{
    width: 125px;
}
 .right-menu .language p, .right-menu .search-section p , .right-menu .social-media-header p {
     color: #737373;
}
 .header.active .right-menu .language p, .header.active .right-menu .search-section p , .header.active  .right-menu .social-media-header p{
     color: #f3bd46;
}
 .right-menu .search-section input {
     border: 1px solid #f3bd46;
     font-size: 13px;
     padding: 3px;
     width: 100%;
     padding-right: 25px;
     font-weight: 100;
     background-color: transparent;
}
 .right-menu .search-section input:focus
 {
    background-color: rgba(253, 253, 253, 0.28);
 }
 .content-menu {
     height: auto;
     padding: 225px 30px;
     padding-bottom: 50px;
     color: #f3bd46;
     display: flex;
     flex-wrap: wrap;
     z-index: 4;
     width: 1170px;
     left: 0;
     right: 0;
     margin: 0 auto;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}
 .content-menu .main-pages {
     display: flex;
     flex-wrap: wrap;
     flex: 725px;
     border: 1px dotted;
     margin: 10px;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}
 .content-menu .page-item {
     padding: 25px 30px;
     margin: 10px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     align-items: center;
     flex-direction: column;
     width: 220px;
     height: auto;
	 
	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
	     position: relative;
	 
}
 .content-menu .page-item .page-header-menu {
     color: #f3bd46;
     font-size: 20px;
     margin-top: -15px;
}
 .sub-page {
     text-transform: capitalize;
	 padding: 5px;
}
 .content-menu .page-item .page-header-menu a {
     color: #f3bd46;
     text-transform: uppercase;
}
.container-sub-page i.fa.fa-caret-up{
       position: absolute;
    color: #000000;
       font-size: 37px;
    left: 0%;
    top: -25px;
    display: none;
}
 .container-sub-page.active i.fa.fa-caret-up{
	display: block;
}
  .container-sub-page {
       margin-top: 18px;
    color: #fff;
    position: absolute;
    background-color: #000;
    padding: 0px;
    display: none;
    z-index: 3;
}
.container-sub-page.active{
    display:block;
}
.sub-page.no-speace > a{
    display:none
}
 .container-sub-page a {
     color: #fff;
     display:block;
     cursor:pointer;
}
 .childs {
     display: inline-block;
     margin-left: 0px;
     margin-top: 5px;
     margin-bottom: 5px;
     list-style: none;
     list-style-type: square;
     color: #dbccab;
}
 .childs a {
     display:block;
     color: #e8d8b4;
     cursor:pointer;
     font-size: 12px;
	 text-align:left;
}

.childs  > li
{
	position:relative;
	transition:all 0.5s ease;
}

/*
.childs  > li:hover .inner-list 
{
	width: 200px;
    height: auto;
    overflow: auto;
    padding: 10px;
}
*/


.childs .inner-list li 
{
	list-style: none;
	margin-bottom:3px;
}
    
.childs .inner-list .inner-list-item a
{
    font-size: 10px;
    color: #000;
}

 .contact-information {
     width: 335px;
     margin: 10px;
     border: 5px solid;
	 display: flex;
    justify-content: center;
	     align-items: center;
}
.adreesses {
    width: 100%;
}
 .adreess-info {
     text-align: center;
     padding: 20px;
}
 .title-adreess {
     font-size: 30px;
     margin-top: 35px;
     margin-bottom: 7px;
}
 .title-adreess:first-child {
     margin-top: 0;
}
 .adreess-info .detaile {
     max-height: 120px;
     overflow: auto;
}
 .detaile p {
     font-size:11px;
     color:#fff 
}
 .detaile strong {
     font-size:14px;
}
/*end menu*/
/*start footer */
 #footer {
     background-color: #312c22;
     padding-bottom: 10px;
     position: relative;
     overflow: hidden;
     display: flex;
     padding-top: 20px;
     color:#908d86;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}
 #footer .left-footer {
     padding-left: 45px;
	     padding-right: 0px;
     flex-basis: 406px;
     flex-shrink: 0;
     padding-top:5px;
}
 #footer .logo-footer {
     display: inline-block;
     float: left;
     position: relative;
     width: 115px;
     margin-right: 15px;
     padding-right: 15px;
     border-right: 2px solid ;
}
 #footer .logo-footer img {
     width: 100%;
}
 #footer .copyright {
     font-size: 10px;
}
 #footer .copyright p:last-child {
     margin-top:-8px;
}
 #footer .copyright img {
     margin-left:3px;
     vertical-align: text-bottom;
}
 #footer .middle-footer {
     text-align: center;
     flex-grow: 1;
}
 #footer .social-media p {
     display: inline-block;
     font-size: 12px;
}
 #footer .social-media a {
     color: #908d86;
     border-radius: 50%;
     position: relative;
     display: inline-block;
     padding-top: 2px;
     margin: 0px 5px;
     cursor:pointer;
     filter: grayscale(1);
}
    #footer .social-media a:hover {
        filter: none;
    }
 #footer .menu-footer ul {
     list-style:none;
     padding:0 
}
 #footer .menu-footer ul li {
     display: inline-block;
     padding-left: 6px;
     border-left: 1px solid ;
     margin-left: 6px;
     line-height: 14px;
}
 #footer .menu-footer ul li:first-child {
     border-left:none 
}
 #footer .menu-footer ul li a {
     color:#908d86;
     font-size: 12px;
}
 #footer .menu-footer ul li a:hover {
     color: #f3bd46;
}
 #footer .right-footer {
     text-align: right;
     flex-basis: 406px;
     flex-shrink: 0;
}
 #footer .phone-item-footer{
     padding-right: 45px;
     margin-bottom: 6px 
}
 #footer .phone-item-footer img{
     max-width: 30px;
     vertical-align: bottom;
}
 #footer .phone-item-footer span{
     width: 125px;
     position: relative;
     display: inline-block;
}
 #footer #block-copyright {
     position: absolute;
     margin-top: 65px;
     margin-left: 20px;
}
 .image-phone {
     margin-left:10px;
}
/* end footer*/
/*start Facts*/
 div#fact {
     position: absolute;
     z-index: 2;
        top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
     right: 0;
     height: 190px;
     width:244px;
     direction:ltr 
}
 div#fact .carousel-indicators {
     width: 44px;
     height: 100%;
     top: 0;
     right: 0;
     left: auto;
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: center;
     background-color: rgba(14, 14, 14, 0.82);
	 
     margin: 0px 0px;

 
-webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center; 
 }
 div#fact .carousel-inner {
     width: 100%;
     background-color: rgba(202, 165, 84, 0.7098039215686275);
     height: 100%;
     padding-right: 45px;
     -webkit-box-shadow: -3px -1px 15px 0px rgba(0,0,0,0.62);
     -moz-box-shadow: -3px -1px 15px 0px rgba(0,0,0,0.62);
     box-shadow: -3px -1px 15px 0px rgba(0,0,0,0.62);
}
 div#fact .content-fact {
     height: 100%;
     overflow: hidden;
     padding: 10px 0px;
     text-align: center;
     color: #fff;
     width: 200px;
}
 div#fact .fact-image 
{
     position: relative;
	margin-bottom:10px;
}
 div#fact .fact-container 
{
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

    
 div#fact .fact-image img
{
    max-height: 60px;
}



div#fact .description{
   display: flex;
    align-items: center;
    text-align: left;
    width: 176px;
    margin: 0 auto;
	 justify-content: center;

}

 div#fact .fact-title {
       color: rgb(48, 44, 34);
    font-weight: bold;
    font-size: 14px;
}

 div#fact .fact-des {
     font-style: italic;
     font-size: 12px;
     color: rgb(0, 0, 0);
     margin-top: -8px;
    padding: 6px 7px;
     text-align: center;
}
 div#fact .text-larg {
      font-size: 48px;
    color: #302c22;
    font-weight: bolder;
    margin-right: 7px;
}
 div#fact .carousel-indicators li {
     margin: 5px;
     color: #f3bd46;
     border-color: #f3bd46;
     border-radius:0px;
     width: 8px;
     height: 8px;
}
 div#fact .carousel-indicators .active {
     background-color: #f3bd46;
     width: 8px;
     height: 8px;
}
/*end Facts*/
/**********Start product Page ***********/

 [dir="rtl"] .context-our-products .page-header {
     text-align:right 
}
 .context-our-products .page-description {
     font-size: 13px;
     margin-top: 8px;
     margin-bottom: 35px;
}
 .context-our-products .container .our_product-content {
     display: flex;
     flex-wrap: nowrap;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}
 .context-our-products .container .our_product-content .right_side {
     margin-right: 50px;
     min-width: 250px;
}
 .context-our-products .container .our_product-content .left-side {
     flex: 500px;
	 position: relative;
}
 .path-our-products .right_side {
     padding-top:0px;
     padding-left: 0;
}
 .path-our-products .right_side .block-facets h2.block-title {
     width:100% ;
    color: #ffffff;
    height: auto;
    background-color: rgba(107, 105, 101, 0.5686274509803921);
    padding: 11px 0px;
}
 .product-items {
     display: flex;
     flex-wrap: wrap;
	 margin-bottom:15px;
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}
 .cardbox {
    -webkit-perspective: 600px;
    perspective: 600px;
    flex-basis: 250px;
}
 .cardbox .card {
        cursor: pointer;
    -webkit-filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.22));
    filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.22));
    flex: 0 0 250px;
    min-height: 345px;
    position: relative;
    margin-right: 20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease-in-out;
    flex-basis: 250px;
}
 .path-our-products .right_side .block-facets .facets-widget-checkbox ul li input.facets-checkbox {
     margin-right: 7px;
     margin-left: 7px;
}
 .cardbox .card .inner {
     background: #f5f5ff;
     background: linear-gradient(#e1e1eb, #f5f5ff);
     border: 1px solid #f3bd46;
     color: #f3bd46;
     padding: 0px 0px 0px 0px;
     display: flex;
     flex-direction: column;
     min-height: 325px;
     position: relative;
     text-align: center;
     transition: all 800ms ease-in-out;
     background: url(/media/1168/stock-photo-munich-april-excawator-komatsu-pc-lci-at-bauma-munich-408472702.jpg);
     background-size: cover !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
	 
	 display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}
 .cardbox .card .inner .name-product {
     height: 60px;
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: left;
     font-size: 16px;
     background: -webkit-linear-gradient(to right, #636262 0%, rgba(243, 189, 70, 0.25) 100%);
     background: linear-gradient(to right, #636262 0%, rgba(243, 189, 70, 0.25) 100%);
     background-repeat: repeat-x;
     padding: 10px;
     color: #f3bd46;
     transition: all 0.5s ease-in-out;
}
 .cardbox:hover .card .inner .name-product {
     background: -webkit-linear-gradient(to right, #636262 0%, rgba(243, 189, 70, 0.25) 100%);
     background: linear-gradient(to right, #f3bd4669 0%, rgba(19, 19, 19, 0.25) 100%);
     color: #fff;
}
 .cardbox .card:hover {
     transition: all 500ms ease-in-out;
}
/**********End product Page ***********/
/*start inner page */
 .page-node-type-our-brands .group-right .image-brand {
     display:none 
}
 .page-node-type-our-services .link
{
    float: none;
    text-align: center;
}
 .page-node-type-our-services .link h2 a {
     font-size: 12px;
     margin-bottom: 55px;
	     display: inline-block;
}
/*end inner page */
/*start product item*/
 .page-node-type-our-products .content .left .link h2 a, .page-node-type-stock-availability .content .left .link h2 a {
     height: auto;
     width: 135px;
     border-radius: 0px;
     padding: 12px 0px;
}

.page-node-type-our-brands .group-left
{
     padding-right:20px;
}
 .page-node-type-our-brands .group-left div {
   
     text-align:center;
	     background-repeat: no-repeat;
    height: 600px;
    background-size: contain;
}

.page-node-type-our-brands .group-right
{
	padding-left:20px;
	text-align:justify;
}
 .page-node-type-our-brands .group-left img {
     display:inline-block;
}
/*end product item*/
/*strat service item page*/
.page-node-type-our-services .field--name-body {
     color:rgb(39, 39, 39) ;
	    font-size: 16px;
}
/*end service item page*/

/* Added By S.O*/
.tabs-page .core
{
    display: flex;
	
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}

.tabs-page .tabs 
{
	padding-left: 0;
    flex-basis: 300px;
    text-align: center;
    flex-shrink: 0;
    margin-right: 40px;
}
.tabs-page .tabs li
{
	list-style: none;
    padding: 17px 40px;
	background-color: #eee;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(154, 150, 150, 0.18);
}

.tabs-page .tabs li:last-child
{
	border-bottom:none;
}
.tabs-page .tabs .tab-icon
{
	height: 60px;
}

.tabs-page .tabs li img 
{
	width:50px;
}
.tabs-page .tabs li:hover
{
	background-color:#f5f5f5;
}

.tabs-page .tabs li.active
{
	background-color: #d8d8d8;
	cursor:auto;
}
    
.tabs-page .tabs a 
{
	text-decoration:none;
	font-weight: bold;
	color:#8c8c8c;
}

.tabs-page .tabs li.active a
{
	color:#111;
}

.tabs-page .tabs-panes 
{
flex-grow: 1;
}
.tabs-page .tabs-panes section
{
	display:none;
}

.tabs-page .tabs-panes section.active
{
	display:block;
}

.tabs-page .tabs-panes .tab-image
{
    margin-bottom: 20px;
    height: 300px;
    overflow: hidden;
	background-image: url(/media/1056/service_0.jpg);
    background-size: cover;
	background-position: center;
	
	flex-basis: 50%;
    flex-grow: 0;
    order: 1;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1; 
	-webkit-order: 1; 
}

.tabs-page .tabs-panes .container-tab{
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
}
.tabs-page .tabs-panes .details{
    flex-basis: 50%;
    flex-grow: 0;
    order: 0;
	
	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0; 
	-webkit-order: 0; 
}
.tabs-page .tabs-panes .tab-image:before 
{
	content:"";
	
}
.tabs-page .tabs-panes .sub-sections
{
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	justify-content: center;
    display: flex;
	flex-wrap:wrap;
	 padding-bottom: 21px;
}
 .tabs-page .tabs-panes .sub-sections .sub-section
{
	flex-basis: 45%;
	text-align: center;
	padding: 20px;
	background-color: #EEE;
	margin-right: 20px;
	margin-bottom: 20px;
	min-height: 144px;
}
	 


.tabs-page .tabs-panes .sub-sections .sub-section .section-image 
{
	background-image: url(/media/1186/integrity.jpg);
    height: 200px;
    background-size: cover;
	margin-bottom: 15px;
	display:none;
}

.tabs-page .tabs-panes .sub-sections .sub-section h3 , 
.tabs-page .tabs-panes .sub-sections .sub-section p
{
	text-align:left;
	margin:0;
	padding:0;
}

.tabs-page .tabs-panes .sub-sections .sub-section h3
{
    padding-bottom: 10px;
    color: #000;
    font-weight: bold;
    font-size: 17px;
}
.tabs-page .tabs-panes .sub-sections .sub-section p
{
    color: #212121;
	font-size: 13px;
}
 .tabs-page .tabs-panes .tab-title
{
	font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f3bd46;
}

.tabs-page .tabs-panes .short-brief
{
	margin-bottom: 20px;
    font-style: italic;
    color: #8e8b8b;
}

.about-section 
{
	background-color:#fff;
	position:relative;
}

.about-section:before  , 
.about-section:after 
{
	content: "";
    display: block;
    position: absolute;
    background-color: #f3bd46;
    height: 100%;
    width: 100px;
	height: 70%;
    top: 50%;
    transform: translateY(-50%);
}
.about-section:after 
{
	right:0;
}
.about-section .flex-row
{
	padding:20px;
	display:flex;
	    width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
}



.about-section .flex-row .lf-sec , 
.about-section .flex-row .rg-sec
{
	flex-grow:1;
	flex-basis:50%;
	padding:20px;
}
.about-section .flex-row .lf-sec, .about-section .flex-row
{
    padding-left: 0;
}
.about-section img 
{
	max-width: 100%;
}
    
.about-section .title
{
	margin: 0px;
    color: #282828;
    font-size: 36px;
    font-weight: bold;
}
.about-section .main-botton{
    display: inline-block;
    margin-top: 20px;
}

/*Start pagination*/ 


 /*New Added*/
.search-pagination {
  background-color: #FFF;
  margin-top: 10px;
  padding: 15px;
  clear: both;
  text-align: center; 
  direction: ltr;
}
.search-pagination a
{
    color: #acacac;
    transition: all 0.5s ease;
    text-decoration: none;
    cursor: pointer; 
}
.search-pagination a:hover 
{
      color: #d19d23; 
}
.search-pagination .numbers a
{
    margin-left: 5px;
    margin-right: 5px; 
}
.search-pagination .numbers a.active 
{
      color: #d19d23; 
}
    /*End New Added*/



   #loading-spinner {
      display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    text-align: center;
    padding-top: 40%;
    background-color: rgba(90, 90, 90, 0.95);
}
.wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.search-pagination .text {
  color: #fbae17;
  display: inline-block;
  margin-left: 5px;
}

.bounceball {
  position: relative;
  display: inline-block;
  height: 37px;
  width: 15px;
}
.bounceball:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fbae17;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: bounce 500ms alternate infinite ease;
          animation: bounce 500ms alternate infinite ease;
}

@@-webkit-keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    -webkit-transform: scaleX(2);
            transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}

@@keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    -webkit-transform: scaleX(2);
            transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}


/*End pagination*/ 

 @media(max-width:1400px) {
     .content-menu .page-item {
         width: 200px;
    }
     .contact-information {
         flex:350px;
    }
     .header-menu {
         
         padding: 25px 98px 25px 80px;
    }
     .header-menu.active {
         padding: 25px 80px;
		     padding-bottom: 0px;

    }
   
     .right-menu .close-menu span {
         font-size:20px;
    }
     .content-menu {
         padding: 140px 30px;
    }
    /*start fact*/
     div#fact {
         top:250px ;
    -webkit-transform: none;
    -moz-transform:none;
    -o-transform: none;
    transform: none;
    }
    /*end fact*/



    /*start about us in home page*/
     .about_us.home .container {
         padding-left: 60px;
         padding-right: 60px;
    }
     .left-background-section,.right-background-section {
        width: 80px;
     }
     .about_us .view-basic-pages- .views-row .views-field-field-image a img {
         width: 360px !important;
    }
    /*end about us in home page*/
    /**** Start About us *****/
     .main-image {
         display:block 
    }
	 
	 .tabs-page .main-image 
	 {
	 	display:none;
	 }
     .about-us-page .before-slider, .about-us-page .field--name-field-image, .image-service, .image-news, .service-item-page .before-slider, .news-item-page .before-slider, .subsection-item-page .before-slider {
         display:none 
    }
    /**** End About us *****/
    /*Start Change width */
     .other-page .container {
         width: 100%;
         text-align: left;
         padding:0px 75px ;
			 min-height:330px;
    }
    /*End Change width */
    /*start service page*/
     .service-card ,.news-card {
         flex-basis: 318px;
    }
     .our-sevices ,.our-news {
         margin-right: -10px;
    }
    /*end service page*/
     .page-node-type-page .field--name-node-title h2 {
         padding: 0;
    }
    /*start inner page */
     .page-node-type-our-brands .group-right {
         width:100%;
    }
     .page-node-type-our-brands .group-left {
         display:none;
    }
	 .page-node-type-our-brands .group-left.sector{
		  display:block;
		 margin-bottom: 20px;
		     width: 100%;
	 }
	 .page-node-type-our-brands .group-left.sector .background-image{
		     background-position: center;
	 }
     .page-node-type-our-brands .group-right .image-brand {
           display: block;
           margin-top: 30px;
           text-align: center;
    }
    /*end inner page*/
	 
	 .page-node-type-our-brands .group-right
	 {
	 	padding-left:0;
		margin-left: 0;
	 }

     .text-page .section{
         padding:150px 80px 100px 80px;
     }
	 .about-section:before, .about-section:after{
	     background: none;
		 display:none;
	 }
	 
	 .page-header{
	     margin-bottom: 0;
	 }
	
	
}
 @media(max-width:1200px) {
     .header-menu {
         padding: 25px 97px 25px 80px;
    }
     .header-menu.active {
         padding: 25px  80px;
    }
	 .header-menu .right-menu{
	     order: 1;
	 }
	 .header-menu .menu-center{
	     width: 100%;
         text-align: center;
         margin-top: 20px;
		 order: 2;
	 }
     .content-menu {
         width:100%;
         padding: 140px 80px;
    }
     .other-page .container {
         padding: 0px 80px;
    }
     #footer {
           flex-wrap: wrap;
    }
     #footer .left-footer {
             padding-left: 0;
			flex-basis: auto;
			flex-shrink: initial;
			text-align: center;
			margin-bottom: 15px;
			width: 100%;
			order: 3;
			margin-top: 10px;
		 
		 -webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3; 
	-webkit-order: 3; 
    }
     #footer .logo-footer {
         float:none 
    }
     #footer .copyright {
         text-align: left;
         display: inline-block;
         vertical-align: middle;
    }
     #footer .middle-footer {
           margin-bottom: 15px;
           width: 100%;
           order: 1;
		 
		 -webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1; 
	-webkit-order: 1; 
    }
     #footer .right-footer {
            text-align: center;
            flex-basis: auto;
            width: 100%;
            order: 2;
		 
		 -webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2; 
	-webkit-order: 2; 
    }
    /*start about us in home page*/
     .about_us .view-basic-pages- .views-row .views-field-field-image {
         width: 100%;
         text-align: center;
    }
     .about_us .view-basic-pages- .views-row .views-field-field-image a {
         display: inline-block;
    }
     .about_us .view-basic-pages- .views-row .views-field-body {
         width: 100%;
         margin-top: 20px;
    }
    .left-background-section,.right-background-section {
       display:none
    }
    .about_us .view-basic-pages- .views-row .main-botton
    {
        margin-top:35px
    }
    /*end about us in home page*/
    /*start other page*/
    /*start brands and clint pages*/
     .boxes-items .box-item {
         flex-basis: 265px;
    }
     .description-page {
         font-size:12px;
    }
    /*end brands and clint pages*/
    /*start our servic*/
     .service-card,.news-card {
         flex-basis: 390px;
         margin: 18px;
    }
    /*end our service*/
    /*start contact us page*/
     .page-node-type-webform .webform-submission-form {
         padding-right:20px;
    }
    /*end contact us page*/
    /*start careers page*/
     .path-careers .view-careers .views-row {
         width: 100%;
         display: inline-block;
    }
    /*end careers page*/
    /*Start Our Product*/
     .cardbox .card {
         flex: 0 0 225px;
         min-height: 300px;
    }
     .cardbox .card .inner {
         min-height: 260px;
    }
    /*End Our Product*/
    /*end other page*/
	 
	 
	 .tabs-page .tabs-panes .container-tab{
	     display: block;
	 }
	 .about-section:before  , 
	 .about-section:after 
	 {
	 	width:70px;
	 }
	 
	 .about-section .flex-row
	 {
        padding: 20px 38px;
	 }


     .our_brand .form-group {
        max-width: 955px;
    }


     .text-page .left-section{
         margin-right:50px;
     }

	 .contact_us_map .contact_us form{
	 width: 100%;
	 }
	 .our_brand h2.block-title{
	     text-align: center;
	 }
	 
	 
	 
  
}
 @media(max-width:991px) {

	 
     .header-menu {
         padding-right: 97px;
    }
     .header-menu.active {
         padding-right: 80px;
    }
     .right-menu .search-section,.right-menu .language {
         height:auto 
    }
     .right-menu .language p,.right-menu .search-section p {
         margin:0 
    }
     .content-menu {
         padding: 120px 80px;
    }
     .content-menu .page-item {
         width:165px;
         padding: 15px;
    }
     .right-menu .search-section input {
         font-size:11px;
         margin-top:5px;
    }
     .search-label:before {
         top:8px;
    }
    /*start main slider content*/
     .field-content.slider-content {
         left:50px;
    }
     .bx-controls.bx-has-pager {
         left:15px;
    }
     .field-content.slider-content .title {
         width: 490px;
    }
     .desctiption-slide {
         max-width:500px ;
    }
    /*end main slider content*/
    /*start about us in home page*/
     .about_us.home .container {
         padding-left: 20px;
         padding-right: 20px;
    }
     .about_us.home {
        padding-top: 30px;
	    padding-bottom: 50px;
    }
    /*end about us in home page*/
    /*start contact us in home page*/
     .contact_us_map .contact_us form {
         width: 100%;
    }
     .contact_us_map .map #map {
         width:100%;
         height: 400px;
    }
     .contact_us_map .contact_us form .form-actions button {
         height:40px;
    }
     .contact_us_map .contact_us h2.block-title:after, .contact_us_map .contact_us h2.block-title {
         text-align:left;
    }
     .contact_us_map .title-section {
		 display: block;
		 width: 100%;
		 color: #231F20;
		 font-size: 24px;
		 font-weight: bold;
		 text-transform: uppercase;
		 margin-bottom: 0px;
		 margin-top: 39px;
    }
	 .contact_us_map
	 {
		  padding-top: 5px;
	 }
     .contact_us_map .contact_us h2.block-title {
         display:none;
    }
     .contact_us_map .contact_us .p-section {
         text-align: left;
         margin-top: 35px;
         width:100%;
    }
    /*end contact us in home page*/
    /*Start Change width */
     .other-page .container {
         padding: 0px 70px;
    }
     .boxes-items .box-item {
         flex-basis: 200px;
         height: 190px;
    }
    /*end Change width */
    /*start our servic*/
     .our-sevices,.our-news {
         justify-content:center;
         width: 100%;
         margin-right: auto;
         margin-left: auto;
    }
     .service-card ,.news-card{
         flex-basis: 500px;
    }
    /*end our service*/
    /*start contact us page*/
     .page-node-type-webform .webform-submission-form {
         padding-right:0px;
    }
     .page-node-type-page form .left-groub {
         padding-left:0;
         padding-right:0px;
    }
     .page-node-type-page form .right-groub {
         padding-left:0px;
         padding-right:0 
    }
    /*end contact us page*/
    /*start careers page*/
     .path-careers .view-careers .views-row .views-field-field-job-summary {
         width:100% 
    }
     .path-careers .view-careers .views-row .views-field-title-1 span a {
         margin-top:5px;
    }
    /*end careers page*/
     .subsection-item-page .page-title h2 , .news-item-page .page-title h2 {
         font-size: 22px;
    }
     .subsection-item-page .page-description .news-item-page .page-description {
         font-size: 13px;
    }
    /*Start Our Product*/
     .path-our-products .right_side .block-facets, .path-stock-availability .right_side .block-facets {
         width:100%;
         margin-right: 0px !important;
    }
     .context-our-products .container .our_product-content .right_side {
         flex-basis: 260px;
    }
     .cardbox {
         flex: 220px;
    }
     .context-our-products .container .our_product-content .right_side {
         margin-right: 25px;
    }
     .cardbox .card {
         flex: 0 0 175px;
         min-height: 270px;
    }
     .cardbox .card .inner .name-product {
         font-size: 13px;
    }
	 
	  .path-our-products .right_side .block-facets .facets-widget-checkbox ul li label span
	 {
		     font-size: 13px;
	 }
	 .path-our-products .right_side .block-facets .facets-widget-checkbox
	 {
		     padding: 10px 8px;
	 }
    /*End Our Product*/


    /*start careers submet*/
    .add-node-careers-sub #node-careers-submission-form .panel-default .right-groub {
       padding: 0;
       padding-left: 0px;
       padding-top: 0px;
       padding-right: 15px;
    }
    /*end careers submet*/
	 .add-node-careers-sub h1.page-header{
	     font-size: 16px;
	 }
	
	 .tabs-page .tabs
	 {
	 	display:flex;
		margin-bottom:20px;
		 margin-right:0;
	 }
	 
	 .tabs-page .tabs li
	 {
		 border-bottom:none;
		 flex-grow:1;
		 border-right: 1px solid rgba(154, 150, 150, 0.18);
	 }
	 .tabs-page .core
	 {
	 	display:block;
	 }

     .our_brand .form-group {
        max-width: 100%;
     }

     .text-page .page-content{
         flex-wrap:wrap;
         padding-top:0px;
     }
     .text-page .left-section{
            order: 2;
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
		 
		 -webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2; 
	-webkit-order: 2; 
     }
     .text-page .content-wrapper{
         height:auto;
     }
     .text-page .models-siblings{
         width:100%;
     }
     .text-page .sibling-item.active{
         width:100%;
     }
    
  
     .text-page .container-botton .main-botton{
         margin-top:25px;
     }
     .text-page .section{
         padding:150px 45px 100px 45px;
     }
	 .about-section .flex-row {
       padding: 20px 0px;
      }
	 .about-section .title{
	     font-size: 26px;
	 }
	 
	 .right-menu .close-menu{
	     height: 65px;
         font-size: 11px;
		 width: 50px;
	 }
	 .menu-key{
		 padding-right: 7px;
         padding-left: 5px;
	 }
	.right-menu .social-media-header, .header-menu.active .social-media-header, .header-menu.active .right-menu .search-section, .right-menu .search-section{
	     margin-right: 15px;
	 }
	 .right-menu .search-section, .right-menu .social-media-header
	 {
		     font-size: 11px;
	 }
	 .right-menu .social-media-header .item-social
	 {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
	 }
	 .right-menu .search-section
	 {
		width: 115px;
	 }
	  .right-menu .social-media-header
	 {
	  width: 75px;
	 }
	 .right-menu .social-media-header p
	 {
	    margin-bottom: 4px;
	 }
	 .header-menu .left-menu img
	 {
		 width:120px;
	 }
	 .slide-item {
       margin-top: 90px;
     }
	 .container-services-boxes .service-box{
	     margin-left: 0;
         margin-right: 0;
	 }
	 .container-services-boxes .container-text{
		     padding: 10px 15px;
	 }
	 .container-services-boxes .service-title {
         font-size: 18px;
    }
	.container-services-boxes .service-discription {
        font-size: 14px;
     }
	
	 
	 	.news-container-boxes .news-item-box{
	     flex-wrap: wrap;
	 }
	 
	 .news-container-boxes .image-left-box{
	     flex-basis: 100%;
         flex-grow: 0;
		 height: 250px;
	 }
	 
	 .container-services-boxes .service-image{
	     height: 200px;
	 }
}
 @media(max-width:767px) {
	
	 .page-node-type-our-brands .group-left div
	 {
	 	height:250px;
	 }
     .header-menu {
         width:100%;
         padding:25px 63px 25px 45px;
         padding-left:43px;
    }
     .header-menu.active {
         padding-right: 45px;
         padding-left: 43px;
    }

     .content-menu {
         padding: 135px 25px;
         text-align:center 
    }
     .content-menu .page-item {
         width: 100%;
         padding:5px;
         padding-left: 0;
         padding-right: 0;
         margin: 2px;
         background-color: rgba(41, 35, 20, 0.55);
         cursor:pointer;
		 position: relative;
    }
     .container-sub-page {
         margin: 5px 0px;
         display:none 
    }
     .page-item.active .container-sub-page {
         display:block ;
		 width: 100%;
         z-index: 1;
    }
     .content-menu .page-item .page-header-menu {
         margin:0 
    }
     .content-menu .page-item .page-header-menu a {
         font-size: 16px;
         display: block;
    }
     .right-menu .language {
         height: auto;
         width: 60px;
         font-size: 9px;
         padding-top: 19px;
         margin-right: 10px 
    }
     .right-menu .language span {
         font-size: 13px;
         margin-top: 8px;
         display: inline-block;
    }
     .right-menu .search-section {
         height: auto;
         width: 110px;
         font-size: 9px;
         padding-top: 20px;
         margin-right: 10px 
    }
     .header-menu .left-menu img {
         width: 105px;
    }
     .sub-page {
         background-color: rgba(74, 60, 29, 0.6588235294117647);
         padding: 5px;
		 width: 100%;
    }
    /*start main slider content*/
     .field-content.slider-content .title {
         font-size:38px;
         width: 100%;
    }
     .desctiption-slide {
         max-width:100%;
    }
     .field-content.slider-content {
         top:70%;
         width: 410px;
    }
    /*end main slider content*/
    /*start fact*/
     div#fact {
         top: 180px;
    }
    /*end fact*/
    /*start Other page*/
    /*start our service*/
     .service-card .card_right h1 , .service-card .card-right-button , .news-card .card_right h1 , .news-card .card-right-button {
         padding: 0 0 0 20px;
    }
     .service-card .card-right-review , .news-card .card-right-review {
         margin-top: 0px;
         max-height: 190px;
    }
     .service-card .card-right-review p ,.news-card .card-right-review p {
         font-size: 11px;
         padding: 0 10px 0 20px;
    }
    /*end our service*/
    /*start our services*/
  
     .description-page,.context-our-products .page-description {
         font-size: 14px;
    }
     .boxes-items .box-name {
         margin-top:0 
    }
    /*end our services*/
    /*start about us*/
     .page-node-type-page .field--name-node-title h2 {
         font-size: 20px;
         margin-bottom: 8px;
    }
     .page-node-type-page .field--name-body {
         font-size: 12px;
         line-height: 18px;
    }
     .main-image {
         height:310px;
         margin-bottom:15px 
    }
    /*end about us*/
    /*end Other page*/
    /*Start Change width */
     .other-page .container {
         padding: 0px 30px 
    }
     .boxes-items .box-item {
         flex-basis: 130px;
         height: 194px;
         padding: 20px 10px;
    }
    /*end Change width */
    /*Start Our Product*/
     .context-our-products .container .our_product-content {
         display: block;
    }
     .context-our-products .container .our_product-content .right_side {
         margin-right: 7px;
         margin-left: 7px;
    }
	 
	
    /*End Our Product*/
	
	 .about-section .title
	 {
		 margin-bottom: 20px;
		 font-size: 20px;
	 }
	 .about-section .flex-row
	 {
		 display: block;
	    
	 }
	 .our_brand .form-group {
       max-width: 100%;
     }
	 .header-menu .left-menu{
		 flex-basis: auto;
	 }
	
	 .mo-top, .mo-bottom {
         display: block;
		 text-align: center;
      }
	  .mo-bottom {
        margin-top: -25px;
        margin-right: 10px;
	  } 
	 .header-menu.active .social-media-header, .header-menu.active .right-menu .search-section, .right-menu .search-section ,.right-menu .social-media-header
	 {
	     display:inline-block;
         float: none;
         margin: 0 auto;
         padding: 0;
		 width: 110px;
         margin-top: 7px;
		     text-align: left;
	 }
	 .right-menu .social-media-header,.header-menu.active .social-media-header
	 {
		 width:auto;
	 }
	
	  .slide-item {
       margin-top: 145px;
     }
	 .before-slider {
       height: 165px;
    }
	 
	  .our_brand.home .brand-item {
        min-width: auto;
    }
	 .header-menu .right-menu{
		     flex-basis: 200px;
	 }
	 .boxes-items .box-image img{
	  min-width: 100px;
	 }
}
 @media(max-width:479px) {
	 
	 div#fact .carousel-inner
	 {
	 	background-color: rgba(202, 165, 84, 0.88);
	 }
	 .boxes-items .text
	 {
	 	margin-top:14px;
	 }
	 .left-description h2 , 
	 .field--name-body h1 ,
	 .field--name-body .m-heading, 
	 .page-header
	 {
	 	font-size:18px;
	 }
	 
	 
	 .slide-item{
          margin-top: 145px;
     }
	 
 
     .content-menu {
         padding: 140px 15px;
    }
    
     .right-menu .search-section input {
         font-size:12px;
    }
    
     
     .header-menu .left-menu img {
         width:100px;
    }
     .header-menu {
         padding: 25px 8px;
         padding-left:8px;
    }
     .header-menu.active {
         padding-right: 8px;
         padding-left: 8px;
    }
    /*start fact*/
     div#fact {
         top: 280px;
         height: 140px;
         width: 200px;
    }
     div#fact .carousel-inner {
         height:100%;
         padding-right:30px;
    }
     div#fact .fact-image {
         margin-bottom:0;
         height: 58px;
    }
     div#fact .fact-image img {
         width: 50px;
    }
     div#fact .carousel-indicators {
         width:30px;
    }
	 div#fact .description{
	     margin-top: 0px;
		     width: 100px;
	 }
     div#fact .content-fact {
         padding: 10px 10px;
   		 width: 170px;
    }
     div#fact .text-larg {
         margin-left: 0px;
         margin-top: 0px;
         padding: 0;
         font-size: 18px;
         margin-right: 0px;
    }
     .field-content.slider-content .title {
         font-size: 27px;
    }
     div#fact .fact-title {
         font-size: 12px;
         margin-left: 5px;
    }
     div#fact .fact-des {
         font-size: 10px;
         padding: 3px 0px;
         text-align: center;
		
		     margin: 0px -5px;
   
	  margin-top: 10px;
	 }
    /*end fact*/
    /*stat our brand in home page*/
  
     .our_brand h2.block-title {
         padding-top: 10px;
    }
    /*end our brand in home page*/
    /*start about us in home page*/
     .about_us.home {
         padding-top: 30px;
    }
     .about_us .view-basic-pages- .views-row .views-field-body {
         font-size: 12px;
    }
    /*end about us in home page*/
    /*start conent slider */
     .field-content.slider-content {
         top: 72%;
         left: 30px;
         width: 90%;
    }
     [dir="rtl"] .field-content.slider-content {
         top: 74%;
    }
     .desctiption-slide {
         max-width: 98%;
		 margin-right: 25px;
		     margin-left: 0px;
    }
    /*end content slider*/
    /*Start footer*/
     #footer .logo-footer {
         float: none;
         border: none;
         margin: 0;
         padding: 0;
         width: 102px;
    }
     #footer .copyright {
         font-size: 11px;
         display: block;
         text-align: center;
         margin-top: 10px;
    }
     #footer .menu-footer ul li {
         margin-right:6px 
    }
     #footer .phone-item-footer {
         padding:0 
    }
     #footer .social-media p ,#footer .menu-footer ul li a ,#footer .phone-item-footer span {
         font-size:10px 
    }
     .our_services .views-row .views-field-body {
         height: 63px;
    }
    /*End Footer*/
     .contact_us_map {
         padding-top: 0px;
	     padding-bottom: 40px;
    }
    /*start Other page*/
    /*start our service*/
     .service-card .card_right,.news-card .card_right {
         width:70% 
    }
     .service-card .card_right h1,.news-card .card_right h1 {
         font-size: 20px;
    }
     .service-card .card-right-review p,.news-card .card-right-review p {
         line-height: 16px;
    }
     .our-sevices, .our-news {
         padding-bottom:50px;
    }
    /*end our service*/
     .other-page .container {
         padding: 0px 15px;
    }
     .news-card .card_right h1 {
         margin:0;
         margin-top: 10px;
         font-size: 16px;
    }
    /*start brands/clinte page */
     .boxes-items .box-item {
         flex-basis: 140px;
         height: 195px;
         padding: 20px 10px;
    }
	
    /*end brands/clinte page */
     .service-card, .news-card {
         margin-left: 10px;
         margin-right: 10px;
    }
     .service-card {
         height: 310px;
    }
     .service-card .card_right, .news-card .card_right {
         width: 100%;
         border-radius: 9px;
    }
    /*start careers page*/
     .path-careers .view-careers .views-row {
         padding-left: 20px;
         padding-right: 20px;
    }
    /*end careers page*/
    /*end Other page*/
    /*start inner page*/
  
     .page-node-type-our-brands .group-right .image-brand {
         display: block;
         width: 100%;
         margin-top: 30px;
    }
     .page-node-type-our-services .field--name-body {
         font-size: 11px;
         margin-left:0;
         margin-right:0 
    }
     .page-node-type-our-services .field--name-node-title h2 {
         font-size: 20px;
         padding-top: 5px;
         padding-bottom: 10px;
    }
    /*end inner page*/
     .subsection-item-page .page-title h2 , .news-item-page .page-title h2 {
         font-size: 19px;
    }
     .subsection-item-page .page-description, .news-item-page .page-description {
         font-size: 11px;
    }
     form#CustomerEnquiryForm {
         padding: 10px 0px;
		 padding-top: 20px;
    }
	 .page-node-type-webform h1.page-header
	 {
		 padding-bottom: 20px;
	 }
     .page-description.row {
         padding: 0;
         margin: 0;
         overflow: hidden;
    }
     .cardbox .card {
         margin: auto;
    }
     [dir="rtl"] .right-menu .search-section p {
         text-align: right;
    }
	 .left-description ,.right-description
	 {
		     padding: 0;
		     margin: 0;
	 }
	 #footer .phone-item-footer span
	 {
		 width:85px;
	 }
	 .our_services h2.block-title
	 {
		 padding-top: 40px;
	 }
	 
	 .tabs-page .tabs-panes .sub-sections .sub-section
	 {
	 	flex-basis:100%;
	 }
	 
	 .tabs-page .tabs li
	 {
	 	padding:10px 20px;
	 }
	 .about-section .flex-row{
	     padding: 0px; 
	 }
	 
	 .main-description{
	    margin:0px;
	    margin-bottom: 15px;
	 }
     .about-section .flex-row .lf-sec, .about-section .flex-row .rg-sec{
         padding:20px 0px;
     }

  

  .text-page .section{
      padding:150px 10px 100px 10px
  }
	 .page-node-type-our-brands .group-right .field--name-field-logo img{
	     max-width: 130px;
	 }
}
 


@media(min-width:1200px)
{
	.page-node-type-our-brands .group-right .field--name-body
	{
	    font-size: 16px;
	}
}

@media(min-width:768px)
{

	.childs .inner-list 
	{
		position: absolute;
		background-color: #fff;
		padding: 7px;
		border-radius: 0px;
		width: 0; 
		height: 0;
		padding: 0; 
		overflow: hidden; 
		width: 200px;
		top: 0;
		left: 75px;
	}


	.childs  > li.active .inner-list 
	{
		width: 200px;
		height: auto;
		overflow: inherit;
		padding: 10px;
		    z-index: 1;
	}

	.childs  > li.active .inner-list:before
	{
		content: "\f0d9";
		font-family: fontAwesome;
		position: absolute;
		top: -7px;
		left: -8px;
		z-index: 12;
		color: #020202;
		font-size: 24px;
	}

}