body{ background-color: #fff; font-family:Electrolize-Regular;}

h1,h2,h3,h4,h5,h6{ margin: 0;}

a:hover{ text-decoration: none;}

.text-blue{ color: #337ab7 !important;}

.text-white{ color: #fff !important;   }

/********************************************************** header *************************************/

header{    padding: 0px;}

header .header-topbg{    padding: 0px;}

header .header-menu{    position: absolute;    top: 0;    right: 0;    left: 0;}

.header-menu .toplogo{ }

.logo img{   width: 85%;margin-top: 6px;padding: 5px;}

.logo25 img{ width: 50%;   margin-top: 30px;}

.toplogo p{

    color: #337ab7;

    font-size: 25px;

    font-weight: bold;

    margin: 50px 0px 0px;

}

.hdrbg{/*    background-color: #404041;*/    background-color: #f9f9f9;}

.application-slider{

    padding: 0px;

    text-align: left;

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

    padding: 20px

}

.application-slider ul{  list-style-type: none;    padding: 0px}   

.application-slider ul li {    padding: 12px 0px;}

.application-slider ul li a{

    font-size: 20px;

    color: #fff;

    font-family: Electrolize-Regular;

    text-decoration: none;

}

.application-slider ul li a:hover{    color: #1b75ba;}

.application-slider ul li span{  margin-right: 10px;}

.application-slider ul li img{   width: 10%;}

/********************************************************** section *************************************/

section{    padding: 0px;}

.enqui-bg{  

/*    background-image: url(../image/b22.png);*/

/*    background-repeat: repeat;*/

/*    background-color: #5c5c5c !important;*/

/*    background-size: 100% 100%;*/

}

.enq-frm label{   /*color: #fff;*/}

.form-bg{ background: rgba(255,255,255,0.6);

padding: 10px;

    margin: 0;

}

section .section-inner{    padding: 50px 20px;}

.section-inner h2{

    font-family: Electrolize-Regular;

    font-size : 40px;

    color : #337ab7;

    text-align: center;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.section-inner p{

    font-family: Electrolize-Regular;

    font-size : 18px;

    line-height : 27px;

    color : #231F20;

    text-align: center;

    margin-bottom: 30px;

}

.abtcmpny{

    padding: 0px;

/*    background-image: url(../image/b36.png);*/

/*    background-image: url(../image/b36.png);*/

    background-repeat: repeat;

    background-color: #e3e3e3;

}

.leftmenu{ }

.leftmenu h3{

    color: #000;

    margin-bottom: 20px;

    font-family: Electrolize-Regular;

/*    text-transform: uppercase;*/    

    font-size: 1.556em;

/*    font-style: italic;*/

}

.leftmenu ul{    padding: 0px;}

.leftmenu ul li{        

    margin: 0 0 5px 0;    

    line-height: 1;

    font-weight: 500;

    font-size: 1.111em;

    font-family: Electrolize-Regular;

    text-transform: uppercase;

    display: block;

/*    background-color: #3c3c3b;    */

/*    background-color: #26A9E0;    */

    background-color: #337ab7;        

    font-weight: 700;

}

.leftmenu ul li a{

    color: #fff;

    font-size: 17px;

     padding: 15px 20px;

    display: block;

}

.leftmenu ul li:hover{    background-color: #fff;}

.leftmenu ul li:hover a{  color: #337ab7;    text-decoration: none;}

.leftmenu ul li.active{   background-color: #fff;   }

.leftmenu ul li.active a{    color: #337ab7;}

.rightmenu{ }

.rightmenu .block{  background-color: #337ab7;   padding: 30px 10px 45px;}

.rightmenu .block h3{

    text-align: center;

    color: #fff;

    font-size: 45px;

    font-family: Electrolize-Regular;

    text-transform: uppercase;

    margin-bottom: 15px;

    text-decoration: none;

}

.block  a{

    background-color: #fff;

    padding: 5px 30px;

    font-size: 21px;

    border-radius:6px;

}

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

.social-right{   padding: 0px;}

.social-right h5{

    background-color: #3c3c3b;

    font-family: Electrolize-Regular;

    padding: 12px 20px;

    font-size: 20px;

    color: #fff;    

    margin-bottom: 10px;

}



.social-right h4{

    background-color: #337ab7;

    font-family: Electrolize-Regular;

    padding: 12px 20px;

    font-size: 20px;

    color: #fff;    

    margin-bottom: 10px;

}



.social-right a{  

/*    margin-right: 18px;*/

    margin: 5px;

}

.social-right a:focus{

    outline: none;

}

.social-right h4 a{  margin-left: 10px;color:white}

.fa{  color: #fff;  font-size: 30px !important;

    -webkit-transition: all 0.40s ease-in-out;

    -moz-transition: all 0.40s ease-in-out;

    -ms-transition: all 0.40s ease-in-out;

    -o-transition: all 0.40s ease-in-out;

    transition: all 0.40s ease-in-out;

}

.fa-facebook {

    background-color: #3b5998;   

    border-radius: 50%;

    padding: 10px 16px;

    font-size: 20px;

}

.fa-facebook:hover{    background-color: #fff;    color: #3b5998;}

.fa-instagram {

/*    background-color: #007ab9;  */

    background: #f09433; 

background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 

background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

    

    border-radius: 50%;

    padding: 10px 13px;

    font-size: 20px;

}

.fa-instagram:hover{

    background: #fff; 

    color: #dc2743;

}

.fa-youtube {

    background-color: #df2a25;

    border-radius: 50%;

    padding: 10px 12px;

    font-size: 20px;

}

.fa-youtube:hover{  background-color: #fff;  color: #df2a25;}

.fa-twitter {

    background-color: #00c9fa;

    border-radius: 50%;

   padding: 10px 12px;

    font-size: 20px;

}

.fa-twitter:hover{  background-color: #fff;   color: #00c9fa;}

.abt-detail{   padding: 0px;margin-bottom: 30px;}

.abt-detail h3{

/*    font-size: 34px;*/

    font-size: 3.5em;

    color: #000;

    text-transform: uppercase;

    font-family: Electrolize-Regular;

    margin-bottom: 30px;

    font-weight: bold;

     border-bottom: 2px solid #337ab7;

    padding: 0 0 15px 0;

}

.abt-detail h3 span{   }

.abt-detail p{

    font-family: Electrolize-Regular;

font-size: 17px;

line-height: 25px;

color: #000;

text-align: left;

margin-bottom: 5px;

}

.abt-detail h5{    margin-bottom: 6px;}

.abt-detail h5 span{    font-size: 21px;    font-weight: bold;}

.abt-detail p span img{    vertical-align: top;}

.abt-detail ul{     padding: 0px 20px;}

.abt-detail ul li{ 

    color: #000;   

    font-size: 16px;

    line-height: 26px;

}

.abt-detail h4{

    font-size: 24px;

    color: #000;

    text-transform: uppercase;

    font-family: Electrolize-Regular;

    margin-bottom: 10px;

}

.fan-detail{    padding: 0px;}

.fan-title{    padding: 60px 15px;    margin: 10px 0px;}

.fan-title h4{     text-align: center;    color: #fff;    font-size: 25px;}

.gray{    background-color:#a2a1a1;}

.black{    background-color:#3c383a;}

.red{    background-color:#ec221f;}

.green{    background-color:#00a50a;}

.blue{    background-color:#294884;}

.contactpg{    padding: 0px;}

.contactpg h3{

/*    font-size: 34px;*/

    font-size: 3.5em;

    color: #000;

    text-transform: uppercase;

    font-family: Electrolize-Regular;

    margin-bottom: 30px;

    border-bottom: 2px solid #337ab7;

    padding: 0 0 15px 0;

    font-weight: bold;

}

.contactpg h3 span{ }

.contactpg label span{    color: red;font-family: arial;}

/********************************************************** article *************************************/

article{    padding: 0px;}

article .article-inner-main{

    padding: 115px 20px;

/*    background-color: #CE9826;*/

/*    background-color: #3a3c40;*/

    background-color: #f0f0f0;

}

.article-inner-main h2{

    font-family: Electrolize-Regular;

/*    font-size : 40px;*/    

    font-size: 5.556em;

    font-weight: bold;

    color : #3a3c40;

    text-align: center;    

    text-transform: uppercase;    

    margin-bottom: 60px;

    margin-top: 0px;

    line-height: 70px;  

}

.article-inner-main h2 span{

    font-size: 90px;

    color: #337ab7;

}

.article-inner{    padding: 0px; }

.article-inner .iconbox{

/*    background-color: #1B75BB;*/

    width: 115px;

    height: 115px;

    padding: 25px;

    border-radius: 50%;

    border: 2px solid #fff;

    -webkit-transition: all 0.40s ease-in-out;

    -moz-transition: all 0.40s ease-in-out;

    -ms-transition: all 0.40s ease-in-out;

    -o-transition: all 0.40s ease-in-out;

    transition: all 0.40s ease-in-out;

}

.article-inner h3{

    font-size: 18px;

    color: #3a3c40;

     font-family: Electrolize-Regular;

    margin-top: 15px; 

    text-transform: uppercase;

    font-weight: bold;

    padding: 0;

    border: none;

}

a:hover .iconbox{    border: 2px dotted #fff;    background-color: #337ab7;/*#1B75BB;26A9E0*/}

a:hover .article-inner h3{    color: #1B75BB;      }

.iconbox-n img{

    width: 100%;

    width: 150px !important;height: 150px;border-radius:50%;

    transition: all 1s;   

}

#one img{    border: 2px dashed #C92620;      }

#one img:hover {    border: 2px dashed #7EB582;    transform: rotateZ(360deg);}

/********************************************************** aside *************************************/

aside{    padding: 0px;}

aside .aside-inner-main{    padding: 50px 20px;    }

.aside-inner-main h2{

    font-family: Electrolize-Regular;

/*    font-size : 40px;*/

    font-size: 5em;

    color : #337ab7;

    text-align: center;    

    text-transform: uppercase;    

    margin-bottom: 45px;

    margin-top: 20px;

}

.aside-inner{    padding: 0px;}

.aside-inner h4{

    color: #8D5F15;

    font-family: Electrolize-Regular;

    font-size: 26px;

    margin-bottom: 10px;

}

.aside-inner p{

    color: #231F20;

    font-family: Electrolize-Regular;

    font-size: 20px;

    margin-bottom: 30px;

    line-height: 30px;

}

.bg-yellow{     background : #3a3c40;}

/********************************************************** aside-inner-main-otherpr *************************************/

.aside-inner-main-otherpr{  padding: 30px 20px;    }

.aside-inner-main-otherpr a:hover{   text-decoration: none;   }

.aside-otherpr{    padding: 0px;}

 .aside-otherpr .iconbox{

/*    background-color: #1B75BB;*/

     width: 115px;

     height: 115px;

     padding: 20px;

    border-radius: 50%;

    border: 2px solid transparent;

    -webkit-transition: all 0.40s ease-in-out;

    -moz-transition: all 0.40s ease-in-out;

    -ms-transition: all 0.40s ease-in-out;

    -o-transition: all 0.40s ease-in-out;

    transition: all 0.40s ease-in-out;     

     cursor: pointer;

}

.aside-otherpr h3{

    font-size: 20px;

    color: white;

     font-family: Electrolize-Regular;

    margin-top: 15px; 

}

.aside-otherpr:hover .iconbox {    border: 2px dotted #fff;    background-color: #337ab7;/*#1B75BB;26A9E0*/}

.aside-otherpr:hover h3{    color: #337ab7;   }

/********************************************************** product page *************************************/

ul{     list-style-image: url(../image/list-icon.png);}

.productmain{    padding:0px; }

.productmain .more-btn {

     background: #1b75ba;

    border: 2px solid transparent;

    color: #fff;

    padding: 6px 14px;

    font-size: 14px;

    font-family: Electrolize-Regular;

    text-transform: uppercase;

    font-weight: bold;

/*    border-radius: 5px;  */    

     -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

    transition: all 0.30s ease-in-out;    

    border-radius: 6px;

}

.productmain .more-btn:hover{

       border: 2px solid #1b75ba;

    background: #fff;

    color: #1b75ba;

}

.productmain h4{

    color: #337ab7;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 10px;

}

.productmain img{

    margin-bottom: 20px;

}

.turbo-tab{    padding: 0px;}

.turbo-tab ul{    padding: 0px;}

.innr-tab ul{    padding: 0px 20px;    list-style-image: url(../image/list-icon.png);}

.innr-tab ul li{    line-height: 28px;}

.innr-tab p{    font-size: 16px;}

.innr-tab .table tr th{    font-size: 12px;    vertical-align: middle;}

.innr-tab .table tr td{    font-size: 12px;    vertical-align: middle;}

.maintain-block img{    margin: 0 10px;}

/********************************************************** footer *************************************/

footer{    padding: 0px;}

footer .footer-inner-main{    padding: 50px 20px;    /*    background-color: #391A06;*/    background-color: #1e1f21;} 

.space10{    height: 10px;} 

.space15{    height: 15px;} 

.space20{    height: 30px;}

.space20px{    height: 20px;}

.space40{    height: 40px;}

.footer-inner{    padding: 0px;}

.footer-inner img{  /* width: 100%; */}

.footer-inner h4{

    font-family: Electrolize-Regular;    

    font-size : 35px;

    color : #FFFFFF;

    margin-top: 60px;

/*    text-align: center;*/

    margin-bottom: 25px;

}

address{   font-family: Electrolize-Regular;    font-size : 16px;    color : #fff;}

address a{

    color: #fff;

}

address img{

    width: 40%;

}

.contactpg address{    color: #000;}

.contactpg address a{    color: #000;   }

.footer-inner ul{    padding: 0px;    list-style-type: none;    list-style-image: none;}

.footer-inner ul li a{     font-family: Electrolize-Regular;     font-size : 16px;    line-height : 23.2px;    color : #FFFFFF;}

.footer-inner ul li a:hover,

.footer-inner ul li a:focus{     text-decoration: none;    color: #1B75BB;}

.footer-inner-main .col-sm-1{    width: 9%;   }

.footer-inner-main .col-sm-3{   

/*    width: 21%; */

}

.submit{

    background : #337ab7;

    color: #fff;

    font-family: Electrolize-Regular; 

    font-size : 15px;

    padding: 4px 17px;

    border: 2px solid transparent;

     -webkit-transition: all 0.30s ease-in-out;

-moz-transition: all 0.30s ease-in-out;

-ms-transition: all 0.30s ease-in-out;

-o-transition: all 0.30s ease-in-out;

transition: all 0.30s ease-in-out;

    

    border-radius: 6px;

    

}

.submit:hover{     border: 2px solid #1b75ba;

    background: #fff;

    color: #1b75ba;        }

/********************************************************** footer *************************************/

.copyright{    padding: 10px 10px;    position: relative;    margin-bottom: 29px; }

.copyright p{  font-family: Electrolize-Regular;   font-size : 12px;  color : #231F20;    margin: 0px;}

.copyright p a{     color : #231F20;}

/********************************************    top goto ********************/

.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(0, 0 , 0, 1) url(../image/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;

    z-index: 1000;

}

.no-touch .cd-top:hover {

  background-color: #e86256;

  opacity: 1;

}

@media only screen and (min-width: 768px) {

  .cd-top {

    right: 20px;

    bottom: 20px;

  }

}

@media only screen and (min-width: 1024px) {

  .cd-top {

    height: 60px;

    width: 65px;

    right: 00px;

    bottom: 30px;

  }

}





.crkt{

    padding: 0px;

}

.crkt h4{

    color: #000;

    font-size: 35px;

    text-align: center;

    font-family:OpenSans-Bold;

    margin-top: 0px;   

    margin-bottom: 40px;

}

.fixedbtn{    position: fixed;    bottom: 0;}

.clienteleimg img{

     background: #fff;

    padding: 10px 0px;

    margin-bottom: 40px;

}

.clienteleimg .col-sm-2{    width:25%;}

/****** sticky btn  ******/

#sticky-social {   

    position: fixed;

    bottom: 0%;

    z-index: 1000;

    width: 100%;

    border-bottom: 5px solid #337ab7;

}

#sticky-social{    padding: 0px;}

#sticky-social ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

#sticky-social ul li{/*    margin-bottom: 10px;   */}

/*

#sticky-social a {   

   color: #fff;

   display: block;

   height: 65px;

   width: 65px;

   font-size: 21px;   

    font-weight: bold;

   position: relative;

   text-align: center;

    padding: 10px 0px;

}

*/

/*

#sticky-social a span {

   line-height: 65px;

   right: -210px;

   position: absolute;

   text-align:center;

   width:210px;

    margin-top: -10px;

}

#sticky-social a:hover span {

   right: 100%;

}

*/

.downloadbtn{    background-color: #1176bc;    }

.downloadbtn span{    background-color: #1176bc;}

.downloadbtn::before{    content: url(../image/download.png);}

.requestbtn{    background-color: #1176bc;}

.requestbtn span{    background-color: #1176bc;    color: #fff ;}

.requestbtn::before{    content: url(../image/request-quote-white.png);}

.stickybtn-block{

    padding: 15px 20px;

    color: #fff;

    background: #337ab7;

}

.stickybtn-block h3{

    color: #fff;

font-size: 24px;

font-weight: bold;

    margin-bottom: 10px;

}

.stickybtn-block p{    font-size: 17px;}

.stickybtn-btn{

    padding: 10px 17px 10px;    

    font-size: 18px;

    color: #333333;

    text-align:center;

    background-color:#337ab7;

    width:210px;

    height:42px;

    color:white;   

    position:relative;

    font-size: 24px;   

    font-weight: bold;

}

.stickybtn-btn:hover,

.stickybtn-btn:focus{    color:white;  }

.stickybtn-btn:after{

    content:"";

    width:0px;

    height:0px;

    border-bottom:42px solid #337ab7;

    border-right:30px solid transparent;

    position:absolute;

    left:100%;

    top:0px;

    margin-left: 0px;

}

.contactbtn{

    border: 3px solid #fff;

    padding: 10px 40px;

    text-align: center;

    color: #fff;

    font-size: 21px;

    width: 90%;

    display: block;

    margin-bottom: 20px;

    font-weight: bold;

    

    border-radius: 6px;

}

.contactbtn:hover,

.contactbtn:focus{

    background: #fff;

    border: 3px solid #fff;

    color: #337ab7;

}

.collapsing{  .transition(opacity .15s linear, height .35s ease);}

/**************************  application image hover effect  *************************/

.circle {

  width: 165px;

  height: 165px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

  background: none;

  border: 0;

  box-sizing: border-box;

  border-radius: 100%;  

  position: relative;

  vertical-align: middle;

}

.circle::before, .circle::after {

  box-sizing: inherit;

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 100%;

}

/*

.circle:hover {

  color: yellow;

}

*/

/*

.circle::before, .circle::after {

  top: 0;

  left: 0;

}

*/

.circle::before {  border: 2px solid transparent;}

.circle:hover::before {

  border-top-color: #1176bc;

  border-right-color: #1176bc;

  border-bottom-color: #1176bc;

  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;

}

.circle::after {  border: 0 solid transparent;}

.circle:hover::after {

  border-top: 2px solid #1176bc;

  border-left-width: 2px;

  border-right-width: 2px;

  transform: rotate(270deg);

  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;

}

/************************** end application image hover effect  *************************/

/*card*/

.card {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

  background-color: #fff;

  border: 1px solid rgba(0, 0, 0, 0.125);

  border-radius: 0.25rem;

}

.card-block {

  -webkit-box-flex: 1;

  -webkit-flex: 1 1 auto;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

/*  padding: 1.25rem 0;*/

}

.card-title {

/*  margin-bottom: 1.5rem;*/

    text-align: center;

    padding: 5px;

    font-weight: bold;

}

.card-subtitle {  margin-top: -0.375rem;  margin-bottom: 0;}

.card-text:last-child {  margin-bottom: 0;}

.card-link:hover {  text-decoration: none;}

.card-link + .card-link {  margin-left: 1.25rem;}

.card > .list-group:first-child .list-group-item:first-child {  border-top-right-radius: 0.25rem;  border-top-left-radius: 0.25rem;}

.card > .list-group:last-child .list-group-item:last-child {  border-bottom-right-radius: 0.25rem;  border-bottom-left-radius: 0.25rem;}

.card-header {

  padding: 1.5rem 1.25rem;

  margin-bottom: 0;

  background-color: #337ab7;

  border-bottom: 1px solid rgba(0, 0, 0, 0.125);

    color: #fff;

}

.card-header:first-child {  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;}

.card-footer {

  padding: 3rem  1.25rem;

  background-color: #f7f7f9;

  border-top: 1px solid rgba(0, 0, 0, 0.125);

    text-align: center;

}

.card-footer a{

    background-color: #337ab7;

    color: #fff;

    padding: 8px 15px;

    font-size: 15px;

    font-weight: bold;

    -webkit-transition: all 0.30s ease-in-out;

-moz-transition: all 0.30s ease-in-out;

-ms-transition: all 0.30s ease-in-out;

-o-transition: all 0.30s ease-in-out;

transition: all 0.30s ease-in-out;



border: 2px solid transparent;

    

    border-radius: 6px;

}

.card-footer a:hover{

   border: 2px solid #1b75ba;

    background: #fff;

    color: #1b75ba;

}



.card-footer:last-child {  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);}

@media (min-width: 576px) {

  .card-group {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-flow: row wrap;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

  }

  .card-group .card {

    -webkit-box-flex: 1;

    -webkit-flex: 1 0 0%;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

      margin: 0 30px 0 0;

  }

  .card-group .card + .card {

    margin-left: 0;

    border-left: 0;

  }

  .card-group .card:first-child {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

  }  

  .card-group .card:last-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

  }

    .card-group .card:not(:first-child):not(:last-child) {

    border-radius: 0;

  }  

}

.tech-specific-block{    padding: 0px;   }

.tech-specific-block .card-text{    margin-bottom: 0px;font-size: 14px;padding: 9px;}

.card-text:nth-child(2n) {    background: #f2f2f2;}



.down {

  background-image: url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png");

  height: 130px;

  width: 130px;

}

.up {

  background-image: url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_up_48px-128.png");

  height: 130px;

  width: 130px;

}





.effect-top{

    margin-top: -27px;

}





.width22{

    width: 25%;

}

.width20{

    width: 20%;

}