/***

====================================================================
	Gallery Carousel Section
====================================================================

***/

.gallery-carousel-section {
    position: relative;
    overflow: hidden;
}

    .gallery-carousel-section .owl-dots {
        display: none;
    }

    .gallery-carousel-section .owl-nav {
        position: absolute;
        max-width: 1170px;
        width: 100%;
        left: 50%;
        top: -80px;
        text-align: right;
        margin-left: -585px;
    }

        .gallery-carousel-section .owl-nav .owl-prev,
        .gallery-carousel-section .owl-nav .owl-next {
            position: relative;
            width: 35px;
            height: 35px;
            color: #0400b5;
            font-size: 20px;
            text-align: center;
            line-height: 31px;
            border-radius: 50px;
            margin-left: 10px;
            display: inline-block;
            border: 2px solid #0400b5;
            transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
        }

            .gallery-carousel-section .owl-nav .owl-prev:hover,
            .gallery-carousel-section .owl-nav .owl-next:hover {
                color: #ff00f6;
                border-color: #ff00f6;
            }

    .gallery-carousel-section .inner-container {
        position: relative;
        padding-top: 80px;
    }

        .gallery-carousel-section .inner-container:before {
            position: absolute;
            content: '';
            right: 100%;
            top: 0px;
            width: 2000px;
            height: 100%;
            z-index: 10;
            background-color: #ffffff;
        }

        .gallery-carousel-section .inner-container .owl-carousel .owl-stage-outer {
            overflow: visible;
        }

/*Gallery Item*/

.gallery-item {
    position: relative;
    margin-bottom: 30px;
}

    .gallery-item .inner-box {
        position: relative;
        width: 100%;
    }

    .gallery-item .image-box {
        position: relative;
        display: block;
        margin: 0px;
        overflow: hidden;
        border-radius: 15px;
    }

        .gallery-item .image-box img {
            position: relative;
            display: block;
            width: 100%;
        }

    .gallery-item .inner-box .arrow-link {
        position: absolute;
        right: 30px;
        bottom: -30px;
        width: 60px;
        height: 60px;
        color: #0400b5;
        font-size: 20px;
        line-height: 60px;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        transform: scale(0,0);
        background-color: #ffffff;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }

        .gallery-item .inner-box .arrow-link:hover {
            color: #ffffff;
            background-color: #0400b5;
        }

    .gallery-item .inner-box:hover .arrow-link {
        transform: scale(1,1);
    }

    .gallery-item .overlay-box {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        color: #ffffff;
        text-align: center;
        transition: all 900ms ease;
        -moz-transition: all 900ms ease;
        -webkit-transition: all 900ms ease;
        -ms-transition: all 900ms ease;
        -o-transition: all 900ms ease;
        background: rgba(0,0,0,0.70);
        -moz-transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .gallery-item .inner-box:hover .overlay-box {
        opacity: 1;
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        visibility: visible;
    }

    .gallery-item .overlay-inner {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: table;
        vertical-align: middle;
        padding: 10px 0px;
    }

        .gallery-item .overlay-inner .content {
            position: relative;
            display: table-cell;
            vertical-align: middle;
        }

        .gallery-item .overlay-inner .link {
            position: relative;
            width: 50px;
            height: 50px;
            font-size: 18px;
            color: #ffffff;
            line-height: 50px;
            margin: 0px 3px;
            font-weight: 400;
            text-align: center;
            display: inline-block;
            background-color: #06009c;
            transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
        }

            .gallery-item .overlay-inner .link:before {
                position: absolute;
                content: '';
                left: 2px;
                right: -2px;
                top: 2px;
                bottom: -2px;
                z-index: -1;
                background-color: #ffffff;
                transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
            }

            .gallery-item .overlay-inner .link:hover::before {
                background-color: #06009c;
            }

            .gallery-item .overlay-inner .link .icon {
                position: relative;
            }

            .gallery-item .overlay-inner .link:hover {
                color: #06009c;
                background-color: #ffffff;
            }

/***

====================================================================
	Team Section
====================================================================

***/

.team-section {
    position: relative;
    padding: 80px 0px 60px;
}

    .team-section.style-two .pattern-layer {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .team-section .title-box {
        position: relative;
        text-align: center;
    }

        .team-section .title-box h2 {
            position: relative;
            color: #222222;
            font-size: 36px;
            font-weight: 700;
            line-height: 1.3em;
            margin-bottom: 50px;
        }

            .team-section .title-box h2 span {
                color: #ff9600;
            }

.team-techtaxi {
    position: relative;
}

    .team-techtaxi .inner-box {
        position: relative;
        padding: 40px 70px 28px 0px;
    }

        .team-techtaxi .inner-box:before {
            position: absolute;
            content: '';
            right: 0px;
            top: 0px;
            left: 70px;
            bottom: 0px;
            border-radius: 10px;
            background-color: #f5f5f5;
            -webkit-transition: all 600ms ease;
            -moz-transition: all 600ms ease;
            -ms-transition: all 600ms ease;
            -o-transition: all 600ms ease;
            transition: all 600ms ease;
        }

        .team-techtaxi .inner-box::after {
            position: absolute;
            content: '';
            top: 0px;
            left: 70px;
            bottom: 0px;
            width: 0%;
            border-radius: 10px;
            -webkit-transition: all 600ms ease;
            -moz-transition: all 600ms ease;
            -ms-transition: all 600ms ease;
            -o-transition: all 600ms ease;
            transition: all 600ms ease;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ee5f2+0,54dcee+50,36d4f0+51,1eaede+100 */
            background: #6ee5f2; /* Old browsers */
            background: -moz-linear-gradient(top, #6ee5f2 0%, #54dcee 50%, #36d4f0 51%, #1eaede 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #6ee5f2 0%,#54dcee 50%,#36d4f0 51%,#1eaede 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #6ee5f2 0%,#54dcee 50%,#36d4f0 51%,#1eaede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee5f2', endColorstr='#1eaede',GradientType=0 ); /* IE6-9 */
        }

        .team-techtaxi .inner-box:hover::after {
            width: 81%;
        }

        .team-techtaxi .inner-box .social-icons {
            position: absolute;
            right: 25px;
            z-index: 1;
            list-style-type:none
        }

            .team-techtaxi .inner-box .social-icons li {
                position: relative;
                margin-bottom: 10px;
            }

                .team-techtaxi .inner-box .social-icons li {
                    position: relative;
                    color: #000;
                    font-size: 18px;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    transition: all 0.4s;
                    text-align:center;
                    font-size:30px;
                }

        .team-techtaxi .inner-box:hover .lower-content h3,
        .team-techtaxi .inner-box:hover .social-icons li,
        .team-techtaxi .inner-box:hover .lower-content .designation {
            color: #ffffff;
        }

        .team-techtaxi .inner-box .image {
            position: relative;
            z-index: 1;
            border-radius: 10px;
            background-color: #ffffff;
            box-shadow: inset 0px 0px 35px rgba(0,0,0,0.20);
        }

            .team-techtaxi .inner-box .image img {
                position: relative;
                width: 100%;
                display: block;
            }

        .team-techtaxi .inner-box .lower-content {
            position: relative;
            text-align: left;
            z-index: 1;
            padding: 30px 15px 0px 110px;
        }

            .team-techtaxi .inner-box .lower-content h3 {
                position: relative;
                color: #2196f3;
                font-size: 18px;
                font-weight: 700;
                line-height: 1.3em;
            }

                .team-techtaxi .inner-box .lower-content h3 a {
                    position: relative;
                    color: #2196f3;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    transition: all 0.4s;
                }

            .team-techtaxi .inner-box .lower-content .designation {
                position: relative;
                margin-top: 5px;
                color: #777777;
                font-size: 14px;
            }

    .team-techtaxi.style-two .inner-box .lower-content h3 ,
    .team-techtaxi.style-two .inner-box .social-icons li  {
        color: #ff9600;
    }

    .team-techtaxi.style-two .inner-box:hover .lower-content h3 a,
    .team-techtaxi.style-two .inner-box:hover .social-icons li a {
        color: #ffffff;
    }

    .team-techtaxi.style-two .inner-box::after {
        background-image: -ms-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
        background-image: -moz-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
        background-image: -o-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFEB3C), color-stop(100, #ff9600));
        background-image: -webkit-linear-gradient(top, #FFEB3C 0%, #ff9600 100%);
        background-image: linear-gradient(to bottom, #FFEB3C 0%, #ff9600 100%);
    }

.skill_text {
    display: block;
    margin-bottom: 60px;
    margin-top: 25px;
    overflow: hidden;
}

.sinlge-skill {
    background: #f2f2f2;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    height: 200px;
    position: relative;
    width: 200px;
    text-transform: uppercase;
    overflow: hidden;
    margin: 30px 0;
}

    .sinlge-skill p em {
        color: #FFFFFF;
        font-size: 38px;
    }

    .sinlge-skill p {
         line-height: .9em; 
    }

.joomla-skill,
.WebApplication-skill,
.css-skill,
.wp-skill {
    position: absolute;
    height: 100%;
    bottom: 0;
    width: 100%;
    border-radius: 100%;
    padding: 70px 0;
    text-align: center;
}


.joomla-skill {
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(45,125,164,1) 10%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(10%,rgba(242,242,242,1)), color-stop(10%,rgba(45,125,164,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(45,125,164,1) 10%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(45,125,164,1) 10%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(45,125,164,1) 10%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(45,125,164,1) 10%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); /* IE6-9 */
}

.WebApplication-skill {
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 5%, rgba(106,164,47,1) 5%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(5%,rgba(242,242,242,1)), color-stop(5%,rgba(106,164,47,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(106,164,47,1) 5%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(106,164,47,1) 5%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(106,164,47,1) 5%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(106,164,47,1) 5%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */
}

.css-skill {
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 13%, rgba(255,189,32,1) 13%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(13%,rgba(242,242,242,1)), color-stop(13%,rgba(255,189,32,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(255,189,32,1) 13%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(255,189,32,1) 13%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(255,189,32,1) 13%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(255,189,32,1) 13%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */
}

.wp-skill {
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 13%, rgba(219,54,21,1) 13%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(13%,rgba(242,242,242,1)), color-stop(13%,rgba(219,54,21,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(219,54,21,1) 13%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(219,54,21,1) 13%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(219,54,21,1) 13%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 13%,rgba(219,54,21,1) 13%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */
}