/*========================================Typography===========================================*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Patua+One');
/*font-family: 'Patua One', cursive;*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,500i,700,800,900');
/*font-family: 'Raleway', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Bitter:400,700');
/*font-family: 'Bitter', serif;*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
/*font-family: 'Roboto Slab', serif;*/

body { background-color: #fff; font-size: 15px;font-weight: 400; line-height:140%; margin: 0; min-width: 320px; overflow-x: hidden; width: 100%;} 
*,body{font-family: 'Raleway', sans-serif; !important; }
h1, h2, h3, h4, h5 {font-weight: 600;  } 
h1 {font-size: 24px; } 
h2 {font-size: 22px; } 
h3 {font-size: 20px; } 
h4 {font-size: 18px; } 
h5 {font-size: 16px; } 
p {margin: 0 0 20px; font-weight: 500; } 
ul, ol{ margin: 0; padding: 0; list-style: none; }

.circle, .circle1{ border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; text-align: center; }
.circle{overflow: hidden; display: inline-block; vertical-align: middle; }

.h_100{height: 100%;}
.w_100{ width: 100% }

.bg_white{ background:#fff;}

.p_t0{ padding-top:0 }
.p_t10{ padding-top: 10px }
.p_t30{ padding-top: 30px }
.p_t50{ padding-top: 50px }
.p_t70{ padding-top: 70px }
.p_t80{ padding-top: 80px }

.p_b30{ padding-bottom: 30px }
.p_b50{ padding-bottom: 50px }
.p_b60{ padding-bottom: 60px }
.p_b80{ padding-bottom: 80px }
.p_b100{ padding-bottom: 100px }
.p_b150{ padding-bottom: 150px; }

.p_tb20{ padding-top: 20px; padding-bottom: 20px }
.p_tb10{ padding-top: 10px; padding-bottom: 10px }
.p_tb80{ padding: 80px 0 }
.p_100{ padding: 100px; }	

.p_lr20{ padding:0 20px}
.p_lr10{ padding:0 10px}

.p_10{ padding: 10px }
.p_20{ padding: 20px }
.p_30{ padding: 30px }
.p_50{ padding: 50px }
.p_80{ padding: 80px }
.p_t100{ padding-top: 100px }

.m_t0{ margin-top: 0px !important }
.m_t10{ margin-top: 10px }
.m_t15 {margin-top: 15px;}
.m_t20{ margin-top: 20px }
.m_t30{ margin-top: 30px }
.m_t50{ margin-top: 50px }
.m_t60{ margin-top: 60px }
.m_t70{ margin-top: 70px }
.m_t80{ margin-top: 80px }

.m_b10{ margin-bottom: 10px }
.m_b15 {margin-bottom: 15px;}
.m_b20{ margin-bottom: 20px }
.m_b30{ margin-bottom: 30px }
.m_b50{ margin-bottom: 50px }
.m_b100{ margin-bottom: 100px }

.m_t100{ margin-top: 100px }
.m_tb50{ margin-top: 50px; margin-bottom: 50px }
.m_tb100{ margin-top: 100px; margin-bottom: 100px }

.bdr_less{ border: none !important }

.animate, a, .contact-block_inner a, .btn{transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}

.inline-list LI{ display: inline-block; }

.br_orange{ background: #f5811e }
.text_orange{ color: #f5811e }
.br_blue{ background: #f5811e }
.text_blue{ color: #f5811e }

a, .theme-txt{ color: #3168c3 }
a:hover, a:active{ text-decoration: none; color:#1C50A4; outline: none !important  }

.btn{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border: none; padding: 15px 35px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600 !important; font-size: 14px }
.btn-block.btn{padding: 15px 5px;}

.btn.no-bg, .btn.no-bg:hover{ background: none }

.btn-default{background: #f5811e; color: #fff }
.btn-default:hover, .btn-default:focus{ background: #dc741b; color: #fff  }

.btn-primary{ background: #3068C3; color: #Fff }
.btn-primary:hover{ background: #1C50A4; color: #fff }

.btn-success{}

.btn-info{}

.theme_color1{background: #ae212b}/*Maroon*/
.theme_color2{background: #f5811e}/*Orange*/
.theme_color3{background: #a4c95e}/*green*/
.theme_color4{background: #3068C3}/*blue*/
.theme_color5{background: #8d4c92}/*purple*/
/*************************************** Basic code ******************************/

/************ Top area open ******************/
.invert.top-panel, .invert.header-container, .invert.top-panel a {color: #9a9a9f; font-size: 16px }
.top-panel {background-color: #0d0d0d; }
.contact-block_inner { padding: 5px 0;  vertical-align: middle; }
.contact-block_inner i{ color: #fff; margin-right: 5px; }
.top-panel .contact-block_inner>div{ margin-right: 15px ;margin-top: 4px; }
.top-panel a:hover{ color: #fff }
.navbar-toggle .icon-bar{ background: #fff }
.site-logo_link{ max-width:280px; width: 100%; display: block;  }
.screen-reader-text{ display: none; }
.social-list_items a{ padding: 8px 10px; display: block;}
.social-list_items a i{ font-size: 18px }
.header-container{ padding: 15px 0 }
/*.header-container{ background: #fff }*/
.contact-block .contact-block_item{ display: inline-block; vertical-align: top; margin-right: 20px; padding: 10px 0; color: #999 /*font-family: 'Antic Slab', serif;*/ }
.contact-block .contact-block_item i, .contact-map i{ float: left; font-size: 20px; margin-right: 10px; color: #f5811e }
.contact-block .contact-block_item span, .contact-map span{display: inline-block; font-size: 14px; line-height: 130%; vertical-align: top; color: #999}
.contact-block .contact-block_item span a, .contact-map a{ font-size: 16px; color: #000; font-weight: bold; }
.contact-block .contact-block_item span a:hover, .contact-map a:hover{color: #f5811e}
.header-row_flex{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;} 
.contact-block-header, .header-btn-wrap{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } 
/*{ background: #f5811e }*/
.contact-block-header{ margin-top: 10px }
.contact-block-header a:hover span{ color: #f5811e }
.header-btn-wrap{ margin-top: 5px }
.header-container_flex-wrap{ background: #f5811e; margin-top: 15px; position: relative; z-index: 1; padding:10px 0 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;  }
.header-container_flex-wrap .navbar{ margin-bottom: 0 }
.header-container_flex-wrap .navbar-nav > li > a{ color: #fff; font-weight: 600; border-radius: 3px; padding: 10px 15px; font-size: 13px; text-transform: uppercase; } 
.header-container_flex-wrap .navbar-nav > li > a:hover, .nav > li > a:hover, .nav > li > a:focus, .header-container_flex-wrap .navbar-nav > li.active > a{ /*background: rgba(0,0,0,.1) !important*/ color: #000 !important; background: none !important }	
.dropdown-menu > li > a:hover, .dropdown-menu > li > a{font-weight: 500;  text-transform: uppercase;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ /*background: rgba(0,0,0,.1)*/ color: #000; }

.search-form_toggle{ padding: 10px; color: #fff; cursor: pointer; }
.search-form_toggle i, .header-search i{ font-size: 18px !important }
.search-form_toggle:hover{ color:#000  }
.dropdown-menu > li > a {padding: 7px 20px; font-size: 13px; font-weight: 600; }
/*.top-panel_menus .linkedin:hover{ color: #3B5998; }
.top-panel_menus .google-plus:hover{ color:#DB4437; }
.top-panel_menus .twitter:hover{ color:#1DA1F2; }
.top-panel_menus .facebook:hover{ color:#007BB5; }*/
.header-nav-wrapper{ position: relative; }
.header-search{ position: absolute; width: 100%; top: 2px; background: #f5811e }
.header-search{ padding: 0 15px;}
.header-search .btn.no-bg{ color: #fff }
.header-search input[type="search"]{ border: none;  padding: 20px 10px }
.header-search button{ margin-top: -7px;}
.header-search .col-xs-2{ position: relative; }
.header-search .col-xs-2 .fa-close{ color: #fff; position: absolute; right: 0px; top: -10px; padding: 5px; z-index: 1; opacity: .5; cursor: pointer; }
/************ Top area close ******************/


/************ banner area open ******************/
.banner-area{ position: relative; top: -40px; width: 100%; background: #000 }
.banner-area .carousel-inner > .item > img{ width: 100% !important;/* opacity: .5*/ }
/*.banner-area .carousel-inner > .item:before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,0,0,.7); z-index: 2 }*/
.banner-area .svg{ width: 50px; position: absolute; top: 50% }
.banner-area .svg path{ fill: #fff }
.banner-area .carousel-caption{ top: 50% !important; width: 80%; left: 10%; text-align: center; transform: translateY(-50%); }
.banner-area .bdr-btn{ padding: 1vw 1.8vw; font-size: 1.3vw; font-weight: 600; color: #fff;  margin-top: 50px; /*border: 3px solid #fff;  background: rgba(255,255,255,.1);*/ background: #3068C3; letter-spacing: 0; }
.banner-area .bdr-btn:hover{ /*border-color:#f5811e ;*/ background: #1C50A4; color: #fff; }
.banner-area h3{ font-size:5vw; font-weight: 800; font-family: font-family: 'Raleway', sans-serif; !important; text-transform: uppercase; text-shadow: none }
/************ banner area close ******************/

/************ product slider open ******************/
.product-area { position: relative; margin-top: -150px }
.carousel-control.left{ left: 20px }
.carousel-control.right{ right: 80px }
.carousel-control.left, .carousel-control.right{ background-image: none; width: auto; }
.product-area .carousel-control.left, .product-area .carousel-control.right{ opacity: 1;}
.product-area .carousel-control.left i{ left: 13px}
.product-area .carousel-control.left i, .product-area .carousel-control.right i{ background: #3068C3; display: inline-block; padding: 10px;
height: auto; width: auto; border-radius: 100%; color: #fff; font-size: 16px    }
.product-item a{ display: block; padding: 20px; /*background: #3068C3;*/ color: #Fff; min-height: 220px; position: relative; overflow: hidden; }
/*.product-item a:hover{ background: #1C50A4 }*/
.product-item a h2{ text-align: right; float: right; text-transform: uppercase; line-height: 130%; font-size: 1.8vw; width: 70%; margin-top: 10px; font-weight: 800 }
.product-item a img{ position: absolute; left: 0; width:50% }
.product-item a i{ position: absolute; bottom: 20px; right: 20px; font-size: 20px; border: 2px solid #fff; text-align: center; line-height: 54px;
 width: 60px; height: 60px; border-radius: 100%; -webkit-transform: translateX(-10px); -o-transform:  translateX(-10px); -moz-transform:  translateX(-10px); transform:  translateX(-10px); transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
 .product-item a:hover i{ -webkit-transform: translateX(10px); -o-transform:  translateX(10px); -moz-transform:  translateX(10px); transform:  translateX(10px); opacity: .5 }
/************ product slider open ******************/

/************ about area open ******************/
.media_file{ width: 100%; height: 315px }
.about-area h2{ font-size: 30px; font-weight: 800; margin: 20px 0 20px; text-transform: uppercase;  }
.about-area p, .para{ font-size: 15px; font-weight: 400; line-height: 150%; color: #999; }
.about-area p strong{ color: #666  }
/************ about area close ******************/

/************ product list open ******************/
.product_list-area{ position: relative; }
.pro-cnt{ text-align: center; border: 3px solid #f2f2f2; padding: 0; position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer; text-align: center; }
.pro-link{ position: absolute;z-index: 1; top: 50%; left: 50%; width: 0; height: 0; background: rgba(0,0,0,.5)/*rgba(48,104,195,.5)*/; opacity: 0 }
.pro-link > span{ display: table; text-align: center; width: 100%; height: 100%;}
.pro-link > span i{ vertical-align: middle; display: table-cell; color: #fff; font-size: 20px}
.pro-link > span i span{ font-size: 14px; vertical-align: 1px; FONT-WEIGHT: 500; margin-left: 5px; }
.pro-cnt:hover .pro-link{left: 5%; right: 5%;  top: 5%;bottom: 5%; width: 90%; height: 90%; opacity: 1}
.pro-cnt:hover .pro-link i{font-size: 18px}
.pro-cnt:hover{ border-color: #777  }
.pro-img{ width: 100%; margin: auto; position: relative; }
.pro-rating { position: absolute; width: 100%; left: 0; bottom: 0; display: none; }
.pro-rating i{ cursor: pointer; color: #999; font-size: 16px }
.pro-rating i.active{color: #f5811e;}
.pro-img img{ width: 100% }
.pro-nm{ height: 80px; padding: 10px; background: #f7f7f7; margin: 0px; display: table; width: 100%; vertical-align: middle; text-align: center; border-top: 1px solid #f2f2f2; text-transform: uppercase;  } 
.pro-nm span{ display:table-cell; vertical-align:middle; text-align: center;}
.pro_dtl{ display: none; }
.pro_dtl a{ width: 46px; height: 46px; line-height: 46px; text-align: center; border: 2px solid #e2e5e6; color: #ccc; margin: 5px }
.pro_dtl a:hover{ background:#f5811e; border-color: #f5811e; color: #fff  }
.pro_dtl a.highlight{ background: #3068C3; border-color: #3068C3; color: #fff  }
.pro_dtl a i{ font-size: 20px }
.product-bg{width: 100%; position: absolute; bottom: -5px; z-index: -1}
/************ product list close ******************/

/************ subscribe list open ******************/
.subscribe-area{ position: relative; overflow: hidden; display: none;}
.subscribe-area:before{ position: absolute; left: 0; top: 0; font: normal normal normal 14px/1 FontAwesome; content: "\f003"; font-size: 245px; opacity: .1; transform: rotate(325deg); -webkit-transform: rotate(325deg); -moz-transform: rotate(325deg); -o-transform: rotate(325deg); }
.subscribe-area h4{ color: #fff; margin-bottom: 10px; margin-top: 20px !important}
.subscribe-area p{ font-size: 18px; font-weight: 400; color: #Fff }
#newsletter-input{ padding: 25px 10px }
.subscribe-area input[type="text"]{ border: none }
/************ subscribe list close ******************/

.subscribe-area h4, .more-cnt-area h2, .testimonial-area h2, .h2, .client-area h2{ margin-top: 0; font-size: 30px; font-weight: 800; line-height: 130%; text-transform: uppercase; }

/************ more-cnt list open ******************/
.more-cnt-area{ background: #f7f7f7 }
.more-cnt-area h2{ margin-bottom: 40px }
.more-cnt-area a{  position: relative; display: block; overflow: hidden; /*background: #3068C3; */color: #fff; max-height: 400px }
.more-cnt-area a img{ opacity: .5 }
.more-cnt-area a:hover img{ opacity: 1; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
.more-cnt-area .more-cnt{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; padding: 20px; z-index: 1 }
.more-cnt-area h3{ font-size: 40px; font-weight: 700; margin-bottom: 20px; border-bottom: 1px solid; }
.more-cnt-area p{ font-size: 18px; line-height: 150%; margin-bottom: 40px }
/************ more-cnt list close ******************/

/************ testimonial open ******************/
.testimonial-area{ background:  url("../images/testiminal.png") #000 no-repeat center fixed;  padding: 100px 0; color: #fff }
.testimonial-area h2{ text-align: center; }

#quote-carousel {padding: 0 10px 30px 10px; margin-top: 30px; } 
#quote-carousel .carousel-control {background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px; } 
#quote-carousel .carousel-indicators {position: relative; right: 50%; top: auto; bottom: 0px; margin-top: 20px; margin-right: -19px; } 
#quote-carousel .carousel-indicators li {width: 50px; height: 50px; cursor: pointer; border: 1px solid #000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 50%; opacity: 0.4; overflow: hidden; transition: all .4s ease-in; vertical-align: middle; } 
#quote-carousel .carousel-indicators .active { transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); opacity: 1; transition: all .2s; } 
#quote-carousel strong{ font-weight: 700; font-size: 14px; opacity: .9; }
.item blockquote {border-left: none; margin: 0; } 
.item blockquote p:before {content: "\f10d"; font-family: 'Fontawesome'; float: left; font-size: 30px; margin-right: 10px; color: #f5811e } 
#quote-carousel p{ font-size: 16px; line-height: 150%; color: #fff; font-weight: 300; opacity: .9; }
/************ testimonial close ******************/

/************ map open ******************/
.map-area{ position: relative; }
.map-area iframe{ width: 100%; height: 450px }
.contact-map1{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); background: #fff; padding: 30px; border: 1px solid #ddd }
.contact-map .contact-block_item{ margin-bottom: 15px;}
.contact-map span{ font-size: 16px; line-height: 150%; margin-top: -5px; }
/************ map close ******************/

/************ footer open ******************/
footer{ border-top: 1px solid #ddd; margin-top: -3px; background: #f1f1f1 }
footer .social-list_items{ text-align: right; }
footer .social-list_items a{ width: 40px; height: 40px; text-align: center; line-height: 28px; border: 1px solid; color: #666; border-radius: 100%; margin: 0 5px }
footer p{ margin-bottom: 0; margin-top: 10px }
footer .linkedin:hover{ background: #3B5998; color: #fff  }
footer .google-plus:hover{ background:#DB4437; color: #fff }
footer .twitter:hover{ background:#1DA1F2; color: #fff }
footer .facebook:hover{ background:#007BB5; color: #fff }
/************ footer close ******************/

/************ client logo open ******************/
.carousel-showmanymoveone
{
  .carousel-control
  { width: 4%; background-image:none;

    &.left { margin-left:15px; } 
    &.right { margin-right:15px; }
  }

  .cloneditem-1, .cloneditem-2, .cloneditem-3  { display: none;  }

  .carousel-inner  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right, > .item.next { transform: translate3d(50%, 0, 0); left: 0; }
        > .item.active.left, > .item.prev { transform: translate3d(-50%, 0, 0); left: 0; }
        > .item.left, > .item.prev.right, > .item.active { transform: translate3d(0, 0, 0); left: 0; }    
      } 

      > .active.left, > .prev { left: -50%; }
      > .active.right, > .next { left:  50%; }
      > .left, > .prev.right, > .active { left: 0; }
      .cloneditem-1 { display: block; }
    }

    @media all and (min-width: 992px)    {    
      @media (transform-3d), (-webkit-transform-3d)
      {        
        > .item.active.right, > .item.next { transform: translate3d(25%, 0, 0); left: 0; }    

        > .item.active.left, > .item.prev { 
          transform: translate3d(-25%, 0, 0); left: 0; }

        > .item.left, > .item.prev.right, > .item.active {
          transform: translate3d(0, 0, 0); left: 0; }
      }

      > .active.left, > .prev { left: -25%; }
      > .active.right, > .next { left:  25%; }
      > .left, > .prev.right, > .active { left: 0; }
      .cloneditem-2, .cloneditem-3 { display: block; }
    }    
  }
}

.client-area .item{ text-align: center; }
.client-area .item img{ max-width: 150px; width: 80% }
/************  client logo close *****************/

.fix-top{ position: fixed; left: 0; right: 0; top: 0; margin-top: 0; z-index: 111;  }
.form-control{ border-radius: 0; }
.form-control:focus{border-color: #999; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(48,104,195,.6); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(48,104,195,.6); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(48,104,195,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(48,104,195,.6);}
.content-area .map-area iframe{ height: 650px;}
.career-area .panel{ border: none; box-shadow:none; margin-bottom: 20px; }
.career-area .panel-group .panel-heading+.panel-collapse .panel-body{border-top:none;}
.career-area .panel .collapse.in{}
.career-area .panel .collapse{}

.page-title{  position: relative;}
.page-title .page-title-right {width: 100%; overflow: hidden; white-space: nowrap; vertical-align: middle; background: url('../images/bg.jpg') no-repeat center; background-size: 100% auto; padding: 100px 0; top:-40px; position: relative; } 
.page-title .page-title-right .container{ overflow: hidden; }
.page-title .page-title-right h2:first-child{ color: #fff } 
.page-title .page-title-right h2 {color: rgba(255, 255, 255, 0.2); font-size: 35px; position: relative !important; display: inline-block; white-space: nowrap; margin-right: 50px; overflow: visible; padding-bottom: 15px } 
.page-title .page-title-right h2 span{ display: block; font-size: 13px; font-weight: 300; position: absolute; left: 0; top: 45px; text-align: left; margin-left: 0; color: rgba(255,255,255,.8); z-index: 1 }

.max_400{ max-width: 400px }
.max_500{ max-width: 500px }
.summery{background: url('../images/bg-about.jpg') no-repeat center; background-size: 100% auto; padding: 100px 0; color: #fff}
.summery h2{ font-size: 50px }
.summery h4{ font-weight: 500 }
#partners{ background: #f7f8f9 }

#history{ background:url('../images/company-history.jpg') no-repeat #424847; background-position: 100% center; background-size: auto 100%;  color: #fff }
#history p{ color: rgba(255,255,255,.5) }
.history{ padding: 100px 100px 80px }

#enquiry_form{ position: relative; }
.enquiry_form{ position: absolute; top: 70px; right: 0%; width: 350px; background: #f1f1f1; border:1px solid #ddd; z-index: 2; padding: 0; display: none; }
.enquiry_form p{ padding: 20px 20px 0; text-align: left; margin-bottom: 0 }
.enquiry_form h3{ padding: 24px 20px 23px; background: #f5811e; color: #fff; margin: 0; font-weight: 600; text-transform: uppercase; font-size: 14px }
.enquiry_form form{ padding: 20px;}
.enquiry_form textarea{ height: 100px }
.enquiry_form .form-group { margin-bottom: 20px;}


.nstool {background-image: url('../images/nsbg.jpg'); background-repeat: no-repeat; } 
.haimer {background-image: url('../images/haimerbg.jpg'); background-repeat: no-repeat; } 
.dijet {background-image: url('../images/dijetbg.jpg'); background-repeat: no-repeat; } 
.mst {background-image: url('../images/mstbg.jpg'); background-repeat: no-repeat; } 
.pic-card {position: relative; transition: 0.3s all; } 
.card-ht {min-height: 363px; } 
.card-ht-2 {margin-bottom: 30px; min-height: 166px; position: relative; } 
.pic-card a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 9; transition: 0.3s all; } 
.brand-info {color: #fff; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 2px 32px rgba(0,0,0,0.2); width: 150px; padding: 10px; border-radius: 4px; background: #FFF; }
.brand-info img { max-width: 100%;}