/* CI/CD Tools */
.ci-cd-banners img{
    margin-bottom:10px;
}
#ci-cd-home{
    padding:50px 0;
    color:#fff;
    text-align:center;
    background: #0a0c20;
    background: -moz-linear-gradient(45deg, #0a0c20 0%, #414669 100%); 
    background: -webkit-linear-gradient(45deg, #0a0c20 0%,#414669 100%); 
    background: linear-gradient(45deg, #0a0c20 0%,#414669 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0c20', endColorstr='#414669',GradientType=1);
}
#ci-cd-home h1{
    font-size:60px;
    margin-bottom:15px;
}
#ci-cd-home #share-this{
    text-align:center;
    padding:10px 0;
    height:35px;
    width:100%;
}
#ci-cd-home #share-this a{
    float:none;
}
#ci-cd-home #share-this span.title{
    font-size:11px;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px;
    position:relative;
    display:inline-block;
}
#ci-cd-home #share-this span.title:after, #ci-cd-home #share-this span.title:before{
    content:"";
    width:100px;    
    border-top:1px solid #525269;
    display:block;
    position:absolute;
}
#ci-cd-home #share-this span.title:after{
    top:7px;
    left:-120px;
}
#ci-cd-home #share-this span.title:before{
    top:7px;
    right:-120px;
}
#ci-cd-home #diagram{
    height: 900px;
}
#ci-cd-home #diagram canvas{
    width:100%;
    left:0;
    top:0;
    width:100%;
}
#ci-cd-cat .column{
    float:left;
    width:60%;
}
#ci-cd-cat .column:last-of-type{
    width:40%;
    float:right;
    max-width:300px;
    padding-top:20px;
}
#ci-cd-cat .column p{
    font-size:16px;
    padding-bottom:20px;
}
#ci-cd-cat h2{
    font-size:20px;
    margin-bottom:50px;
    color:#00aef6;
}
#ci-cd-cat{
    padding-bottom:80px;
}
#ci-cd-cat ul li{
    list-style:none;
    width:100%;
    padding:20px;
    box-sizing:border-box;
    padding:20px 0 20px 200px;
}
#ci-cd-cat ul li img:hover{
    border:1px solid #00aef6;
}
#ci-cd-cat ul li img{
    width:100%;
    height:auto;
    border:1px solid #f2f2f2;
    transition:0.2s all ease-in-out;
    width:160px;
    margin:10px 0 0 -200px;
    float:left;
}
#ci-cd-cat .btn-2{
    color:#ff9400 !important;
}
#ci-cd-cat .btn-2:hover{
    color:#fff !important;
}
#ci-cd-table{
    padding:50px 0 80px 0;
}
#ci-cd-table .column{
    float:left;
    width:20%;
    padding-right: 25px;
    box-sizing:border-box;    
    position:relative;
    margin-bottom:50px;
}
#ci-cd-table .column:after{
    content:"";
    border-right:1px solid #f3f3f3;
    position:absolute;
    height:1000px;
    top:0;
    right:16px;
}
#ci-cd-table .column:last-child:after{
    display:none;
}
#ci-cd-table h2{
    font-size:18px;
    font-weight:600!important;
    color:#00aef6;
    margin-bottom:40px;
}
#ci-cd-table h2 span{
    float:right;
    margin-right:10px;
}
#ci-cd-table h3{
    font-size:14px;
    font-weight:400!important;
    margin:10px 0;
}
#ci-cd-table h3 a{
    color:#000 !important;
}
#ci-cd-table h3 a:hover{
    color:#ff9400 !important;
}
#ci-cd-table li{
    list-style:none;
    padding:3px 0;
}
#ci-cd-header{
    color:#fff;
    padding:30px;
    margin-bottom:30px;
    background: #0a0c20;
    background: -moz-linear-gradient(45deg, #0a0c20 0%, #414669 100%); 
    background: -webkit-linear-gradient(45deg, #0a0c20 0%,#414669 100%); 
    background: linear-gradient(45deg, #0a0c20 0%,#414669 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0c20', endColorstr='#414669',GradientType=1);
}
#ci-cd-header h1{
    font-weight:500 !important;
    line-height:46px;
}
#ci-cd-header a{
    font-size:16px 
}
#ci-cd-content a.btn-2{
    color:#ff8200 !important;
}
#ci-cd-content a.btn-2:hover{
    color:#fff !important;
}
#ci-cd-content .column{
    float:left;
    width:40%;    
    box-sizing:border-box;
}
#ci-cd-content .column #share-this, #ci-cd-cat #share-this{
    position:absolute;
    left:-50px;
    top:0;
    width:32px;
}
#ci-cd-cat #share-this{
    top:20px;     
}
#ci-cd-content .column #share-this span.title, #ci-cd-cat #share-this span.title{
    display:none;
}
#ci-cd-content p, #ci-cd-content {
    font-size:15px;
}
#ci-cd-content .update{
    padding:15px;
    border:1px solid #ffc8c8;
    display:block;
    margin-bottom:10px;
    border-radius:5px;
    background:#fff5f5;
}
#ci-cd-content .column:nth-child(1), #ci-cd-content .column:nth-child(3){
    max-width:280px;
}
#ci-cd-content .column:nth-child(2){
    padding:0 30px;
    box-sizing:border-box;
}
#ci-cd-content .column:nth-child(1){
    text-align:center;
}
#ci-cd-content .column:nth-child(1) .img-wrap{
    border:1px solid #e4e4e4;
    padding:10px 30px;
    box-sizing:border-box;
}
#ci-cd-content .column:nth-child(1) .img-wrap img{
    width:100%;
    height:auto;
}
#ci-cd-content .column:nth-child(1) a.btn-2{
    margin-top:20px;
}
#ci-cd-related{
    margin-top:50px;
    padding:25px 0;
    border-top:1px solid #e4e4e4;
}
#ci-cd-related h2{
    text-align:center;
    font-size:24px;
    color:#00aef6;
    margin-bottom:30px;
    text-transform:up
}
#ci-cd-related li{
    float:left;
    width:20%;
    text-align:center;
    list-style:none;
    padding:10px 30px;
    box-sizing:border-box;
    position:relative;
    border:1px solid #ffffff;
    transition:0.2s all ease-in-out;
}
#ci-cd-related li:hover{
    border:1px solid #2ea3f2;
}
#ci-cd-related li:hover:after{
    display:none;
}
#ci-cd-related li:after{
    content:"";
    height:30px;
    width:1px;
    position:absolute;
    right:-1px;
    top:50%;
    border-right:1px solid #e4e4e4;
    margin-top:-15px;
}
#ci-cd-related li:nth-child(5):after{
    display:none;
}
#ci-cd-related li img{
    width:100%;
    height:auto;
}
#ci-cd-eguide .g-wrap{
    text-align:center;
    padding:10px 0;
    background:#f3f3f3;
    margin-top:30px;
    margin-bottom:30px;
}
.tippy-tooltip.cicd-theme{
    max-width: 160px;
    background:#fff;
    color:#000;
    font-size:10px;
    padding:20px;
}
.tippy-tooltip.cicd-theme span{
    text-overflow: ellipsis;
    height:110px;
    display:block;
    overflow:hidden;
}
.tippy-tooltip.cicd-theme b{
    display:block;
    font-size:17px;
    font-weight:500;
    margin-bottom:10px;
}
.tippy-tooltip.cicd-theme .btn-1{
    margin-top:0;
}
.tippy-tooltip.cicd-theme p{

}
.tippy-tooltip.cicd-theme img{
    width:80%;
}
.tippy-arrow{
    color:#fff !important; 
}
.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #fff;
}
.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #fff;
}
#ci-cd-add{

    margin:0 auto;
    text-align:center;
    border-top:1px solid #ccc;
    clear:both;
    padding:10px 50px;
}
#ci-cd-add b{
    display:block;
    padding:5px 0;
}
#ci-cd-add .btn-2{
    color:#ff8200 !important;
}
#ci-cd-add .btn-2:hover{
    color:#ffffff !important;
}
#ci-cd-cat #ci-cd-add{
    margin-top:40px;
}
.ci-cd-tools-menu{
    padding:0 0 0 30px;
    border-left:1px solid #e6e6e6;
}
.ci-cd-tools-menu h3{
    color:#00aef6;
    font-weight:bold;
    font-size:20px;
}
.ci-cd-tools-menu li{
 padding:5px 0 !important;   
}