body{
    margin: 0% 0% 0% 0%; 
    width: 100%;
}

.header{
    padding: 0% 0% 0% 0%;
    width: 100%;
    height: 559px;
    display: block;
}

.header .leftdeco {
    background: url(..\\img\\header.png) no-repeat;
    background-size: contain;
    width: 530px;
    height: 900px;
    position: absolute;
    display: block;
    z-index: 1;
    background-position: -18% -5%;
}

.header .logo {
    display: block;
    float: right;
    top: 97px;
    right: 15px;
    z-index: 2;
    position: absolute;
}

.header .box{
    margin-left: 31.5%;
    margin-top: 15%;
    display: inline-block;
    width: 744px;
    height: 198px;
    padding: 0%;
    z-index: 2;
}

.body{
    width: 100%;
    height: 870px;
    background-color: #00a99d;
    z-index: -2;
    background-position: -2px 70px;
}

.body .left .textarea{
    margin-top: 39px;
    margin-left: 170px;
}

.body .left .rightdeco{
    width: 507px;
    height: 552px;
    float: right;
    display: inline-block;
    margin-top: 110px;
    background: url(..\\img\\line\\line_2.png) no-repeat;
    background-size: cover;
    background-position: 59px;
}

.body .left{
    width: 100%;
    height: 80%;
}

.body .left .textarea {
    margin-top: 40px;
    margin-left: 200px;
    width: 80%;
}

.body .left .textarea h1 {
    font-size: 52px;
    margin: 0%;
    font-family: 'MYRIADPRO-BOLD';
}

.body .left .textarea h2 {
    font-size: 28px;
    margin: 0%;
    font-family: 'MYRIADPRO-SEMIBOLD';
}

.body .left .req h2{
    font-size: 34px;
    margin: 0%;
    font-family: 'MYRIADPRO-SEMIBOLD';
}

.body .left .req{
    color: white;
    height: 600px;
    width: 600px;
    margin-left: 190px;
    margin-top: 26px;
    padding: 10px;
    display: inline-block;
}

.body .left .req button {
    border: 2px solid white;
    color: white;
    text-align: center;
    text-decoration: none;
    background: transparent;
    width: 379px;
    height: 69px;
    z-index: 2;
    display: inline;
    margin-left: 1px;
    margin-top: 76px;
    font-size: 37px;
    font-family: '';
    cursor: pointer;
    font-family: MYRIADPRO-REGULAR;
}

.body .left .req  button:hover {
    background: white;
    color: #00a99d;
}

.body .left .req .para input{
    width: 95%;
    height: 50px;
    font-size: 30px;
    font-family: 'MYRIADPRO-REGULAR';
    padding: 4px;
    border:1px solid #00a99d;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.body .left .req .para input:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdbdbd;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
  }

.body .left .req .para{
    margin-top: 16px;
}

@media (width:1280px) {
    .header .box{display: none}
}

@media (width:1366px) {
    .header .box{display: none}
}

@media (width:1600px) {
    .header .box{display: none}
}

@media (width:2560px) {
    .header .box{
        margin-left:30%;
        margin-top: 10%;
        width: 900px;
    }
}

@media (width:1920px) {
    .header .box{
        margin-left:30%;
        margin-top: 14%;
        width: 900px;
    }
}

@media  (width:1680px){
    .header .box{
        margin-left: 350px;
        margin-top: 15%;
        width: 900px;
    }
    .header .leftdeco{
        height: 920px;
    }
    .body .left .rightdeco{
        margin-top: 144px;
    }

}

@media  (width:1440px){
    .header .box{
        margin-left: 350px;
        margin-top: -4.5%;
        width: 900px;
    }
    .header .leftdeco{
        height: 920px;
    }
    .header .rightdeco{
        height: 315px;
        width: 300px;
    }
    .body .left .rightdeco{
        margin-top: 144px;
    }
    .body .left .textarea{
        z-index: 3;
        position: relative;
    }
    .body .left .rightdeco{
        margin-top:110px;
    }
    .header .logo{
        position: absolute;
        top:30px;
        right:0px;
    }
}


@media  (max-width:1024px) and (min-width:426px){
    .body{
	height:900px;
    }
    .header{
        height: 430px;
    }
    .header .leftdeco{
        height: 600px;
    }
    .header .box{
        margin-left: 210px;
        margin-top: 16%;
        width: 400px;
    }
    .header .box .rocket{
        display: none;
    }
    .body .left .textarea{
        margin-left: 11.5%;
        z-index: 3;
        position: relative;
    }
    .body .left .req{
        margin-left: 10%;
        z-index: 3;
        position: relative;
    }
    .body .left .rightdeco{
        position: absolute;
        right: 0px;
        width: 338px;
        height: 380px;
        float: right;
        display: inline-block;
        margin-top: 307px;
    }
    .header .rightdeco{
        height: 200px;
        width: 200px;
    }
    .header .logo {
        top:43px;
        position: absolute;
        height: 75px;
    }
    .header .logo .ivgu{
        width: 75px;
        height: 100px;
    }
    .header .logo .point{
        width: 120px;
        height: 95px;
        margin-left: 30px;
    }
}

@media  (max-width:425px){
    .body {
   	 height: 1661px;
    }
    .body .left .rightdeco {
        position: absolute;
        right: 0px;
        width: 338px;
        height: 380px;
        float: right;
        display: inline-block;
        bottom: 87px;
    }
}

@font-face {
    font-family: MYRIADPRO-REGULAR; 
    src: url("..\\fonts\\MYRIADPRO-REGULAR.OTF") format("opentype"); 
} 

@font-face {
    font-family: MYRIADPRO-BOLD; 
    src: url("..\\fonts\\MYRIADPRO-BOLD.OTF") format("opentype"); 
} 

@font-face {
    font-family: MYRIADPRO-BOLDCOND; 
    src: url("..\\fonts\\MYRIADPRO-BOLDCOND.OTF") format("opentype"); 
} 

@font-face {
    font-family: MYRIADPRO-BOLDCONDIT; 
    src: url("..\\fonts\\MYRIADPRO-BOLDCONDIT.OTF") format("opentype"); 
}

@font-face {
    font-family: MYRIADPRO-BOLDIT; 
    src: url("..\\fonts\\MYRIADPRO-BOLDIT.OTF") format("opentype"); 
} 

@font-face {
    font-family: MYRIADPRO-COND; 
    src: url("..\\fonts\\MYRIADPRO-COND.OTF") format("opentype"); 
} 

@font-face {
    font-family: MYRIADPRO-BOLDCOND; 
    src: url("..\\fonts\\MYRIADPRO-BOLDCOND.OTF") format("opentype"); 
} 

@font-face {
    font-family: MYRIADPRO-CONDIT; 
    src: url("..\\fonts\\MYRIADPRO-CONDIT.OTF") format("opentype"); 
}

@font-face {
font-family: MyriadPro-Light; 
src: url("..\\fonts\\MyriadPro-Light.OTF") format("opentype"); 
} 

@font-face {
font-family: MYRIADPRO-SEMIBOLD; 
src: url("..\\fonts\\MYRIADPRO-SEMIBOLD.OTF") format("opentype"); 
}
 
@font-face {
font-family: MYRIADPRO-SEMIBOLDIT; 
src: url("..\\fonts\\MYRIADPRO-SEMIBOLDIT.OTF") format("opentype"); 
}