@charset "utf-8";
/* CSS Document */
#wid1{ width: 27.333%;}
#wid2{ width: 72.666%;}
.aboutus{ width: 100%; height: auto; float: left;}
.verticals1 { width: 210px; height: auto; float: left;  margin-bottom: 20px;}
.vertical1a { width: 100%; height: auto; float: left;}
.vertical1a p{ font-size: 19px; color: #000; text-align: center; margin-bottom: 0px; margin-top: 0px; padding: 4px; font-weight:600;}
.verticals2 { width: 210px; height: auto; float: left; margin-left: 20px; margin-bottom: 20px;}
.vertical1b{ width: 100%; height: auto; float: left; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); text-align: center;}
#wid{ width: 60%; margin: 0px auto; }
.technology1{ width: 275px; height: auto; float: left; margin-bottom: 20px;}
.technology2{ width: 275px; height: auto; float: left; margin-bottom: 20px; margin-left: 20px;}
.technology1:hover{ box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.28);}
.technology2 :hover{ box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.28);}
.top{ width: 100%; height: 30px; float: left; background:#0c3470;}
.top1{ width: 35%; height:auto; float: right; background: #84c422; margin-top: -20px;}
.top2{ width: 100%; height:auto; float: left;}
.top1a{ border-image-width: 100%; height: auto; float: left; }
.top1a p{  font-size: 16px; color: #fff; padding: 8px 5px; margin-bottom: 0px;}

#triangle-down { width: 100px; height:auto; float: left; border-left: 18px solid transparent; border-right: 1px solid transparent; border-bottom:42px solid #84c422; margin-left: -20px;}
#dis{ display: inherit;}
#dis1{ display: none;}
.logo1{ width: 100%; height: auto; float: left;  padding: 10px 0px; text-align: center;}
.logo2{ width: 100%; height: auto; float: left;  padding: 10px 0px;}
.vertical11{ width: 200px; height: auto; float: left;}
.vertical11a{ width: 100%; height: auto; float: left;}
#wid3{ width: 25%; border-right: 1px dotted #ccc; height: 334px;}
.vertical11a h3{  font-size: 15px; color: #fff602; background: #0c3470; margin-bottom: 0px; margin-top: 0px;padding: 8px 3px; text-align: center; line-height: 22px;}
.vertical12{ width: 250px; height: auto; float: left; box-shadow: 1px 1px 3px 1px #84c422;}
.vertical13{ width: 48%; height: auto; float: left;}
.vertical13a{ width: 100%; height: auto; float: left;}
#ban{ display: inherit}
#banner{  display: none;}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top:43%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}