/*

	Проект: Утилизация грунта
	Технический специалист: Морев Максим (SeaInside (ex. MopuC)) - https://fl.ru/users/MopuC/
	Дата: 24.04.2014
	Версия: 1.0

*/

/*---------------- Fonts ----------------*/

@font-face {
    font-family: "Gotham";
    src: url("../fonts/gothaproreg-webfont.eot");
    src:
        url("../fonts/gothaproreg-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gothaproreg-webfont.woff") format("woff"),
        url("../fonts/gothaproreg-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url("../fonts/gothapromed-webfont.eot");
    src:
        url("../fonts/gothapromed-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gothapromed-webfont.woff") format("woff"),
        url("../fonts/gothapromed-webfont.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Rex";
    src: url("../fonts/rex_bold-webfont.eot");
    src:
        url("../fonts/rex_bold-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/rex_bold-webfont.woff") format("woff"),
        url("../fonts/rex_bold-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*---------------- Reset ----------------*/

html,
body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,
img {
    border: 0;
    vertical-align: middle;
}
ul,
li {
    list-style: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input,
button,
textarea,
select {
    font-size: 100%;
}
body,
td,
div,
input,
textarea,
select {
    font-style: normal;
    font-weight: normal;
}
*:focus {
    outline: none;
}
header,
footer,
nav,
section,
article,
aside {
    display: block;
}
iframe {
    border: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9db6c1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9db6c1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #9db6c1;
}
input.placeholder,
textarea.placeholder {
    color: #9db6c1;
}

input.si-error::-webkit-input-placeholder,
textarea.si-error::-webkit-input-placeholder {
    color: #c19d9d;
}
input.si-error::-moz-input-placeholder,
textarea.si-error::-moz-input-placeholder {
    color: #c19d9d;
}
input.si-error::-ms-input-placeholder,
textarea.si-error::-ms-input-placeholder {
    color: #c19d9d;
}
input.placeholder.si-error,
textarea.placeholder.si-error {
    color: #c19d9d;
}

form {
    margin: 20px 0;
}
label {
    color: #fff;
    font: 18px/25px Gotham;
    text-align: left;
    display: block;
    padding: 2px 0 1px;
    cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    border: 1px solid #044e6f;
    background: #ebf2f6;
    color: #084865;
    font: 500 26px Gotham;
    padding: 17px;
    text-align: center;
    width: 560px;
    margin: 5px 0 10px;
    box-sizing: border-box;
}
input.client-phone-1 {
    width: 90px;
    margin-right: 15px;
}
input.client-phone-2 {
    width: 90px;
    margin-right: 15px;
}
input.client-phone-3 {
    width: 340px;
    text-align: left;
    padding: 17px 30px;
}
input.si-error {
    color: #c19d9d;
    border-color: #c19d9d;
}
textarea {
    text-align: left;
    font: 16px/18px Gotham;
}
input[type="submit"],
button {
    position: relative;
    cursor: pointer;
    border: 0;
    width: 330px;
    height: 66px;
    margin: 20px 0 10px;
    padding-bottom: 5px;
    font: 500 19px Gotham;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    background: url(../images/buttons.png) -167px 0 no-repeat;
}
input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus,
button:focus {
    background-position: -167px -68px;
}
input[type="submit"]:active,
button:active {
    background-position: -167px -136px;
}

input[type="submit"].discount,
button.discount {
    width: 691px;
    background-position: 0 -205px;
    left: -65px;
}
input[type="submit"].discount:hover,
button.discount:hover,
button.discount:focus,
input[type="submit"].discount:focus {
    background-position: 0 -273px;
}
input[type="submit"].discount:active,
button.discount:active {
    background-position: 0 -341px;
}

/*---------------- Styles ----------------*/

html {
    background: #fff;
    color: #4c4c4c;
    font: 16px/18px Gotham;
}
body {
}
html,
body {
    min-width: 1000px;
}
#global-wrapper {
    overflow: hidden;
    position: relative;
}

h1 {
    padding: 40px 0 15px;
    text-align: center;
    font: 60px/65px Rex;
    color: #000;
}
h2 {
    margin: 40px 0;
    font: 500 25px/25px Gotham;
    color: #525455;
    text-align: center;
    text-transform: uppercase;
}
h2 i {
    font: 25px/25px Gotham;
}
h2 span {
    position: relative;
    display: inline-block;
}
h2 span span {
    display: block;
    height: 67px;
    width: 21px;
    background: url(../images/brackets.png) no-repeat;
    position: absolute;
    top: -7px;
}
h2 span .l {
    left: -60px;
}
h2 span .r {
    right: -60px;
    background-position: -21px 0;
}
h3 {
    font: 700 18px/20px Gotham;
    text-transform: uppercase;
}
h4 {
}
h5 {
}
h6 {
}

p {
    padding: 5px 0;
}

ul {
    margin: 0 0 20px 45px;
    float: left;
    display: block;
    width: 375px;
}
ul li {
    margin: 20px 0;
    background: url(../images/li.png) 0 4px no-repeat;
    padding: 0 0 0 25px;
    font: 15px/18px Gotham;
}
ul li span {
    color: #929292;
}

ul.simple {
    margin: 0;
    float: none;
    width: auto;
}
ul.simple li {
    margin: 5px 0;
    background: url(../images/li-simple.png) 0 6px no-repeat;
    padding: 0 0 0 8px;
    font: 14px/16px Gotham;
}

a {
    text-decoration: none;
}
a:hover {
    color: inherit;
}
a.button {
    display: inline-block;
    background: url(../images/buttons.png) no-repeat;
    width: 165px;
    height: 33px;
    margin: 10px 0;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    font: 12px/29px Gotham;
}
a.button:hover,
a.button:focus {
    background-position: 0 -35px;
}
a.button:active {
    background-position: 0 -70px;
}

a.button.order-button {
    display: block;
    width: 185px;
    height: 43px;
    margin: 20px auto 10px;
    text-transform: uppercase;
    color: #000;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    font: 500 14px/41px Gotham;
    background-position: -499px 0;
}
a.button.order-button:hover,
a.button.order-button:focus {
    background-position: -499px -45px;
}
a.button.order-button:active {
    background-position: -499px -90px;
}

a.button.all-services-button {
    display: block;
    background-position: -686px 0;
    width: 283px;
    height: 49px;
    margin: 0 auto 10px;
    font: 500 17px/45px Gotham;
}
a.button.all-services-button:hover,
a.button.all-services-button:focus {
    background-position: -686px -51px;
}
a.button.all-services-button:active {
    background-position: -686px -102px;
}

a.button.download-button {
    background-position: -971px 0;
    width: 345px;
    height: 49px;
    margin: 30px 0 10px;
    font: 500 18px/45px Gotham;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
a.button.download-button:hover,
a.button.download-button:focus {
    background-position: -971px -51px;
}
a.button.download-button:active {
    background-position: -971px -102px;
}

a.button.download-2 {
    background-position: -695px -205px;
    width: 258px;
    height: 53px;
    padding-top: 13px;
    margin: 30px 0 10px;
    font: 500 15px/18px Gotham;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
a.button.download-2:hover,
a.button.download-2:focus {
    background-position: -695px -273px;
}
a.button.download-2:active {
    background-position: -695px -341px;
}

a.button.leave-button {
    background-position: -971px -205px;
    width: 215px;
    height: 39px;
    margin: 10px 0 10px;
    font: 500 16px/33px Gotham;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
a.button.leave-button:hover,
a.button.leave-button:focus {
    background-position: -971px -246px;
}
a.button.leave-button:active {
    background-position: -971px -287px;
}

a.button.see-all {
    z-index: 2;
    background-position: -1188px -205px;
    width: 205px;
    height: 57px;
    padding-top: 12px;
    margin: 10px 0 10px;
    font: 500 18px/20px Gotham;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    position: relative;
    bottom: -80px;
    left: 33px;
}
a.button.see-all:hover,
a.button.see-all:focus {
    background-position: -1188px -287px;
}
a.button.see-all:active {
    background-position: -1188px -358px;
}

.clear {
    clear: both;
}
.centered {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
.last-line-hack {
    width: 100%;
    display: inline-block;
    height: 0;
    visibility: hidden;
}

.icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.negative-icon {
    background: url(../images/icons/positive-negative.png);
    width: 17px;
    height: 17px;
    margin: 0 0 5px;
}
.positive-icon {
    background: url(../images/icons/positive-negative.png) -19px 0;
    width: 22px;
    height: 17px;
    margin: 0 0 5px;
}

header {
    height: 541px;
    background: url(../images/header-bg.jpg) center bottom no-repeat;
    text-align: center;
}
header .centered {
    height: 541px;
}
#logo {
    display: block;
    width: 166px;
    height: 104px;
    background: url(../images/logo.png);
    position: absolute;
    top: 10px;
    left: 0;
}
header h1 {
    display: inline-block;
    text-align: left;
    font: 43px/48px Rex;
    padding-top: 105px;
    color: #000;
}
header h1 span {
    font: 24px/48px Gotham;
    padding-top: 150px;
    position: relative;
    top: -13px;
    left: 2px;
}
.top-phone {
    position: absolute;
    top: 27px;
    right: 0;
    font: 18px/20px Gotham;
    color: #888;
}
.header-slice {
    width: 175px;
    height: 21px;
    background: url(../images/header-slice.png);
    position: absolute;
    bottom: 1px;
    left: 558px;
    z-index: 2;
}

.under-header {
    position: relative;
    margin-top: -22px;
}
.main-form-block {
    background: url(../images/blue-bg.jpg) center top no-repeat;
    color: #fff;
    text-align: center;
    padding: 0 0 10px;
    background-size: cover !important;
    background-attachment: fixed;
}
.main-form-block .centered {
    width: 560px;
}
.main-form-block h1 {
    font: 36px/41px Rex;
    color: #fff;
    padding: 25px 0 15px;
}
.main-form-block.form-2 h1 {
    font: 45px/47px Rex;
}
.main-form-block.form-3 h1 {
    font: 40px/45px Rex;
}
.main-form-block.form-4 h1 {
    font: 40px/45px Rex;
}
.main-form-block .pre-counter {
    width: 290px;
    float: left;
    font: 15px/22px Gotham;
    text-align: left;
}
.main-form-block .counter-wrapper {
    width: 260px;
    float: right;
    font: 16px/18px Gotham;
    text-align: right;
    color: #ffd83b;
}
.counter {
    float: right;
    padding: 25px 0 0;
}
.counter-item,
.counter-dots {
    float: left;
    font: 40px/12px Gotham;
    color: #ffd83b;
    text-align: center;
}
.counter-item {
    width: 55px;
}
.counter-item.first {
    margin-right: 20px;
}
.counter-item span {
    font: 10px/10px Gotham;
    color: #9dbcca;
    text-transform: lowercase;
}

#services {
    padding: 0 0 40px;
}
.service-table {
    width: 100%;
}
.service-table td {
    vertical-align: bottom;
    font: 18px/20px Gotham;
    padding: 0 52px 40px 0;
}
.service-table td span.small-text {
    color: #7c7c7c;
    font: 14px/20px Gotham;
}

.service-image-wrapper {
    position: relative;
    margin: 10px 0;
}
.service-overlay {
    display: block;
    width: 279px;
    height: 68px;
    background: url(../images/service-price.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font: 500 18px/72px Gotham;
    text-align: center;
}
.service-overlay:hover {
    color: #fff;
}
.service-overlay span {
    border-bottom: 1px dashed #fff;
}
.service-overlay:hover span {
    border-bottom: 0;
}

#get-price {
    height: 331px;
    background: url(../images/get-price-bg.jpg) center top no-repeat;
    color: #fff;
}
#get-price .text {
    width: 450px;
    float: right;
    margin-right: 40px;
}
#get-price h1 {
    font: 40px/45px Rex;
    padding-left: 100px;
    color: #fff;
    padding-top: 50px;
}
.pdf-icon {
    float: left;
    margin-right: 28px;
}

#usp {
    position: relative;
    margin-top: -20px;
}
#usp h1 {
    font: 40px/45px Rex;
    color: #333536;
}
#usp h1 span {
    color: #7b7b7b;
}

.advantages {
    text-align: justify;
    padding: 10px 0;
}
.advantage-item {
    display: inline-block;
    vertical-align: top;
    font: 15px/18px Gotham;
    padding: 10px;
}
.advantage-image {
    display: block;
    height: 47px;
    background: url(../images/usp-icons.png) no-repeat;
    margin: 5px auto 10px;
}
.advantage-image.i-1 {
    width: 37px;
    background-position: 0 0;
}
.advantage-image.i-2 {
    width: 38px;
    background-position: -39px 0;
}
.advantage-image.i-3 {
    width: 40px;
    background-position: -79px 0;
}
.advantage-image.i-4 {
    width: 41px;
    background-position: -121px 0;
}
.advantage-image.i-5 {
    width: 52px;
    background-position: -164px 0;
}
.advantage-image.i-6 {
    width: 33px;
    background-position: -218px 0;
}

.centered-2 {
    width: 840px;
    margin: 0 auto;
    overflow: hidden;
}

.advantages-auto {
    text-align: justify;
    padding: 10px 0;
    width: 780px;
    margin: 0 auto;
}
.advantages-auto .item-1-3 {
    display: inline-block;
    padding: 0 30px;
    vertical-align: top;
}
.advantages-auto .item-1-3.circle {
    font: 700 17px/20px Gotham;
    background: url(../images/usp-circle.png) no-repeat;
    padding: 28px 33px 30px 26px;
}
.advantages-auto-item {
    overflow: hidden;
    text-transform: uppercase;
    margin: 15px 0;
    font: 500 15px/38px Gotham;
}
.advantages-auto-image-wrapper {
    width: 42px;
    float: left;
    margin-right: 10px;
    text-align: right;
}
.advantages-auto-image {
    display: inline-block;
    height: 38px;
    background: url(../images/usp-icons.png) no-repeat;
}
.advantages-auto-image.i-1 {
    width: 42px;
    background-position: 0 -49px;
}
.advantages-auto-image.i-2 {
    width: 37px;
    background-position: -45px -49px;
}
.advantages-auto-image.i-3 {
    width: 41px;
    background-position: -84px -49px;
}
.advantages-auto-image.i-4 {
    width: 39px;
    background-position: -127px -49px;
}
.advantages-auto-image.i-5 {
    width: 36px;
    background-position: -168px -49px;
}
.advantages-auto-image.i-6 {
    width: 42px;
    background-position: -206px -49px;
}

#objects {
}
#objects h1 {
    font: 45px/40px Rex;
    color: #333536;
}

.objects-table {
    width: 100%;
    margin: 20px 0;
}
.objects-table td {
    vertical-align: bottom;
    font: 20px/20px Gotham;
    padding: 0 52px 20px 0;
}

.objects-image-wrapper {
    position: relative;
    margin: 10px 0;
}
.objects-image-wrapper.with-absolute-image {
    width: 278px;
    height: 242px;
}
.objects-overlay {
    display: block;
    width: 279px;
    height: 89px;
    background: url(../images/objects-overlay.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font: 18px/20px Gotham;
    text-align: center;
}
.objects-overlay:hover {
    color: #fff;
}
.objects-overlay span {
    border-bottom: 1px dashed #fff;
    position: relative;
    top: 30px;
}
.objects-overlay:hover span {
    border-bottom: 0;
}
.absolute-image {
    position: absolute;
    top: 0;
    left: 0;
}
#projects {
}
#projects h1 {
    padding-bottom: 70px;
}
.project-item {
    padding: 10px 0 0;
    background-size: cover !important;
}
.project-item.i-1 {
    background: url(../images/projects/project-1-bg.jpg) center top no-repeat;
}
.project-item.i-2 {
    background: url(../images/projects/project-2-bg.jpg) center top no-repeat;
}
.project-item.i-3 {
    background: url(../images/projects/project-3-bg.jpg) center top no-repeat;
}

.project-title {
    height: 99px;
    position: relative;
    background: url(../images/projects/project-title.png) center top no-repeat;
    margin-top: -70px;
    font: 28px/130px Gotham;
    text-align: center;
    color: #000;
}
.project-text {
    position: relative;
    margin: -1px auto 0;
    width: 940px;
}
.project-description {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0 20px;
    background: url(../images/projects/project-overlay.png) left top no-repeat;
    color: #fff;
    font: 14px/16px Gotham;
}
.project-description-inner {
    width: 420px;
    margin-left: 60px;
    float: left;
    padding: 20px 0 0;
}
.project-line {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #fff;
}
.project-description .left {
    width: 220px;
    float: left;
}
.project-description .right {
    width: 200px;
    float: left;
}
.project-result {
    width: 265px;
    margin-right: 60px;
    float: right;
}
.project-result-inner {
    display: table-cell;
    vertical-align: middle;
    width: 265px;
    height: 100%;
}

#why {
    padding: 0 0 20px;
}
#why h1 {
    font: 40px/45px Rex;
}
#why h1 span {
    color: #7b7b7b;
}
.why-table {
    width: 860px;
    margin: 0 auto;
}
.why-table td {
    vertical-align: middle;
    padding: 20px 0 20px 40px;
    text-align: left;
    font: 20px/20px Gotham;
}
.why-table td.photo-td {
    vertical-align: middle;
    padding: 20px 0;
    width: 200px;
    padding-right: 20px;
    padding-left: 0;
    text-align: center;
}

#steps {
    background: url(../images/steps-bg.jpg) center top no-repeat;
    color: #fff;
    background-size: cover;
    padding: 0 0 40px;
    background-attachment: fixed;
}
#steps h1 {
    font-size: 51px;
    color: #fff;
}

.steps {
    width: 586px;
    height: 630px;
    padding-top: 62px;
    margin: 0 auto;
    background: url(../images/steps.png) no-repeat;
    position: relative;
    margin-top: -40px;
}
.step-item {
    height: 113px;
    margin: 0 0 15px;
}
.step-counter {
    width: 110px;
    float: left;
    color: #ffd83b;
    font: 56px/118px Rex;
    text-align: center;
    position: relative;
    top: -60px;
}
.step-counter.small {
    line-height: 104px;
}
.step-text {
    overflow: hidden;
    padding: 0 0 0 82px;
    color: #fff;
    font: 18px/20px Gotham;
}
.step-text-inner {
    display: table-cell;
    vertical-align: middle;
    height: 113px;
}

#garant {
    overflow: hidden;
    padding: 0 0 30px;
}
#garant h1 {
    font: 40px/45px Rex;
}
#garant h1 span {
    color: #7b7b7b;
}

.garant-item {
    width: 430px;
    float: left;
    margin: 20px 50px 40px 10px;
}
.garant-item.even {
    margin-right: 0;
}
.garant-image {
    float: left;
    margin-right: 15px;
}
.garant-text {
    overflow: hidden;
    font: 16px/16px Gotham;
    color: #737373;
}
.garant-text h3 {
    color: #156489;
    font: 500 18px/18px Gotham;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #b5b5b5;
    text-transform: none;
}

#certs {
    padding: 0 0 30px;
}
#certs h1.without-pad {
    padding-top: 0;
}
#certs h1 {
    font: 40px/45px Rex;
    color: #333536;
}
#certs h1 span {
    color: #7b7b7b;
}

.mails,
.certs {
    text-align: justify;
    width: 820px;
    margin: 0 auto;
}
.mail-item,
.cert-item {
    width: 157px;
    height: 196px;
    display: inline-block;
    margin: 10px 0 20px;
    vertical-align: top;
    background: url(../images/photo-item.png) no-repeat;
    position: relative;
}
.mail-item img,
.cert-item img {
    width: 126px;
    height: 167px;
    margin: 8px 0 0 8px;
}
.mail-item span,
.cert-item span {
    width: 140px;
    height: 182px;
    background: url(../images/photo-zoom.png);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0;
    -moz-transition: all 0.2s ease-out 0;
    -o-transition: all 0.2s ease-out 0;
    transition: all 0.2s ease-out 0;
}
.mail-item:hover span,
.cert-item:hover span {
    opacity: 1;
}

#contacts {
    text-align: center;
    font: 20px/20px Gotham;
}
#contacts h1 {
    font: 40px/45px Rex;
    color: #333536;
}

#map {
    height: 538px;
    margin-top: 30px;
}

#questions {
    text-align: center;
    padding: 40px 0;
}
#questions h1 {
    text-align: left;
    display: inline-block;
    padding: 0;
    font: 43px/43px Rex;
    color: #868685;
    margin-right: 40px;
}
#questions h1 span {
    color: #06597f;
}
#questions a {
    color: #06597f;
    font: 20px/43px Gotham;
    border-bottom: 1px dashed #06597f;
    position: relative;
    top: -10px;
}
#questions a:hover {
    border: 0;
}

footer {
    padding: 30px 0;
    overflow: hidden;
    background: #06597f;
    color: #fff;
}
.footer-phone {
    font: 500 22px/22px Gotham;
    float: left;
}
.footer-phone a {
    color: #fff;
    border-bottom: 1px dashed #fff;
    font: 14px/22px Gotham;
    text-transform: uppercase;
}
.footer-phone a:hover {
    border: 0;
}
.footer-privacy {
    text-align: center;
    padding: 15px 0 0;
}
.footer-privacy a {
    color: #fff;
    border-bottom: 1px dashed #fff;
    font: 14px/22px Gotham;
    text-transform: uppercase;
}
.footer-privacy a:hover {
    border: 0;
}
.creator {
    float: right;
    text-transform: uppercase;
    float: right;
    padding: 10px 0 0;
}

.si_user_info {
    display: none;
}
.si-overlay {
    display: none;
    background: url(../images/si-overlay.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 103;
    width: 100%;
    height: 100%;
}

.si-modal {
    display: none;
    background: #06597f;
    padding: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 104;
    text-align: center;
    color: #fff;
    margin-left: -300px;
    margin-top: -340px;
    width: 560px;
}
.si-modal form {
    margin: 20px 0 0;
}
.si-modal h1 {
    color: #fff;
    padding: 0 0 10px;
    font: 36px/42px Rex;
}

.privacy-modal {
    text-align: left;
}

.si-success-modal {
    display: none;
    background: #06597f;
    padding: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 105;
    text-align: center;
    color: #fff;
    margin-left: -300px;
    margin-top: -340px;
    width: 560px;
}
.si-success-modal h1 {
    color: #fff;
    padding: 0 0 10px;
    font: 36px/42px Rex;
}
.si-success-modal .button {
    margin: 40px 0 0 !important;
}