/** services **/
#services{
	margin: 0 -10px;
}

#services-top{
	height: 68px;
    background: #21427b;
    position: relative;
    overflow: hidden;
	/*border-radius: 18px;*/
}
div#services-bottom {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 0;
	padding-top: 1px;
	margin-top: -7px;
	border-radius: 0px 0px 18px 18px;
}
span.services-title {
    position: absolute;
    right: 25px;
    top: 26px;
    color: #a3dbfd;
    font-weight: 500;
    font-size: 15px;
}
.services-names{
    text-align: center;
    position: relative;
    z-index: 6;
}
.services-names ul{
    list-style: none;
    margin-right: 26px;
	display: inline-flex;
}
.services-names ul li{
    display: inline-block;
    text-align: center;
    padding: 0px 20px;
	transition: all 1s;
}
.services-names ul li.active {
    *background: rgba(34, 64, 114, 0.28);
}
.services-names ul li:after{
    content: "";
    display: block;
    *background: url('img/public/spirit.html') no-repeat -142px -1px;
    width: 1px;
    height: 89px;
    position: relative;
    top: -60px;
    left: -20px;
}
.services-names ul li:first-child:after{
    display: none;
}
.service-arrow{
    width: 5px;
    height: 5px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #224072;
	border-top: 7px solid #ca0b0b;
    margin: 0 auto;
    position: relative;
}
.service-arrow span{
    *content: "";
	position: absolute;
    width: 120px;
    height: 90px;
    bottom: 7px;
    left: -60px;
    background: rgba(0, 0, 0, 0.15);
	background: rgb(202, 11, 11);
	
}
a.more-link.btn.btn-default {
    color: #305696;
    margin-top: 5px;
}
.last-news-arrow{
    width: 5px;
    height: 5px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f0f0f0;
    float: right;
    position: relative;
    top: -22px;
    right: 34px;
}

.services-names ul li .service-name{
    color: #ffffff;
}

.services-names ul li a{
    text-decoration: none !important;
	display: inline-block;
	padding: 26px 10px;
}

.service-content{
    height: 400px;
    padding: 0px;
    /*overflow: hidden;*/
    position: relative;

}
.service-content img{
    width: 1139px;
    height: 400px;
    position: absolute;
    z-index: -999;
}
.service-content .service-content-text{
    position: absolute;
    z-index: 102;
    color: #000000;
	background: #d2d1d1;
    width: 326px;
    height: 134px;
    top: 134px;
    padding: 8px 15px;
    color: #095888;
	left: inherit;
    right: 0px;
}
.service-content .service-content-text p{
    margin: 0px;
}
.service-content-text h3{
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.service-slice{
    /*display: none;*/
    /*position: absolute;*/
    transition:all 2s ease-in-out;
    /*perspective: 1000px;*/
    position: absolute;
    width: 1140px;
    /*top: 0px;*/
    margin-top: 10px;
    /*perspective-origin: 50% 100px;*/
}
div#servicesSlideShow {
    margin-top: 10px;
	margin-bottom: 10px;
}
.service-slice .slice{
    height: 134px;
    width: 140.6px;
    width: -moz-calc(100% / 7);
    width: -webkit-calc(100% / 7 );
    width: -o-calc(100% / 7 );
    width: calc(100% / 7);
    background: transparent;
    border: 1px solid #d2d1d1;
	border: 1px solid #ededed;
    /*opacity: 0.1;*/
    float: right;
    position: relative;
    z-index: 101;
    /*-moz-transition: all 50ms ease ;*/
    /*-ms-transition: all 50ms ease;*/
    /*-o-transition: all 50ms ease;*/
    /*transition: all 50ms ease;*/

}

.slice-transaction{
    -moz-transition: all 650ms ease ;
    -ms-transition: all 650ms ease;
    -o-transition: all 650ms ease;
    transition: all 650ms ease;
}

.service-slice .slice-no
{
    border: none;
    z-index: 9;
    background: #f2f2f2;
    border-color: #f2f2f2;
	background: #ededed;
	border-color: #ededed;
    /*display: none;*/
    /*visibility: visible;*/
}
.service-slice .slice-white{
    background: #d2d1d1;
    border-color: #d2d1d1;
	background: #ededed;
	border-color: #ededed;
    opacity: 1;
	opacity: 0.9;

    /*background: #153263;
    border-color: #224072;
    opacity: 0.9;*/
}
.service-slice .slice-transparent:hover{
    /*transform:rotateY(180deg);*/
    *background: #fff;
    background: #0079c2;
    opacity: 0.5;
}
.service-slice .slice-opacity{
	*background: #fff;
    background: #0079c2;
    opacity: 0.5;

}
.service-slice .slice-opacity:hover{
    /*transform:rotateY(180deg);*/
    /*background: #f2f2f2;*/
    /*border-color: #f2f2f2;*/
    /*opacity: 1;*/
    background: transparent;
}

.service-bg{
    width: 100%;
}

.service-bg-container{
    overflow: hidden;
    height: 80px;
}
.service-bg{
    -moz-animation: service-bg 5s infinite;
    -o-animation: service-bg 5s infinite;
    -webkit-animation: service-bg 5s infinite;
    animation: service-bg 5s infinite;

}
@-webkit-keyframes service-bg {
    0%   {
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    20%   {
        -ms-transform: scale(1,1.3);
        -webkit-transform: scale(1,1.3);
        transform: scale(1,1.3);
    }

    40%   {
        -ms-transform: scale(1,1.2);
        -webkit-transform: scale(1,1.2);
        transform: scale(1,1.2);
    }

    60%   {
        -ms-transform: scale(1,1.4);
        -webkit-transform: scale(1,1.4);
        transform: scale(1,1.4);
    }

    80%   {
        -ms-transform: scale(1,1.3);
        -webkit-transform: scale(1,1.3);
        transform: scale(1,1.3);
    }
    100%   {
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

.service-content img {
    right: 0px;
}