body{
    overflow-x: hidden;overflow-y: auto;position: relative;height: 100%;background: #F5F1EE;
}
.wrapper{
    font-family: "MyriadPro-Regular";
    position: relative;height: 100vh;z-index: 1;
}

.body-success {
    left: 50%;top: -37%;position: absolute;
    max-width: 800px;min-width: 255px;border: none;box-shadow: none;margin: 0 auto 0;text-align: center;
    font-family: "MyriadPro-Regular";
    opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(Opacity=0);
     box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    -ms-transform: translate(-50%,-37%);
    -moz-transform: translate(-50%,-37%);
    -webkit-transform: translate(-50%,-37%);
    -o-transform: translate(-50%,-37%);
    transform: translate(-50%,-37%);
    transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;
}
.overlay-door.open .body-success{
    top: 37%;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(Opacity=1);
	transition:all 0.7s linear;-webkit-transition:all 0.7s linear;-moz-transition:all 0.7s linear;-o-transition:all 0.7s linear;
}
.content-success{overflow-y: auto;overflow-x: hidden;padding: 20px 0 30px;}
/*------*/

.overlay-door.open .title-opacity{
    top: 50%;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(Opacity=1);
	transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;
}
.logo-form{margin-bottom: 75px;}
.big-title-success{
    font-family: "FuturaPT-Bold";font-size: 72px;color: #282627;line-height: 1;
    z-index: 1;position: relative;
}
.big-title-success:before{
    position: absolute;content: "";
    left: -45px;right: -45px;top: -30px;bottom: -30px;z-index: -1;
    /*background:url(/assets/images/design/pattern-form-modal.png) no-repeat;*/
}
.litle-title-success{
    font-family: "FuturaPT-Medium";font-size: 18px;color: #adaaa8;line-height: 1.3;
    margin-top: 30px;
}
/* ----- btn-send -----*/
.btn-send {
    display: block;width: 100%;max-width:200px;position: relative;padding: 14px 22px 12px;margin: 90px auto 20px;border: 0;outline: 0;
    background: none;z-index: 1;overflow: hidden;
    font-family: "FuturaPT-Medium";font-size: 12px;color: #282627;text-transform: uppercase;letter-spacing: 2px;cursor: pointer;
}
.btn-send:hover{color: white;}
.btn-send:before {
    content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: -2;background: #E94D1A;
    transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;
}
.btn-send:after {
    content: "";position: absolute;width: 100%;height: 0;top: 50%;left: 50%;opacity: 0;z-index: -2;background: #282627;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;
}
.btn-send:hover:after {
    height: 700%;opacity: 1;
}
.btn-send:focus, .btn-send:link, .btn-send:visited{color: #fff;}

@media screen and (max-height: 600px) {
    .body-success{transform: translate(-50%,-40%) !important;}
    .btn-send{margin-top: 30px;}
}
@media screen and (max-height: 500px) {
    .body-success{transform: translate(-50%,0%) !important;top: 40px !important;}
}
@media screen and (max-width:1366px){
    .logo-form {margin-bottom: 55px;}
    .btn-border-success{margin: 50px auto 20px;}
}
@media screen and (max-width:1200px){
    .btn-border-success {margin: 30px auto 50px;}
    .logo-form {margin-bottom: 35px;margin-top: 30px;}
    .big-title-success{font-size: 65px;}
        .btn-send{font-size: 14px;}
}
@media screen and (max-width:800px){
    .big-title-success{font-size: 40px;}
    .litle-title-success{font-size: 16px;}
    .litle-title-success br{display: none;}
    .logo-form {margin-top: 50px;}
}
@media screen and (max-width:650px){
    .litle-title-success{font-size: 15px;}
}


/*============================================================= FOOTER =========================================================*/

.footer{
    width: 100%;margin: 0 auto;padding: 2.5em 0;background: #E7E2DE;color: #8c8c8c;
}
.row-f{margin: 0 auto;max-width: 1560px;width: 96%;}


@font-face {
    font-family: "MyriadPro-Regular";
    src: url("/assets/templates/fonts/MyriadPro-Regular/MyriadPro-Regular.eot");
    src: url("/assets/templates/fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix")format("embedded-opentype"),
    url("/assets/templates/fonts/MyriadPro-Regular/MyriadPro-Regular.woff") format("woff"),
    url("/assets/templates/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "MyriadPro-Semibold";
    src: url("/assets/templates/fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot");
    src: url("/assets/templates/fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot?#iefix")format("embedded-opentype"),
    url("/assets/templates/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff") format("woff"),
    url("/assets/templates/fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "MyriadPro-Bold";
    src: url("/assets/templates/fonts/MyriadPro-Bold/MyriadPro-Bold.eot");
    src: url("/assets/templates/fonts/UMyriadPro-Bold/MyriadPro-Bold.eot?#iefix")format("embedded-opentype"),
    url("/assets/templates/fonts/MyriadPro-Bold/MyriadPro-Bold.woff") format("woff"),
    url("/assets/templates/fonts/MyriadPro-Bold/MyriadPro-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}