/***

====================================================================
	base
====================================================================

***/



@import url('pe-icon-7-stroke.css');
@import url('simple-line-icons.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.timepicker.min.css');
@import url('baes.css');



/***

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
    position             : relative;
    padding              : 80px 0px;
    background-attachment: fixed;
    background-repeat    : no-repeat;
    background-size      : cover;
}

.services-section-two:before {
    position        : absolute;
    content         : '';
    left            : 0px;
    top             : 0px;
    right           : 0px;
    bottom          : 0px;
    background-color: rgba(255, 255, 255, 0.90);
}

.service-block-three {
    position     : relative;
    margin-bottom: 50px;
}

.service-block-three .inner-box {
    position  : relative;
    text-align: center;
    background: #eee;
}


.service-block-three .inner-box:before {
    position          : absolute;
    content           : '';
    left              : 0px;
    bottom            : 0px;
    width             : 100%;
    height            : 0px;
    transition        : all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
    background-color  : #ef7c00;
}

.service-block-three .inner-box:hover::before {
    height          : 100%;
    transition-delay: 600ms;
}

.service-block-three .inner-box .border-one {
    position          : absolute;
    left              : 0px;
    top               : 0px;
    width             : 40px;
    height            : 40px;
    transition        : all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
}

.service-block-three .inner-box .border-one:before {
    position        : absolute;
    content         : '';
    left            : 0px;
    top             : 0px;
    width           : 100%;
    height          : 1px;
    background-color: #acacac;
}

.service-block-three .inner-box .border-one:after {
    position        : absolute;
    content         : '';
    left            : 0px;
    top             : 0px;
    width           : 1px;
    height          : 100%;
    background-color: #acacac;
}

.service-block-three .inner-box:hover .border-one:before,
.service-block-three .inner-box:hover .border-one:after {
    background-color: #ef7c00;
}

.service-block-three .inner-box:hover .border-one {
    width  : 100%;
    height : 100%;
    display: block;
}

.service-block-three .inner-box .border-two {
    position          : absolute;
    right             : 0px;
    bottom            : 0px;
    width             : 40px;
    height            : 40px;
    transition        : all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
}

.service-block-three .inner-box .border-two:before {
    position: absolute;
    content : '';
    right   : 0px;
    bottom  : 0px;
    width   : 100%;
    height  : 1px;
}

.service-block-three .inner-box .border-two:after {
    position: absolute;
    content : '';
    right   : 0px;
    top     : 0px;
    width   : 1px;
    height  : 100%;
}

.service-block-three .inner-box:hover .border-two {
    width  : 100%;
    height : 100%;
    display: block;
}

.service-block-three .inner-box:hover .border-two:before,
.service-block-three .inner-box:hover .border-two:after {
    background-color: #ef7c00;
}

.service-block-three .inner-box .icon-box {
    position          : relative;
    overflow          : hidden;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
}

.service-block-three:hover .icon-box img {
    opacity  : 0.8;
    transform: scale(1.05, 1.05);
}

.service-block-three .inner-box h3 {
    position   : relative;
    color      : #222222;
    font-size  : 20px;
    line-height: 1.3em;
    margin-top : 25px;
}

.service-block-three .inner-box h3 {
    position          : relative;
    color             : #222222;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
}

.service-block-three .inner-box .text {
    position          : relative;
    color             : #777777;
    font-size         : 14px;
    line-height       : 1.7em;
    margin-top        : 15px;
    padding           : 0 30px 30px;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
}

.service-block-three .inner-box:hover h3,
.service-block-three .inner-box:hover .text,
.service-block-three .inner-box:hover .icon-box {
    color           : #ffffff;
    transition-delay: 600ms;
}


/***

====================================================================
	Solution Detail
====================================================================

***/

.solution-detail {
    margin: 80px 0 0;
}

.solution-detail .inner-box .ing {
    width   : 680px;
    height  : 450px;
    overflow: hidden;
}

.solution-detail .inner-box .title {
    font-size  : 18px;
    color      : #666;
    line-height: 30px;
    margin     : 20% 0 0 5%;

}

.solution-detail .child {
    margin : 80px 0 0;
    padding: 80px 0;
}

.solution-detail .child p {
    font-size  : 14px;
    color      : #666;
    line-height: 30px;
}

.solution-detail .child .title {
    font-size: 24px;
    color    : #444;
    margin   : 30px 0 15px;

}

/***

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

***/

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

.team-block {
    position     : relative;
    margin-bottom: 30px;
}

.team-block .inner-box {
    position: relative;
    overflow: hidden;
}

.team-block .inner-box .image {
    position        : relative;
    overflow        : hidden;
    background-color: #000;
}

.team-block .inner-box .image img {
    position          : relative;
    width             : 100%;
    display           : block;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.team-block .inner-box:hover .image img {
    opacity  : 0.8;
    transform: scale(1.05, 1.05);
}


.team-block .inner-box .lower-content {
    position   : relative;
    padding-top: 25px;
    text-align : center;
}

.team-block .inner-box .lower-content h3 {
    position   : relative;
    color      : #222222;
    font-size  : 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.team-block .inner-box .lower-content h3 {
    position          : relative;
    color             : #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.team-block .inner-box:hover .lower-content h3 {
    color: #ef7c00;
}

.team-block .inner-box .lower-content .designation {
    position   : relative;
    color      : #777777;
    font-size  : 14px;
    margin-top : 6px;
    line-height: 24px;
    text-align: left !important;
}

.team-section .child1 {
    margin : 60px 0;
    padding: 80px 0;
}

.team-section .child1 h3,
.team-section .child2 h3 {
    font-size: 30px !important;
    color    : #000;
    padding  : 0 !important;
}

.team-section .child1 h3,
.team-section .child2 h3,
.team-section .child1 p {
    margin: 0 0 10px;
}



/***

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

***/


.solution-related-carousel {
    position     : relative;
    margin-bottom: 50px;
}

.solution-related-carousel .inner-box {
    position  : relative;
    text-align: center;
    background: #eee;
}


.solution-related-carousel .inner-box:before {
    position          : absolute;
    content           : '';
    left              : 0px;
    bottom            : 0px;
    width             : 100%;
    height            : 0px;
    transition        : all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
    background-color  : #ef7c00;
}

.solution-related-carousel .inner-box:hover::before {
    height          : 100%;
    transition-delay: 600ms;
}

.solution-related-carousel .inner-box .border-one {
    position          : absolute;
    left              : 0px;
    top               : 0px;
    width             : 40px;
    height            : 40px;
    transition        : all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
}

.solution-related-carousel .inner-box .border-one:before {
    position        : absolute;
    content         : '';
    left            : 0px;
    top             : 0px;
    width           : 100%;
    height          : 1px;
    background-color: #acacac;
}

.solution-related-carousel .inner-box .border-one:after {
    position        : absolute;
    content         : '';
    left            : 0px;
    top             : 0px;
    width           : 1px;
    height          : 100%;
    background-color: #acacac;
}

.solution-related-carousel .inner-box:hover .border-one:before,
.solution-related-carousel .inner-box:hover .border-one:after {
    background-color: #ef7c00;
}

.solution-related-carousel .inner-box:hover .border-one {
    width  : 100%;
    height : 100%;
    display: block;
}

.solution-related-carousel .inner-box .border-two {
    position          : absolute;
    right             : 0px;
    bottom            : 0px;
    width             : 40px;
    height            : 40px;
    transition        : all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
}

.solution-related-carousel .inner-box .border-two:before {
    position: absolute;
    content : '';
    right   : 0px;
    bottom  : 0px;
    width   : 100%;
    height  : 1px;
}

.solution-related-carousel .inner-box .border-two:after {
    position: absolute;
    content : '';
    right   : 0px;
    top     : 0px;
    width   : 1px;
    height  : 100%;
}

.solution-related-carousel .inner-box:hover .border-two {
    width  : 100%;
    height : 100%;
    display: block;
}

.solution-related-carousel .inner-box:hover .border-two:before,
.solution-related-carousel .inner-box:hover .border-two:after {
    solution-related-carousel: #ef7c00;
}

.solution-related-carousel .inner-box .icon-box {
    position          : relative;
    overflow          : hidden;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
}

.solution-related-carousel:hover .icon-box img {
    opacity  : 0.8;
    transform: scale(1.05, 1.05);
}

.solution-related-carousel .inner-box h3 {
    position   : relative;
    color      : #222222;
    font-size  : 20px;
    line-height: 1.3em;
    margin-top : 25px;
}

.solution-related-carousel .inner-box h3 {
    position          : relative;
    color             : #222222;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
}

.solution-related-carousel .inner-box .text {
    position          : relative;
    color             : #777777;
    font-size         : 14px;
    line-height       : 1.7em;
    margin-top        : 15px;
    padding           : 0 30px 30px;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
}

.solution-related-carousel .inner-box:hover h3,
.solution-related-carousel .inner-box:hover .text,
.solution-related-carousel .inner-box:hover .icon-box {
    color           : #ffffff;
    transition-delay: 600ms;
}

.solution-related-carousel .owl-nav .owl-prev,
.solution-related-carousel .owl-nav .owl-next {
    position   : absolute;
    top        : 25%;
    width      : 50px;
    height     : 80px;
    background : #000;
    opacity    : 0.5;
    line-height: 80px;
    color      : #fff;
    text-align : center;
}

.solution-related-carousel .owl-nav .owl-prev {
    right: 0;
}

.solution-related-carousel .owl-nav .owl-next {
    left: 0;
}

.solution-related-carousel .owl-nav .owl-prev:hover,
.solution-related-carousel .owl-nav .owl-next:hover {
    background: #ef7c00;
}

.section-related {
    margin: 80px 0;
}

@media only screen and (max-width: 768px) {

    .services-section-two,
    .team-section .child1 {
        padding: 45px 0;
    }

    .solution-detail .child {
        margin : 45px 0 0;
        padding: 45px 0;
    }

    .team-section .child1 {
        padding: 45px 0;
    }

    .section-related,
    .team-section {
        padding: 45px 0 0;
    }

}