.gradientBG {
    /*background: linear-gradient(to bottom, #E41B49 12%, #336699 95%);*/
    background: rgba(248,80,50,0);
    background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(237,47,88,0.51) 51%, rgba(237,47,88,0.7) 70%, rgba(237,47,88,0.87) 87%, rgba(237,47,88,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(51%, rgba(237,47,88,0.51)), color-stop(70%, rgba(237,47,88,0.7)), color-stop(87%, rgba(237,47,88,0.87)), color-stop(100%, rgba(237,47,88,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(237,47,88,0.51) 51%, rgba(237,47,88,0.7) 70%, rgba(237,47,88,0.87) 87%, rgba(237,47,88,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(237,47,88,0.51) 51%, rgba(237,47,88,0.7) 70%, rgba(237,47,88,0.87) 87%, rgba(237,47,88,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(237,47,88,0.51) 51%, rgba(237,47,88,0.7) 70%, rgba(237,47,88,0.87) 87%, rgba(237,47,88,1) 100%);
    background: linear-gradient(to bottom, rgba(248,80,50,0) 0%, rgba(237,47,88,0.51) 51%, rgba(237,47,88,0.7) 70%, rgba(237,47,88,0.87) 87%, rgba(237,47,88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#E41B49', GradientType=0 );
}

.loginImage {
    /*border-right-width: 20px;
            border-right-color: RED;
            border-right-style: solid;*/
    padding-top: 5px;
}

.sideimage {
    cursor: pointer;
    /*max-height: 20%;
            max-width: 100%;*/
    height: 309px;
}

.middleContentimg {
    /*height: 13%;
   
   
    margin-left: 9px;
    margin-bottom: 30px;*/
         height: 270px;
    cursor: default;
    width: 360px;
}

.MainImageLeft {
    padding-left: 5px;
    padding-top: 5px;
    width: 254px;
    height: 40px;
    /*height: 86%;*/
    padding-bottom: 4%;
}

.MainImageright {
    margin-right: 4px;
    padding-top: 5px;
    width: 256px;
    height: 40px;
    padding-bottom: 4%;
}

.imgcontent {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
}



.content {
    content: url("images/2.png");
}

.img-responsive {
    display: block;
    height: 17%;
    width: 25% !important;
}


.work {
    position: relative;
    /*padding: 20px;*/
    width: 100%;
    /*width: 309px;*/
    display: inline-block;
}

.awardimg {
    display: inline-block;
    /*width: 370px;*/
    width: 100%;
    text-align: center;
}


/*.work > img {
                width: 10%;
            }*/

.overlayleft {
    left: 0px;
}

.overlayright {
    left: 38px;
}

.work .overlay {
    background: #1C1D21;
    position: absolute;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    /*-webkit-transition: 0.2s opacity;
        transition: 0.2s opacity;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;*/
    width: 265px;
    height: 270px;
}


.work:hover .overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0.8;
}

.work .work-content {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .work .work-content h3 {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        color: #FFF;
        margin-bottom: 10px;
        
    }

.work:hover .work-content h3 {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.work .work-content span {
    display: block;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    color: #6195FF;
    margin-bottom: 5px;
    /*-webkit-transition: 0.2s all;
        transition: 0.2s all;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;*/
}

.work:hover .work-content span {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.work .work-link {
    text-align: center;
    margin-top: 20px;
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

    .work .work-link a {
        display: inline-block;
        width: 50px;
        height: 50px;
        background-color: #6195FF;
        color: #FFF;
        line-height: 50px;
        text-align: center;
    }

.work:hover .work-link {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}

.HoverImageContent {
    font-family: 'Roboto', sans-serif;
    font-size: 13px; /*13px*/
    color: white;
    padding: 10px;
    text-align: left;
  
    cursor: pointer;
}

.mainPara p {
    font-size: 16px;
}

.Footer td {
    padding-left: 2%;
    padding-top: 3%;
}

.Footer ul li {
    display: inline;
    padding: 10px 05px 0px 6px;
}

.Footer ul {
    list-style: none;
}

.Footer li::before {
    content: "•";
    color: black;
}

.Footer li::before {
content: "•";
color: black;
display: inline-block;
line-height: 1;
width: 20px;
margin-left: 9px;
font-size: 30px;
}
.Footer li::after {
    margin-top: -5px;
}

.Footer .li-content {
   vertical-align: top;
line-height: 29px;
font-size:15px;
}

.Footer1 td {
    /*padding-left: 7%;*/
    padding-left: 50px;
    padding-top: 1%;
}

.Footer1 ul li {
    display: inline;
    padding: 0px 40px 0px 80px;
}

.Footer1 ul {
    list-style: none;
}






@media screen and (min-width: 1920px) and (max-height: 1080px) {

    .overlayright {
        left: 38px;
    }
}