h2{
    color:#0303b8;
    font-size:1.3em;
}


h3{
    font-size:1.3em;
}

main{
    padding: 0 0 4em 0;
}

main.maincat{
    padding:5em 0 7em 0;
}

main h3{
    color:rgb(0,15,65);
    margin-bottom:1.25em;
    margin-top:2em;
}

main img{
    max-width:100%;
}




.session-box{
    padding-top:4em;
    padding-bottom:4em;
}


.moreinfo p{
    font-weight:300;
    font-size:1.3em;
}

.moreinfo a{
    display:inline-block;
    padding:1em 2em;
    border:2px solid #444;
    color:#444;
    text-decoration:none;
    margin-top:1em;
    transition:0.25s all ease;
}

.moreinfo a:hover{
    color:#fff;
    background:#444;
}


form{

}


.subcats{
    /*margin-top:-3em;*/
    margin-bottom:2em;
    margin-left:4em;
}


.subcats a{
    color: rgb(0,15,65);
    text-decoration:none;
    font-weight:500;
    transition:0.25s all ease;
}

.subcats a:hover{
    color:#1f9dff;
}


.catsummary{
    padding-top:2em;
    padding-bottom:4em;
}


.productsbox{
    padding:2em 0 2em 0;
    background:#fff;
}


.productsbox h2{
    color:rgb(0,15,65);
    margin-bottom:1.75em;
}

.productsbox .item{
    display:inline-block;
    text-decoration:none;
    padding:1em 1em 0 1em;
    border:2px solid #eee;
    margin-bottom: 1.65em;
    width:100%;
}

.productsbox .item > span{
    display:block;
    color:#0303b8;
    font-size:1.1em;
    font-weight:500;
    margin-bottom:0.85em;
    margin-top:0;
    height:3em;
    line-height:1.3em;
}

.productsbox .item .descr{
    color:#000;
    font-size:0.9em;
    background:#fff;
    padding:1.25em 0em;
}

.productsbox .item .descr .text{
    display:block;
    width:100%;
    min-height:5em;
}


.productsbox .item img{
    width:100%;
    object-fit: cover;
    height: 12em;

}

.productsbox .item .pdetails{
    color:rgb(0,15,65);
    font-weight:500;
    transition:0.25s all ease;
}


.productsbox .item:hover .pdetails{
    color:#1f9dff;
}


.descrdetails{
    overflow:hidden;
    height:8em;
}


.viewmore{
    text-align:center;
    padding:2em 0 0 0;
    margin-top:-3em;
    background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    position:relative;
    z-index:300;
    height:4em;
}

.viewmore a{
    color:#000;
    font-weight:500;
    text-decoration:none;
}


.casestudies{
    margin-bottom:3em;
}

.casestudies h3{
    font-size:1.3em;
    color:#0303b8;
}

.casestudies .post{
    display:block;
    color:#fff;
    background:rgb(0,15,65);
    padding:1em 0;
    text-decoration:none;
    transition:0.2s all ease;
}

.casestudies .post:hover{
    color:#1f9dff;
}

.casestudies .post img{
    width:100%;
}


.productdetails .itemoverview{
    background:rgb(245, 245, 245);
}

.productdetails .itemoverview h2{
    color:rgb(0,15,65);
}


.productdetails .itemoverview ul{
    font-size:1.1em;
    list-style:none;
    padding-left:0;
}


.productdetails main h3{
    color:#0303b8;
}

.productdetails main aside h2{
    font-size:1.2em;
    color:rgb(0,15,65);
    margin-bottom:0.7em;
}


.productdetails aside ul{
    padding-left:0;
    list-style:none;
    margin-bottom:2.5em;
}

.productdetails aside ul li{

}

.productdetails aside ul li a{
    display:block;
    color:#333;
    text-decoration:none;
    border-bottom:2px solid #eee;
    padding-bottom:0.25em;
    margin-bottom:0.5em;
    transition:0.2s all ease;
}

.productdetails aside ul li a:hover{
    border-bottom:2px solid #0303b8;
}

.productdetails aside ul li a span{
    float:right;
    display:inline-block;
    background:#eee;
    padding:0.15em 0.5em;
    font-size:0.85em;
}


.productdetails main aside .relatedposts .postlink{
    color:#333;
    text-decoration:none;
}

.productdetails main aside .relatedposts .postlink img{
    display:inline-block;
    border:4px solid #eee;
    width:100%;
}

.productdetails main aside .relatedposts .postlink span{
    font-size:0.9em;
}

.productdetails main aside .relatedposts .postlink:hover{
    color:#000;
}


.productdetails main{
    padding:2em 0 6em 0;
}


.moreinfo{
    background:#f5f5f5;
    padding:0em;
    margin-bottom:6em;
}



.appimg{
    width:100%;
    transform: perspective(400px) rotateY(-15deg);
    border:6px solid #c3c3c3;
    margin-top:2em;
}



/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* ============================== MEDIA QUERIES ================================== */

/* Only Small devices  */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Only Medium devices  */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*  Only Large devices  */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */



/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .training-center .intro .wrapper {
        width:100%;
    }

    .training-center .intro .wrapper .inner{

    }

    .training-center .intro{
        margin-top:0;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .appimg{
        transform: none;
    }

    .productsbox .item {
        margin-bottom:1em;
    }


}



/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .training-center .intro .quotelink{
        margin:1em 0 2em 0;
        padding: 0.45em 0.5em;
    }
}