@keyframes blink {  
  0% {opacity: 1.0;}  
  50% {opacity: 0.5;}  
  100% {opacity: 1.0;}  
}  

.product-list div:nth-child(odd){
  padding-right: 5px;
  width: calc(50% - 5px);
  margin-bottom: 20px;
}
.product-list div:nth-child(even){
    padding-left: 5px;
    width: calc(50% - 5px);
    margin-bottom: 20px;
}




.mobile-app{display: none;}
@media (min-width: 1400px) { 
  #Mobile{display: none;}
  #Computer{display: block !important; background:#f6f6f6;}
}


.menu-tab1:hover{border-bottom: 2px solid #114197; cursor: pointer; }
.menu-active{font-weight: bold;border-bottom: 3px solid #114197;}
.back1{position: absolute;top:-420px;z-index: 998;left:-260px}
.go1{position: absolute;top:-420px;z-index: 998;right:-260px}
.mybefore , .back1{width: 55px;height: 55px;background: #b6b6b6;color:white;text-align: center;line-height: 55px;cursor:pointer;}
.myafter , .go1{width: 55px;height: 55px;background: #b6b6b6;color:white;text-align: center;line-height: 55px;cursor:pointer;}
.mybefore , .back1:hover{background: #929292;}
.myafter , .go1:hover{background: #929292;}
.blue-a{text-decoration: none;display: block;padding-bottom:5px;transition: all 0.5s;border-radius: 0px !important;border-color:rgba(0, 0, 0, 0);margin-top:1px;}
.blue-a:hover{border-bottom: 4px solid #2464ce !important;box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);padding-bottom:0px;margin-top:0px;}
.card-img-top{border-radius: 0px !important;}
.mybefore{position: absolute;top:-160px;z-index: 998;left:-220px}
.myafter{position: absolute;top:-160px;z-index: 998;right:-220px}
#Next{opacity: 0;}
#Prev{opacity: 0;}
.blue-b{text-decoration: none;display: block;padding-bottom:4px;transition: all 0.5s;}
.blue-b:hover{border-bottom: 4px solid #2464ce !important;padding-bottom:0px; }
#CompterBody{transition: filter 0.3s;}
.mouseover_link{border-bottom: 0px solid #2465ce49 !important; height: 40px !important;line-height: 40px !important;}
.mouseover_link:hover{color: #2464ce !important;cursor: pointer; }
.card-img-top33{width:250px;height:300px;margin-top:6px;transition: all 0.5s;}
.card-img-top33:hover{margin-top:0px;cursor: pointer; }
.view-pdf{color:white;background: #275487; display: inline-block; width: 700px;height: 60px;line-height: 60px;text-align: center;text-decoration: none;}
.view-pdf:hover{background:#2464ce}
.card-p{background-size: 100%;height: 610px;display: block;text-decoration: none;transition: all 0.5s;margin-bottom:60px;background-repeat: no-repeat;}
.card-p div {width:100%;height:610px;color:rgba(255, 255, 255, 0);transition: all 1s;font-size:20px;line-height:610px;text-align:center;}
.card-p div:hover{ box-shadow: 2px 2px 4px #000000;width:100%;height:610px;background:rgba(0, 0, 0, 0.566); color:white !important;font-size:22px;line-height:610px;text-align:center;}
.card-p:hover{background-size: 106%;background-position: 52% 52%;}
.card-p2{background-size: 100%;height: 610px;display: block;text-decoration: none;transition: all 0.5s;background-repeat: no-repeat;}
.card-p2 div {width:100%;height:610px;color:rgba(255, 255, 255, 0);transition: all 1s;font-size:20px;line-height:610px;text-align:center;}
.card-p2 div:hover{ box-shadow: 2px 2px 4px #000000;width:100%;height:610px;background:rgba(0, 0, 0, 0.566); color:white !important;font-size:22px;line-height:610px;text-align:center;}
.card-p2:hover{background-size: 106%;background-position: 52% 52%;}
.card-p3{background-size: 100%;height:420px;display: block;text-decoration: none;transition: background-size 0.6s;background-repeat: no-repeat;background-color: white;background-position: 50% 50%;}
.card-p3 div {width:100%;height:420px;color:rgba(255, 255, 255, 0);transition: font-size 0.6s;font-size:14px;line-height:420px;text-align:center;transition-timing-function: linear;}
.card-p3 div:hover{ box-shadow: 6px 5px 28px -12px #000;background:rgba(0, 0, 0, 0.466); color:white !important;font-size:20px;}
.card-p3:hover{background-size: 108%;}
