.home_logo {
    width: 100%;
    display: block;
    margin: 0 auto
}

.home_logo img {
    width: auto;
    height: auto;
    max-height: 120px;
    display: block;
    margin: 0 auto
}

.home_img {
    max-height: 350px
}

.home_img img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: 100%;
    margin: 0 auto !important;
    display: block
}

@media screen and (max-width:767px) {
    .home_logo img {
        max-height: 90px
    }

    .home_img {
        max-height: 150px
    }
}

@media only screen and (max-width:479px) {
    .largeText_boxed {
        font-size: 15px !important
    }

    .largeText_boxed.mini {
        font-size: 10px !important;
        padding: 10px !important
    }
}

.item {
    width: 33%;
    float: left;
    min-height: 140px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    -webkit-transition: translate3d(0, 0, 0)
}

.portfolioPage {
    overflow: hidden
}

.item img {
    display: block;
    width: 100.5%;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-filter: grayscale(1)
}

.item.active img {
    -webkit-filter: grayscale(0)
}

.item.active .overlay, .item.active .overlay_img {
    -ms-filter: "alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

@-webkit-keyframes bounceIn_2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn_2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceOut_2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut_2 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.overlay_img {
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    zoom: 1;
    -ms-filter: "alpha(Opacity=40)";
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4
}

.img_place {
    position: relative;
    display: block;
    line-height: 0
}

.thumbnail.img_place {
    margin: 0 2px 0 0
}

.overlay.content {
    display: block;
    height: 0;
    zoom: 1
}

.view {
    text-align: center;
    cursor: default
}

.view h2 {
    text-align: center;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    padding: 30px 0 10px;
    height: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.view:hover h2 {
    height: 40px
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .view h2 {
        padding: 15px 0 10px
    }

    .view:hover h2 {
        height: 30px
    }
}

@media screen and (min-width:481px) and (max-width:991px) {
    .view h2, .view:hover h2 {
        padding: 20px 0;
        height: auto
    }
}

@media screen and (max-width:480px) {
    .view h2, .view:hover h2 {
        padding: 20px 0;
        height: auto
    }
}

.clients_logo {
    width: 100%;
    text-align: center;
    float: left
}

.clients_logo a {
    margin-right: 20px;
    margin-left: 0;
    paddimg-top: 20px;
    display: inline-block
}

.clients_logo img {
    max-width: 90px;
    height: auto
}

.circular_icon {
    position: relative;
    display: block;
    padding: 20px;
    height: 104px;
    width: 104px;
    margin: 10px auto 30px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.circular_icon img {
    position: relative;
    max-width: auto;
    height: 100%;
    margin: 0 auto !important;
    display: block
}

.blue_color {
    background: #82d2f5 !important
}

.organge_color {
    background: #eb9664 !important
}

.green_color {
    background: #b4eb82 !important
}

.red_color {
    background: #f08282 !important
}

.rectangle_icon.blue_color:after {
    border-top: 20px solid #82d2f5
}

.rectangle_icon.organge_color:after {
    border-top: 20px solid #eb9664
}

.rectangle_icon.green_color:after {
    border-top: 20px solid #b4eb82
}

.rectangle_icon.red_color:after {
    border-top: 20px solid #f08282
}

.circular_icon i {
    padding-top: 5px
}

.animated_bounce, .animated_rubberBand, .animated_swing, .animated_tada, .makeAnimate .animated_bounce, .makeAnimate .animated_rubberBand, .makeAnimate .animated_swing, .makeAnimate .animated_tada {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.animated_bounce:hover, .makeAnimate:hover .animated_bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.animated_rubberBand:hover, .makeAnimate:hover .animated_rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.animated_swing:hover, .makeAnimate:hover .animated_swing {
    -webkit-animation-name: swing;
    animation-name: swing
}

.animated_tada:hover, .makeAnimate:hover .animated_tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.itemOver {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.itemOver .overlay {
    width: 10%;
    height: 10%;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    text-align: center;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.itemOver:hover .overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: visible;
    -ms-filter: "alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.itemOver .overlay .popup_overlay {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    z-index: 100
}

.itemOver:hover .overlay .popup_overlay {
    display: block
}

.itemOver .medium_image {
    margin-bottom: 28px
}

.itemOver .overlay .popup_overlay .popup_head {
    display: none;
    width: 70%;
    max-height: 70px;
    left: 15%;
    top: 50%;
    position: absolute;
    text-align: center;
    padding-bottom: 5px;
    margin-top: -105px;
    border-bottom: solid 1px rgba(255, 255, 255, .5);
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.itemOver:hover .overlay .popup_overlay .popup_head {
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.itemOver .popup_overlay .popup_head h4 {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 0;
    font-family: 'Trebuchet MS', sans-serif
}

.itemOver .overlay .popup_overlay .popup_head hr {
    margin: 0 0 2px
}

.itemOver .popup_overlay .popup_head h4 a {
    width: auto;
    padding-left: 2px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .itemOver .overlay .popup_overlay .popup_head {
        width: 90%;
        left: 5%;
        max-height: 50px;
        margin-top: -85px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .itemOver .overlay .popup_overlay .popup_head {
        margin-top: -125px
    }
}

@media only screen and (min-width:321px) and and (max-width:600px) {
    .itemOver .overlay .popup_overlay .popup_head {
        margin-top: -125px
    }
}

@media only screen and (max-width:320px) {
    .itemOver .overlay .popup_overlay .popup_head {
        margin-top: -125px
    }
}