.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb,
.contact_form_3_M .et_pb_blurb,
.contact_form_3_M .et_pb_social_media_follow:hover {
cursor: pointer
}
.contact_form_3_M .et_pb_column:nth-child(2) .et_pb_blurb_description br {
display: none;
}
.contact_form_1_M .et_pb_column_4_4 .et_pb_promo_description p {
margin-top: -3vw !important
}
.contact_form_1_M p.et_pb_contact_field:after,
.contact_form_1_M p.et_pb_contact_field:before {
display: inline !important;
color: #8a7abe;
font-size: 42px;
letter-spacing: -1.8px
}
.contact_form_1_M p.et_pb_contact_field[data-id=name] input {
max-width: 210px
}
.contact_form_1_M p.et_pb_contact_field[data-id=price] span.price {
color: #fff;
font-size: 42px;
margin-left: 20px;
}
.contact_form_1_M p.et_pb_contact_field[data-id=price] span.price:before {
content: '$';
}
.contact_form_1_M p.et_pb_contact_field[data-id=price] input {
max-width: 120px;
margin-left: 0 !important
}
.contact_form_1_M p.et_pb_contact_field[data-id=email] input {
max-width: 360px;
margin-right: 0 !important
}
.contact_form_1_M p.et_pb_contact_field[data-id=name]:before {
content: 'Hello, my name is '
}
.contact_form_1_M p.et_pb_contact_field[data-id=web_site]:before {
content: 'and I want to start a'
}
.contact_form_1_M p.et_pb_contact_field[data-id=price]:after {
content: 'budget.'
}
.contact_form_1_M p.et_pb_contact_field[data-id=price]:before:first-letter {
color: red
}
.contact_form_1_M p.et_pb_contact_field[data-id=price]:before {
content: 'project with'
}
.contact_form_1_M p.et_pb_contact_field[data-id=email]:before {
content: 'Here is my e-mail'
}
.contact_form_1_M p.et_pb_contact_field input,
.contact_form_1_M p.et_pb_contact_field select,
.contact_form_1_M p.et_pb_contact_field textarea {
width: auto !important;
background-color: transparent !important;
border-bottom: 1px solid #fff !important;
color: #fff;
padding: 0;
margin: 0 20px;
height: 50px !important
}
.contact_form_1_M p.et_pb_contact_field select {
font-size: 42px
}
.contact_form_1_M p.et_pb_contact_field input,
.contact_form_1_M p.et_pb_contact_field textarea {
font-size: 20px;
padding: 0 10px !important;
vertical-align: top;
margin-top: 4px;
transition: .3s !important
}
.contact_form_1_M p.et_pb_contact_field.filled input,
.contact_form_1_M p.et_pb_contact_field.filled textarea,
.contact_form_1_M p.et_pb_contact_field.focus input,
.contact_form_1_M p.et_pb_contact_field.focus textarea {
background-color: #8a7abe !important;
border-color: transparent !important
}
.contact_form_1_M p.et_pb_contact_field {
float: none;
width: auto;
display: inline;
padding: 0 !important
}
.contact_form_1_M p.et_pb_contact_field[data-id=email] {
display: inline-block
}
.contact_form_1_M .et_pb_contact_field[data-type=select] select option {
color: #512da8 !important;
font-size: 20px !important;
min-height: 59px
}
.contact_form_1_M .et_pb_contact_field[data-type=select] select {
-webkit-appearance: menulist;
border-bottom: 0 !important;
height: auto !important;
padding-right: 10px
}
.contact_form_1_M .et_pb_contact_field[data-type=select]:after {
display: none !important
}
.contact_form_1_M form {
text-align: center !important;
max-width: 920px;
margin: 0 auto !important;
line-height: 340% !important
}
.contact_form_1_M .et_contact_bottom_container {
float: none !important;
text-align: center;
margin-top: -2px
}
#page-container .contact_form_1_M .et_contact_bottom_container {
display: block !important;
max-width: 332px;
margin: 0 auto;
position: relative;
z-index: 9;
background: -moz-linear-gradient(top, #9c66ff 0, #eb4af9 100%);
background: -webkit-linear-gradient(top, #9c66ff 0, #eb4af9 100%);
background: linear-gradient(to bottom, #9c66ff 0, #eb4af9 100%)
}
#page-container .contact_form_1_M .et_contact_bottom_container:after {
content: "";
display: block !important;
background-color: #512da8 !important;
width: calc(100% - 2px);
height: calc(100% - 2px);
position: absolute;
top: 1px;
left: 1px;
opacity: 1 !important;
transform: rotate(180deg) scale(1);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
margin: 0 !important;
z-index: -1
}
#page-container .contact_form_1_M .et_contact_bottom_container:hover:after {
transform: rotate(0) scale(2);
opacity: 0 !important
}
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) input::-webkit-input-placeholder,
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) textarea::-webkit-input-placeholder {
color: transparent
}
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) input::-moz-placeholder,
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) textarea::-moz-placeholder {
color: transparent
}
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) input:-ms-input-placeholder,
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) textarea:-ms-input-placeholder {
color: transparent
}
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) input:-moz-placeholder,
.contact_form_1_M .et_pb_contact_form p:not([data-type=checkbox]) textarea:-moz-placeholder {
color: transparent
}
.contact_form_1_M .et_pb_contact_form_container .et-pb-contact-message ul {
padding-bottom: 10px !important
}
.contact_form_1_M .et_pb_contact_form_container .et-pb-contact-message {
font-size: 18px;
color: #fff
}
.contact_form_1_M p.et_pb_contact_field input.et_contact_error,
.contact_form_1_M p.et_pb_contact_field select.et_contact_error,
.contact_form_1_M p.et_pb_contact_field textarea.et_contact_error {
border: 1px solid red !important
}
@media only screen and (min-width: 1920px) {
.contact_form_1_M .et_pb_promo .et_pb_promo_description h2 {
font-size: 190px !important;
}
.contact_form_1_M .et_pb_column_4_4 .et_pb_promo .et_pb_promo_description p {
margin-top: -47px !important;
}
}
@media only screen and (max-width: 980px) {
.contact_form_1_M p.et_pb_contact_field input,
.contact_form_1_M p.et_pb_contact_field select,
.contact_form_1_M p.et_pb_contact_field textarea,
.contact_form_1_M p.et_pb_contact_field:after,
.contact_form_1_M p.et_pb_contact_field:before {
font-size: 24px !important
}
}
@media only screen and (max-width: 767px) {
.contact_form_1_M .et_pb_column_4_4 .et_pb_promo_description p {
font-size: 26px;
margin-top: -12px !important
}
.contact_form_1_M p.et_pb_contact_field input,
.contact_form_1_M p.et_pb_contact_field select,
.contact_form_1_M p.et_pb_contact_field textarea,
.contact_form_1_M p.et_pb_contact_field:after,
.contact_form_1_M p.et_pb_contact_field:before {
font-size: 24px !important;
letter-spacing: 0 !important
}
}
@media only screen and (max-width: 480px) {
.contact_form_1_M .et_pb_promo .et_pb_promo_description h2 {
font-size: 46px !important
}
.contact_form_1_M .et_pb_column_4_4 .et_pb_promo_description p {
margin-top: -10px !important;
font-size: 16px
}
#page-container .contact_form_1_M .et_contact_bottom_container button.et_pb_button {
padding: 16px 30px !important
}
.contact_form_1_M p.et_pb_contact_field[data-id=email] input {
max-width: 210px
}
}
.contact_form_2_M .et_pb_column_4_4 .et_pb_promo_description p {
float: right;
max-width: 250px;
margin-top: -51px;
font-weight: 300;
z-index: 9;
position: relative
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_main_blurb_image {
position: relative
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_main_blurb_image:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #d0d4d4;
position: absolute;
top: 50%
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_main_blurb_image span.et-pb-icon {
z-index: 9;
position: relative;
background-color: #fff;
padding: 0 10px
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb_container:after {
content: "";
display: block;
background-color: #512da8;
width: 13px;
height: 13px;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: auto;
z-index: -1;
transform: rotate(-45deg)
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb_container {
background-color: #512da8;
padding: .9vw .5vw;
position: absolute;
width: 100%;
top: 0;
z-index: 10;
opacity: 0;
transform: translate(0, -38px)
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container,
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image,
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image span {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_blurb_container {
opacity: 1;
transform: translate(0, -58px)
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image span {
font-size: 30px !important
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image {
transform: translate(0, 33px);
padding-top: 7px
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container a:hover {
opacity: .6
}
.contact_form_2_M .et_pb_column_1_3:last-child .et_pb_blurb .et_pb_blurb_container br {
display: none !important;
}
.contact_form_2_M .et_pb_column_1_3:last-child .et_pb_blurb .et_pb_blurb_container a {
display: block
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container a {
color: #fff !important
}
.contact_form_2_M .et_pb_contact_form_container form {
margin-left: 0 !important
}
.contact_form_2_M .et_pb_contact_form_container p.et_pb_contact_field_half:nth-child(3n + 3) {
margin-right: 0 !important
}
.contact_form_2_M .et_pb_contact_form_container p.et_pb_contact_field_half {
width: 29.6% !important;
margin-right: 5.6% !important;
clear: none;
overflow: visible
}
.contact_form_2_M .et_pb_contact_form_container p.et_pb_contact_field {
padding: 0 !important;
margin-bottom: 40px
}
.contact_form_2_M .et_contact_bottom_container {
float: none !important;
text-align: left
}
.contact_form_2_M .et_pb_contact_form p input,
.contact_form_2_M .et_pb_contact_form p textarea {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s
}
#page-container .contact_form_2_M .et_contact_bottom_container {
display: inline-block !important;
margin-top: -20px;
position: relative;
background: #512da8;
z-index: 9;
border: 1px solid #512da8;
border-radius: 2px
}
#page-container .contact_form_2_M .et_contact_bottom_container:after {
content: "";
display: block !important;
background-color: #fff !important;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1 !important;
transform: scale(0);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
margin: 0 !important;
z-index: -1
}
#page-container .contact_form_2_M .et_contact_bottom_container:hover:after {
transform: scale(1)
}
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) input::-webkit-input-placeholder,
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) textarea::-webkit-input-placeholder {
color: transparent
}
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) input::-moz-placeholder,
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) textarea::-moz-placeholder {
color: transparent
}
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) input:-ms-input-placeholder,
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) textarea:-ms-input-placeholder {
color: transparent
}
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) input:-moz-placeholder,
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]) textarea:-moz-placeholder {
color: transparent
}
.contact_form_2_M .et_pb_contact_form p:not(.et_pb_contact_field_half) {
clear: both
}
.contact_form_2_M .et_pb_contact_form p {
position: relative;
overflow: visible
}
.contact_form_2_M .et_pb_contact_form p:not([data-type=checkbox]):not([data-type="radio"]) label {
display: block !important;
position: absolute;
width: 100%;
text-align: left;
pointer-events: none;
top: 18px;
padding-left: 28px;
color: #757575;
font-size: 16px;
font-weight: 400;
z-index: 2;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
line-height: 100%
}
.contact_form_2_M .et_pb_contact_form p.filled label,
.contact_form_2_M .et_pb_contact_form p.focus label {
-webkit-transform: translate3d(-26px, -45px, 0);
transform: translate3d(-26px, -45px, 0)
}
.contact_form_2_M .et_pb_contact_form p.filled input,
.contact_form_2_M .et_pb_contact_form p.filled textarea,
.contact_form_2_M .et_pb_contact_form p.focus input,
.contact_form_2_M .et_pb_contact_form p.focus textarea {
box-shadow: 0 0 5.36px .2px rgba(204, 204, 204, .65);
border-color: transparent !important;
padding-left: 24px !important;
color: #757575
}
.contact_form_2_M .et_pb_contact_form_container .et-pb-contact-message {
font-size: 18px
}
.contact_form_2_M .et_pb_contact_form_container .et-pb-contact-message ul {
padding-bottom: 20px !important
} .et_pb_contact_form .et_pb_contact_form p[data-type="radio"] label,
.et_pb_contact_form .et_pb_contact_form p[data-type=checkbox] label {
display: block !important;
}
body #page-container .contact_form_2_M .et_pb_contact_form p[data-type="select"] label {
display: none !important;
}  .contact_form_1_M .et_pb_contact_form > .et_pb_contact_right {
text-align: center;
margin-bottom: 30px;
margin-top: 0;
display: block;
color: #fff;
} #page-container .contact_form_2_M .et_pb_contact_form > .et_pb_contact_right input {
padding: 10px 5px !important;
text-align: center;
}
.contact_form_2_M .et_pb_contact_form > .et_pb_contact_right {
text-align: left;
margin-bottom: 40px;
margin-right: 20px;
} #page-container .contact_form_3_M .et_pb_contact_form > .et_pb_contact_right input {
padding: 10px 5px !important;
text-align: center;
border: 1px solid #e5e5e5 !important;
}
.contact_form_3_M .et_pb_contact_form > .et_pb_contact_right {
text-align: left;
margin-bottom: 40px;
margin-right: 20px;
} #page-container #et-main-area .contact_form_4_M .et_pb_contact_form > .et_pb_contact_right input {
border: 1px solid #512da8;
padding: 10px 5px !important;
text-align: center;
color: #000 !important;
}
.contact_form_4_M .et_pb_contact_form > .et_pb_contact_right p:before {
display: none !important;
}
.contact_form_4_M .et_pb_contact_form > .et_pb_contact_right {
text-align: center;
margin-bottom: 30px;
margin-top: 0;
display: block;
}
@media only screen and (max-width: 980px) {
.contact_form_2_M .et_pb_column_4_4 .et_pb_promo .et_pb_promo_description {
max-width: 480px !important
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_blurb_container {
opacity: 1;
transform: translate(0, -48px)
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image {
margin-bottom: 30px !important
}
.contact_form_2_M .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image {
transform: translate(0, 42px)
}
#page-container .contact_form_2_M .et_contact_bottom_container button.et_pb_button {
margin-top: 0 !important
}
}
@media only screen and (max-width: 767px) {
.contact_form_2_M .et_pb_column_4_4 .et_pb_promo_description p {
float: none;
max-width: 100%;
margin-top: -10px;
margin-bottom: 20px
}
.contact_form_2_M .et_pb_column_4_4 .et_pb_promo .et_pb_promo_description {
max-width: 100% !important;
text-align: center
}
.contact_form_2_M .et_pb_contact_form_container p.et_pb_contact_field_half {
width: 100% !important;
margin-right: 5.6% !important;
clear: none
}
}
.contact_form_3_M .et_pb_main_blurb_image:after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
top: 0;
position: absolute;
background-color: #512da8;
opacity: .6
}
.contact_form_3_M .et_pb_main_blurb_image img {
display: block
}
.contact_form_3_M .et_pb_blurb:hover .et_pb_blurb_container:before {
width: 70%
}
.contact_form_3_M .et_pb_blurb .et_pb_blurb_container:before {
display: block;
content: "";
height: 6px;
width: 56px;
background-color: #ebebeb;
margin: 23px auto 18px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.contact_form_3_M .et_pb_blurb:hover .et_pb_blurb_container h4 {
transform: translate(-50%, 0) rotate(0);
color: #fff !important
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_promo_description p {
text-align: right;
position: relative;
z-index: 3;
top: 3vw
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_promo_description h2 {
transform: rotate(-90deg);
transform-origin: right bottom 0;
position: absolute;
right: -13px;
top: -95px
}
.contact_form_3_M .et_pb_column_1_4:nth-child(2) .et_pb_blurb_container a {
display: block
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_blurb_container a:hover {
opacity: .6
}
.contact_form_3_M .et_pb_contact_form_container form {
margin-left: 0 !important
}
.contact_form_3_M .et_pb_contact_form_container p.et_pb_contact_field_half:nth-child(3) {
margin-right: 0 !important
}
.contact_form_3_M .et_pb_contact_form_container p.et_pb_contact_field_half {
width: 29.6% !important;
margin-right: 5.6% !important;
clear: none
}
.contact_form_3_M .et_pb_contact_form_container p.et_pb_contact_field {
padding: 0 !important;
margin-bottom: 8px
}
.contact_form_3_M .et_pb_social_media_follow:before {
content: "";
display: block;
background-color: #ebebeb !important;
width: 200px;
height: 22px;
position: absolute;
z-index: -1;
transform: rotate(-66deg);
top: 44px;
left: -49px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s
}
.contact_form_3_M .et_pb_social_media_follow:hover:before {
transform: rotate(-126deg)
}
.contact_form_3_M .et_pb_social_media_follow li {
padding: 21px 0 !important;
height: auto !important;
margin: 0 !important
}
.contact_form_3_M .et_pb_social_media_follow li:after {
content: "Join Us";
display: block;
text-transform: uppercase;
text-align: center;
color: #fff;
font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
font-weight: 300
}
.contact_form_3_M .et_pb_social_media_follow a.icon:before {
color: #512da8
}
.contact_form_3_M .et_pb_social_media_follow li a.icon:hover:before {
color: #512da8 !important
}
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) input::-webkit-input-placeholder,
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) textarea::-webkit-input-placeholder {
color: transparent
}
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) input::-moz-placeholder,
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) textarea::-moz-placeholder {
color: transparent
}
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) input:-ms-input-placeholder,
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) textarea:-ms-input-placeholder {
color: transparent
}
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) input:-moz-placeholder,
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) textarea:-moz-placeholder {
color: transparent
}
.contact_form_3_M .et_pb_contact_form p:not(.et_pb_contact_field_half) {
clear: both
}
.contact_form_3_M .et_pb_contact_form p {
position: relative;
overflow: visible
}
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]):not([data-type="radio"]) label {
display: block !important;
position: absolute;
width: 100%;
text-align: left;
pointer-events: none;
top: 18px;
padding-left: 0;
color: #757575;
font-size: 16px;
font-weight: 400;
z-index: 2;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
line-height: 100%
}
.contact_form_3_M .et_pb_contact_form p.filled label,
.contact_form_3_M .et_pb_contact_form p.focus label {
opacity: 0;
-webkit-transform: translate3d(120px, 0, 0);
transform: translate3d(120px, 0, 0)
}
.contact_form_3_M .et_pb_contact_form p.filled input,
.contact_form_3_M .et_pb_contact_form p.filled textarea,
.contact_form_3_M .et_pb_contact_form p.focus input,
.contact_form_3_M .et_pb_contact_form p.focus textarea {
box-shadow: 0 0 5.36px .2px rgba(204, 204, 204, .65);
border-color: transparent !important;
padding-left: 24px !important;
color: #757575
}
.contact_form_3_M .et_contact_bottom_container {
float: none !important;
text-align: left;
display: inline-block;
position: relative;
margin-top: 10px
}
.contact_form_3_M .et_contact_bottom_container:after,
.contact_form_3_M .et_contact_bottom_container:before {
content: '';
display: block !important;
position: absolute;
top: 0;
right: 0;
height: 2px;
width: 0;
background: #bdbdbd;
transition: .4s ease all;
opacity: 1 !important
}
.contact_form_3_M .et_contact_bottom_container:after {
right: inherit;
top: inherit;
left: 0;
bottom: 0
}
.contact_form_3_M .et_contact_bottom_container:hover:after,
.contact_form_3_M .et_contact_bottom_container:hover:before {
width: 100%;
transition: .8s ease all
}
.contact_form_3_M .et_pb_contact_form_container .et-pb-contact-message {
font-size: 18px
}
.contact_form_3_M .et_pb_contact_form_container .et-pb-contact-message ul {
padding-bottom: 10px !important
}
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) input.et_contact_error + label,
.contact_form_3_M .et_pb_contact_form p:not([data-type=checkbox]) textarea.et_contact_error + label {
padding-left: 15px
}
@media only screen and (max-width: 980px) {
#page-container .contact_form_3_M .et_pb_column_1_4 {
margin-right: 2% !important;
width: 32% !important
}
#page-container .contact_form_3_M .et_pb_column_1_4:last-child,
#page-container .contact_form_3_M .et_pb_column_1_4:nth-last-child(2) {
margin-right: 0 !important
}
#page-container .contact_form_3_M .et_pb_column_1_4:last-child {
width: 100% !important
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_promo_description {
max-width: 100% !important;
text-align: center !important;
padding-top: 30px !important
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_promo_description h2 {
transform: rotate(0);
position: static
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_promo_description p {
text-align: center;
position: relative;
z-index: 3;
top: -14px
}
}
@media only screen and (max-width: 767px) {
.contact_form_3_M .et_pb_contact_form_container p.et_pb_contact_field_half {
width: 100% !important;
margin-right: 0 !important
}
#page-container .contact_form_3_M .et_pb_row:first-child {
display: block !important
}
#page-container .contact_form_3_M .et_pb_row:first-child .et_pb_column_1_4 {
display: block !important;
float: none !important;
margin: 0 auto 30px !important;
width: 100% !important
}
#page-container .contact_form_3_M .et_pb_row:first-child .et_pb_column_1_4:last-child {
margin-bottom: 0 !important
}
.contact_form_3_M .et_pb_column_1_4 .et_pb_promo_description {
padding-bottom: 0 !important
}
}
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description p {
margin-top: -29px
}
.contact_form_4_M form {
margin-left: 0 !important
}
.contact_form_4_M .et_pb_contact_field_options_title,
.contact_form_4_M .et_pb_contact_field_radio_title {
display: none !important
}
.contact_form_4_M p[data-id=select_month] span.et_pb_contact_field_radio:last-child,
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio:last-child,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio:last-child {
margin-right: 0 !important
}
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio {
width: 29% !important;
margin-right: 6.5% !important;
float: left;
}
#page-container .contact_form_4_M p.et_pb_contact_field[data-id=type_of_project],
#page-container .contact_form_4_M p.et_pb_contact_field[data-id=price],
#page-container .contact_form_4_M p[data-id=when_its_ready] .et_pb_contact_field_options_list,
#page-container .contact_form_4_M p[data-id=when_its_ready] .et_pb_contact_field_options_list label,
#page-container .contact_form_4_M p[data-id=no_big_rush] .et_pb_contact_field_options_list,
#page-container .contact_form_4_M p[data-id=no_big_rush] .et_pb_contact_field_options_list label,
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_options_list,
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_options_list label,
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio_list,
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio_list label,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_options_list,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_options_list label,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio_list,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio_list label {
display: block;
width: 100% !important;
text-align: center
}
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio label i,
.contact_form_4_M p[data-id=when_its_ready] label i,
.contact_form_4_M p[data-id=no_big_rush] label i,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio label i {
display: none !important
}
.contact_form_4_M p.et_pb_contact_field:not([data-id=message]) {
width: 29% !important;
margin-right: 6.5% !important;
float: left;
padding: 0 !important;
clear: none !important;
margin-bottom: 51px !important
}
#page-container .contact_form_4_M p[data-id=when_its_ready],
#page-container .contact_form_4_M p[data-id=no_big_rush],
#page-container .contact_form_4_M p[data-id=phone] {
margin-right: 0 !important
}
#page-container .contact_form_4_M p.et_pb_contact_field[data-id=message] {
padding: 0 !important
}
#page-container .contact_form_4_M p.et_pb_contact_field[data-id=message]:before {
content: "BRIEF DESCRIPTION";
padding-top: 15px !important
}
#page-container .contact_form_4_M .details:before {
content: "YOUR DETAILS";
margin-bottom: 25px !important
}
#page-container .contact_form_4_M .start_date:before {
content: "IDEAL START DATE";
margin-bottom: 17px !important
}
#page-container .contact_form_4_M .end_date:before {
content: "IDEAL LAUNCH DATE";
margin-bottom: 23px !important;
padding-top: 10px !important;
display: block
}
#page-container .contact_form_4_M .details,
#page-container .contact_form_4_M .end_date,
#page-container .contact_form_4_M .start_date {
clear: both
}
#page-container .contact_form_4_M p[data-id=price]:before {
content: 'LIKELY BUDGET';
padding-top: 4px !important
}
#page-container .contact_form_4_M p[data-id=type_of_project]:before {
content: 'TYPE OF PROJECT'
}
#page-container .contact_form_4_M .details:before,
#page-container .contact_form_4_M .end_date:before,
#page-container .contact_form_4_M .start_date:before,
#page-container .contact_form_4_M p.et_pb_contact_field[data-id=message]:before,
#page-container .contact_form_4_M p[data-id=type_of_project]:before,
#page-container .contact_form_4_M p[data-id=price]:before {
display: block;
text-align: center;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 39px
}
#page-container .contact_form_4_M p[data-id=when_its_ready] > label:not(.et_pb_contact_form_label),
#page-container .contact_form_4_M p[data-id=no_big_rush] > label:not(.et_pb_contact_form_label) {
display: block !important;
text-align: center
}
#page-container .contact_form_4_M p > label {
display: none !important
}
.contact_form_4_M .et_pb_contact p input[type=checkbox],
.contact_form_4_M .et_pb_contact p input[type=radio] {
max-width: none;
margin: 0;
padding: 0;
opacity: 0;
width: 0;
height: 0
}
#page-container .contact_form_4_M .et_pb_contact_field_options_list {
display: flex;
justify-content: space-between;
}
#page-container .contact_form_4_M p[data-id=when_its_ready] .et_pb_contact_field_options_list label,
#page-container .contact_form_4_M p[data-id=no_big_rush] .et_pb_contact_field_options_list label,
.contact_form_4_M .et_pb_contact_field_radio {
background-color: #f9f9f9
}
#page-container .contact_form_4_M .et_pb_contact p input[type=checkbox]:checked + label,
#page-container .contact_form_4_M .et_pb_contact_field_radio.clicked label {
color: #fff !important;
text-align: left !important
}
#page-container .contact_form_4_M .et_pb_contact p input[type=checkbox] + label,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]),
#page-container .contact_form_4_M .et_pb_contact_field_radio label {
position: relative;
z-index: 9;
overflow: hidden
}
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]).filled input,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]).filled textarea,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]).focus input,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]).focus textarea {
color: #fff !important
}
#page-container .contact_form_4_M .et_pb_contact p input[type=checkbox]:checked + label:before,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]).filled:before,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]).focus:before,
#page-container .contact_form_4_M .et_pb_contact_field_radio.clicked label:before {
transform: translate(0, 0)
}
#page-container .contact_form_4_M .et_pb_contact p input[type=checkbox] + label:before,
#page-container .contact_form_4_M .et_pb_contact p:not([data-type=radio]):before,
#page-container .contact_form_4_M .et_pb_contact_field_radio label:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #512da8;
z-index: -1;
transform: translate(-103%, 0);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s
}
.contact_form_4_M .et_pb_contact p select {
background-color: transparent !important;
text-align: center;
text-align-last: center;
border-bottom: 1px solid #512da8
}
#page-container .contact_form_4_M p[data-id=when_its_ready] label:not(.et_pb_contact_form_label):after,
#page-container .contact_form_4_M p[data-id=no_big_rush] label:not(.et_pb_contact_form_label):after,
.contact_form_4_M .et_pb_contact p .et_pb_contact_field_radio > label:after {
content: "R";
font-family: ETmodules !important;
color: #512da8 !important;
float: right;
transform: translate(40px, 0);
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s
}
#page-container #main-content .contact_form_4_M .et_pb_contact p input[type=checkbox]:checked + label:after,
#page-container #main-content .contact_form_4_M .et_pb_contact_field_radio.clicked label:after {
transform: translate(0, 0);
opacity: 1;
color: #fff !important
}
#page-container .contact_form_4_M p[data-id=when_its_ready] > label:not(.et_pb_contact_form_label),
#page-container .contact_form_4_M p[data-id=no_big_rush] > label:not(.et_pb_contact_form_label),
.contact_form_4_M .et_pb_contact p .et_pb_contact_field_radio > label {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s
}
#page-container .contact_form_4_M p[data-id=when_its_ready] .et_pb_contact_field_options_list label,
#page-container .contact_form_4_M p[data-id=no_big_rush] .et_pb_contact_field_options_list label,
.contact_form_4_M .et_pb_contact p .et_pb_contact_field_radio > label,
.contact_form_4_M .et_pb_contact p input,
.contact_form_4_M .et_pb_contact p select,
.contact_form_4_M .et_pb_contact p textarea {
padding: 16px !important;
font-size: 16px !important;
color: #757575 !important
}
.contact_form_4_M .et_pb_contact p textarea {
height: 300px;
resize: none
}
.contact_form_4_M .et_contact_bottom_container {
float: none !important;
display: block;
position: relative;
margin: 0 auto;
max-width: 331px;
z-index: 9
}
.contact_form_4_M .et_contact_bottom_container:after,
.contact_form_4_M .et_contact_bottom_container:before {
content: "";
display: block !important;
position: absolute;
top: 0;
right: 0;
opacity: 1 !important;
z-index: -1;
height: 100%;
width: 100%;
bottom: 0;
margin: auto !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s
}
.contact_form_4_M .et_contact_bottom_container:before {
box-shadow: inset 0 -1px 0 #512da8, inset 0 1px 0 #512da8
}
.contact_form_4_M .et_contact_bottom_container:after {
height: 0 !important;
background-color: #512da8
}
.contact_form_4_M .et_contact_bottom_container:hover:before {
height: 0 !important
}
.contact_form_4_M .et_contact_bottom_container:hover:after {
transition-delay: .3s !important;
height: 100% !important
}
.contact_form_4_M .et_pb_contact_form_container .et-pb-contact-message {
font-size: 18px
}
.contact_form_4_M .et_pb_contact_form_container .et-pb-contact-message ul {
padding-bottom: 10px !important
}
@media only screen and (max-width: 1390px) {
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description h2 {
font-size: 80px !important
}
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description p {
margin-top: -16px
}
}
@media only screen and (max-width: 1230px) {
#page-container .contact_form_4_M .et_pb_contact p input[type=checkbox]:checked + label,
#page-container .contact_form_4_M .et_pb_contact_field_radio.clicked label {
text-align: center !important;
}
.contact_form_4_M .et_pb_contact p .et_pb_contact_field_radio > label:after {
float: none;
margin-left: 10px;
}
}
@media only screen and (max-width: 980px) {
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description {
padding-bottom: 0 !important
}
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description h2 {
font-size: 60px !important
}
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description p {
font-size: 24px !important
}
#page-container .contact_form_4_M .et_pb_contact_field_options_list {
display: block;
}
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio, .contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description h2 {
font-size: 40px !important
}
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description p {
margin-top: -10px
}
.contact_form_4_M p.et_pb_contact_field:not([data-id=message]) {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 0 !important
}
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio {
width: 100% !important;
margin-right: 0 !important;
float: left;
margin-bottom: 10px
}
.contact_form_4_M p[data-id=type_of_project] span.et_pb_contact_field_radio:last-child,
.contact_form_4_M p[data-id=price] span.et_pb_contact_field_radio:last-child {
margin-bottom: 0 !important
}
#page-container .contact_form_4_M .details:before,
#page-container .contact_form_4_M .end_date:before,
#page-container .contact_form_4_M .start_date:before,
#page-container .contact_form_4_M p.et_pb_contact_field[data-id=message]:before,
#page-container .contact_form_4_M p[data-id=type_of_project]:before,
#page-container .contact_form_4_M p[data-id=price]:before {
margin-bottom: 30px !important;
padding-top: 30px !important;
font-size: 20px !important
}
#page-container .contact_form_4_M p[data-id=when_its_ready] > label:not(.et_pb_contact_form_label),
#page-container .contact_form_4_M p[data-id=no_big_rush] > label:not(.et_pb_contact_form_label) {
margin-top: 10px !important
}
.contact_form_4_M .et_pb_contact p textarea {
height: 200px
}
}
@media only screen and (max-width: 480px) {
.contact_form_4_M .et_pb_column_4_4 .et_pb_promo_description p {
font-size: 16px !important
}
#page-container .contact_form_4_M .et_contact_bottom_container button.et_pb_button {
padding: 16px 30px !important;
width: 100%
}
}