.transfer_bg{
    background:url(/img/bg/bg.jpg) 50% 50% no-repeat transparent;
    background-size:cover;
    height:576px
}
.transfer_box{
    height:504px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    border-radius:5px;
    background-color:#FFF;
    -webkit-box-shadow:0 10px 15px 0 rgba(221,221,221,.5);
            box-shadow:0 10px 15px 0 rgba(221,221,221,.5);
    text-align:center;
    width:95%;
    max-width:790px
}
.transfer_box .logos_transfer{
    width:67%;
    margin:auto;
    position:relative;
    margin-top:70px;
    margin-bottom:50px
}
.transfer_box .logos_transfer .logo1{
    width:170px;
    height:130px;
    text-align:center;
    padding:20px;
    -webkit-box-shadow:0 10px 15px 0 rgba(221,221,221,.5);
            box-shadow:0 10px 15px 0 rgba(221,221,221,.5);
    background-color:#FFF;
    border-radius:5px;
    float:left;
    position:relative;
    z-index:2;
	margin: 8% 20px 0 20px;
}
.transfer_box .logos_transfer .logo2{
    width:170px;
    height:130px;
    text-align:center;
    padding:20px;
    -webkit-box-shadow:0 10px 15px 0 rgba(221,221,221,.5);
            box-shadow:0 10px 15px 0 rgba(221,221,221,.5);
    background-color:#FFF;
    border-radius:5px;
    float:right;
    position:relative;
    z-index:2
}
.transfer_box .logos_transfer .transfer{
    width:187px;
    height:2px;
    background:url(/img/ico-carkovana-cara.svg) 0 0 no-repeat transparent;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
.transfer_box .logos_transfer .transfer .arrow{
    width:50px;
    height:50px;
    background:url(/img/ico-arrow-red.svg) 50% 50% no-repeat transparent;
    background-color:#FFF;
    -webkit-box-shadow:0 0 19px 0 rgba(231,182,192,.3);
            box-shadow:0 0 19px 0 rgba(231,182,192,.3);
    border-radius:50%;
    position:absolute;
    top:-25px;
    left:0;
    right:0;
    margin:auto
}
.transfer_box .title{
    color:#482C5E;
    font-size:20px;
    font-weight:600;
    line-height:28px;
    margin-bottom:5px
}
.transfer_box .desc{
    font-size:16px;
    font-weight:300;
    line-height:28px;
    color:#584F60;
    margin-bottom:60px
}
.transfer_box .gradient_animate{
    width:400px;
    height:15px;
    border-radius:7.5px;
    background-color:#482C5E;
    margin:auto;
    margin-top:18px;
    position:relative;
    overflow:hidden
}
.transfer_box .gradient_animate:before{
    content:"";
    width:100%;
    height:15px;
    border-radius:7.5px;
    position:absolute;
    top:0;
    left:0;
    background:-webkit-gradient(linear,left top, right top,color-stop(0, transparent),color-stop(30%, #ef4062),color-stop(70%, #ef4062),to(transparent));
    background:-webkit-linear-gradient(left,transparent 0,#ef4062 30%,#ef4062 70%,transparent 100%);
    background:-o-linear-gradient(left,transparent 0,#ef4062 30%,#ef4062 70%,transparent 100%);
    background:linear-gradient(90deg,transparent 0,#ef4062 30%,#ef4062 70%,transparent 100%);
    animation:gradientAnimation 3s linear infinite;
    -webkit-animation:gradientAnimation 3s linear infinite
}
.transfer_box .gradient_animate:after{
    content:"";
    width:100%;
    height:15px;
    border-radius:7.5px;
    position:absolute;
    top:0;
    left:0;
    background:-webkit-gradient(linear,left top, right top,color-stop(0, transparent),color-stop(30%, #ef4062),color-stop(70%, #ef4062),to(transparent));
    background:-webkit-linear-gradient(left,transparent 0,#ef4062 30%,#ef4062 70%,transparent 100%);
    background:-o-linear-gradient(left,transparent 0,#ef4062 30%,#ef4062 70%,transparent 100%);
    background:linear-gradient(90deg,transparent 0,#ef4062 30%,#ef4062 70%,transparent 100%);
    animation:gradientAnimation2 3s linear infinite;
    -webkit-animation:gradientAnimation2 3s linear infinite;
    opacity:0
}


.transfer_box .logos_transfer .logo1{
	padding-top:40px;
	margin-top: 15px;
}
.transfer_box .logos_transfer .logo2{
	margin-top: 15px;
}
/* xs */
@media (max-width: 767px) {
	.transfer_box .logos_transfer {
		width: 100%;
		margin: auto;
		position: relative;
		margin-top: 70px;
		margin-bottom: 50px;
	}
    .transfer_box .logos_transfer .logo1{
        padding:20px 10px;
        /* -webkit-box-shadow:none;
                box-shadow:none; */
        width: 150px;
        height:auto;
		margin: 5% 0 0 0;
    }
    .transfer_box .logos_transfer .logo2{
        padding:0;
        /* -webkit-box-shadow:none;
                box-shadow:none; */
        width:150px;
        height:auto
    }
    .transfer_box .logos_transfer{
        width:100%;
        margin-top:40px
    }
    .transfer_box{
        padding:10px;
        height:447px
    }
    .transfer_box .logos_transfer{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center
    }
    .transfer_box .logos_transfer .transfer{
        position:relative;
        margin:auto 0
    }
}
@media screen and (max-width:480px){
    .transfer_box .logos_transfer .transfer{
        height:0
    }
    .transfer_box .gradient_animate{
        width:80%
    }
    .transfer_box .desc{
        margin-bottom:30px
    }
    /* .single_info .btn{
        width:100%
    }
    .calltoaction .btn{
        width:100%
    } */
}