* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

img {
    display: block;
    max-width: 100%;
}




aside,
nav,
footer,
header,
section,
article {
    display: block;
}

.clear {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

body{
    color: #000000;
     font-family: 'Montserrat';
     font-weight: 400;
}

.container{
    width:1200px;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}

.header{
    background: url(../img/screens-bg.jpg)no-repeat center bottom/cover;
padding: 15px 0 25px;
}

.header .container{
    background: url(../img/header-cont-bg.png)no-repeat 530px 50px/457px;
    width:970px;
}

.header-name{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 90px;
}

.header-ttl{
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 25px;
    color: #D4486B;
}

.header-subttl{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px;
}

.header-time{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 56px;
}

.button{
    width:230px;
    height: 60px;
    color: white;
    border-radius: 23px;
 padding:20px 0;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    background: radial-gradient(circle at center,rgba(114,219,184,1) 0%,rgba(82,164,128,1) 46%,rgba(48,107,70,1) 100%);
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 0 auto;
    color:#fff;
}

.header-btn{
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.button:hover{opacity: 50%;}

.screen-2{
    padding:60px 0;
}

.title{
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 25px;
    color: #D4486B;
    text-align: center;
    text-transform: uppercase;
}

.scr2-txt{
    font-size: 20px;
    line-height: 25px;
     text-align: center;
}

.screen-3{
    background: url(../img/screens-bg.jpg)no-repeat center bottom/cover;
    padding: 45px 0 70px;
}


.scr3-item{
    width: 945px;
    height: 245px;
    margin: 0 auto;
    padding:20px 40px 20px 240px;
    box-shadow: 0 0px 10px 2px #bfbfbf;
 font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
}

.scr3-item-1{
    height: 256px;
    background: url(../img/step-1.jpg)no-repeat 20px 20px,rgba( 255,255,255,1);
}

.scr3-item-2{
     background: url(../img/step-2.jpg)no-repeat 20px 20px,rgba( 255,255,255,1);
}

.scr3-item-3{
     background: url(../img/step-3.jpg)no-repeat 20px 20px,rgba( 255,255,255,1);
}

.scr3-txt{
     font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px;
    text-align: center;
}

.scr3-txt strong{color: rgb(204, 131, 170);}


.scr3-btn{
    width: 550px;
}

.screen-4{
    padding:60px 0 45px;
}

.screen-4 .title{margin-bottom: 70px;}

.scr4-list{
    width:570px;
    padding: 20px 20px 20px 90px;
    background: #D4486B;
    border-radius: 15px;
    color: #ffffff;
    position: relative;
    margin-left:510px;
    z-index: 1;
}

.scr4-list::before{
    position: absolute;
    content: '';
    display: block;
    width: 380px;
    height: 427px;
    border-radius: 9px;
    background: url(../img/scr3-img.png)no-repeat;
    background-size: contain;
    left:-330px;
    top:-40px;
    z-index: 2
}

.scr4-list li{
     font-size: 20px;
    line-height: 25px;
}

.screen-5{
    padding: 60px 0 45px;
    background: url(../img/screens-bg.jpg)no-repeat center bottom/cover;
}

.screen-5 .container{
    background: url(../img/scr4-cont-bg.png)no-repeat center bottom/400px;
}

.scr5-flex-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1015px;
    margin:0 auto;
}

.scr5-left-part{
    width:307px;
}

.scr5-item{
    border: 2px solid #D4486B;
    padding: 15px;
    border-radius: 10px;
    background: #ffffff;
    font-size: 18px;
    line-height: 25px;
    margin-bottom:27px;
}

.scr5-item-txt{
     margin-bottom: 25px;
}

.scr5-item-list{
    list-style-type: circle;
    padding-left: 16px;    
}

.scr5-item-list li{}

.scr5-right-part{
    width:307px;
}

.scr5-right-part .scr5-item{
   margin-bottom: 50px;
}

.scr5-item strong{font-style: italic;}

.scr5-btn{
    width: 511px;
}

.screen-6{
    padding: 60px 0 15px;
}

.scr6-txt{
    width:970px;
    margin:0 auto;
    border: 2px solid #D4486B;
    padding: 15px;
    border-radius: 10px;
    background: #ffffff;
    color: #D4486B;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.screen-7{
    padding: 60px 0 45px;
}

.scr7-flex-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.package{
    width: 376px;
    box-shadow: 0 0px 10px 2px #bfbfbf;
    background: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 10px;
}

.package-1{}

.package-2{}

.package-3{}

.package-subttl{
    color: rgb(32, 107, 35);
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
}

.package-subttl2{
   color: rgb(32, 107, 35);
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 10px;
}

.package-ttl{
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 25px;
    padding: 30px 0 20px;
    background: #D4486B;
}

.package-ttl strong{
     font-size: 30px;
    line-height: 32px;
    display: block;
    margin-bottom: 10px;
}

.package-txt{
    padding:0;
    list-style-type: none;
    margin-bottom:20px;
}

.package-1 .package-txt{
    margin-bottom:65px;
}

.package-txt li{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.package-btn{
    width: 215px;
}


.footer{
    padding: 45px 0 15px;
}

.footer a:hover{
    opacity: 50%;
    text-transform: none;
}

.footer-flex-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-txt,
.center,
.right-part{
    width:373px;
}

.footer-txt{
    display: block;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #412673;
    margin-bottom: 25px;
}


.footer-name{
    
}


.right-part .footer-txt{
    margin-bottom:0;
}

.right-part .footer-mail{
    margin-bottom: 25px;
    padding-left: 20px;
background: url(../img/footer-mail.png)no-repeat 0px center/18px;;
}


.footer-bottom-txt{
    margin-top: 25px;
}