@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700';
* {
	outline: none;
	margin: 0;
	padding: 0; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
    min-width: 960px;
    /*min-height: 1030px;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    background: url(../img/bg.jpg) no-repeat center top, #f8f2d4;
    background-size: 1960px;
    color: #fff;
}
a, a:hover {
    text-decoration: none;
    color: #fff;
}
.clear {clear: both;}
p {
    line-height: 24px;
    color: #5c7dad;
}
.fl {float: left;}
.fr {float: right;}

.center {
    max-width: 1360px;
    margin: 0 auto;
    text-align: center;
    /*background: url(../img/bg_center.jpg) center top;*/
}

.center .center {
    position: relative;
    width: 100%;
    max-width: 960px;
    padding: 115px 0 0 0;
    text-align: left;
}
.logo {
    position: absolute;
    top: 0;
    left: calc(50% - 93px);
    width: 215px;
    /*margin-left: -107px;*/
}
.bonuce {
    display: block;
    margin-bottom: 30px;
}
.btn-box {
    position: relative;
    width: 486px;
    height: 162px;
    margin-bottom: 45px;
    text-align: center;
    background: url(../img/btn_bg.png) no-repeat center top;
    background-size: cover;
}
.btn {
    position: absolute;
    top: 62px;
    left:  calc(50% - 193px);
	width: 382px;
	height: 94px;
	display: block;
    background: transparent;
	border-radius: 25px;
}
.btn:hover {
    left: 0;
    top: 0;
    width: 486px;
    height: 162px;
    background: url(../img/btn_bg.png) no-repeat center -161px;
    background-size: cover;
    border-radius: 0;
}

.steps {
    width: 486px;
    text-align: center;
    margin-bottom: 180px;
}
.footer_icons {
    display: block;
    width: 100%;
}

footer,
#footer {
    width: 100%;
    height: 164px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #b54c62;
}

@media (max-width: 1360px) {
    #section.center {
        background: url(../img/bg_center.jpg) center top;    
    }
}
@media (max-width: 961px) {
    #section.center {
        background: url(../img/bg_center.jpg) center top;    
    }
}