/* Vain yhteystietosivulla käytettävät tyylit. */
.happy-clients-section3 {background:transparent; padding:1px 0 0px; position:relative; z-index:1;}
.about-offer-section {padding:0px 0 0px; margin-top:-231px;}
.about-offer-section .offer-section-box p {color:var(--e-global-color-text);}
.contact-us-header .navbar-nav .active>a {color:var(--e-global-color-accent) !important;}
.contact-us-header .navbar-nav li.nav-btn2 a:hover {color:var(--e-global-color-white) !important; background:var(--e-global-dark-moderate) !important; text-transform:uppercase; transition:all 0.3s ease-out;}
.contact-us-header {background:url(../images/contact-header.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center;}
.contact-us-header .home-banner-section {padding:0px 0 303px;}
.contact-offer-section {padding:133px 0 0px; margin-top:0;}
.contact-offer-section .offer-section-box .offer-section-inner i {color:var(--e-global-color-accent); font-size:32px; line-height:33px; border:2px solid var(--e-global-color-secondary); padding:24px; border-radius:100px; height:83px; width:83px;}
.contact-offer-section .offer-section-box {background:var(--e-global-color-white); box-shadow:0px 6px 38px 0 #dae0e5; padding:37px 60px 76px; border-radius:20px; text-align:center;}
.contact-offer-section .offer-section-box .offer-section-inner {background:var(--e-global-color-white); padding:21px 24px 11px; display:inline-block; border-radius:20px; margin-bottom:13px;}
.contact-form-section .carousel-card-form {padding:99px 93px 126px; background:var(--e-global-color-white); border-radius:20px; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:20px; margin-bottom:30px; box-shadow:0px 6px 38px 0 #e7e7e7;}
.contact-form-section .carousel-card-form input[type=text], .contact-form-section .carousel-card-form input[type=number], .contact-form-section .carousel-card-form textarea {width:100%; margin:0 0 35px; box-sizing:border-box; border:none; border-bottom:1px solid var(--e-global-color-secondary); padding-bottom:26px; outline:none;}
.contact-form-section .carousel-card-form .form-input-fields {margin-bottom:0px; line-height:19px; font-weight:400; color:var(--e-global-color-text);}
.contact-form-section .carousel-card-form .popup-btn button {color:var(--e-global-color-white); font-weight:bold; background:var(--e-global-color-accent); border-radius:28px; padding:14px 43px 14px 43px; font-size:14px; line-height:18px; display:inline-block; transition:all 0.3s ease-out; text-decoration:none; text-transform:uppercase; border:1px solid var(--e-global-color-accent);}
.contact-form-section .carousel-card-form .popup-btn button:hover {color:var(--e-global-color-accent); background:var(--e-global-color-white); border:1px solid var(--e-global-color-accent); transition:all 0.3s ease-out;}
.contact-form-section .carousel-card-form .popup-btn {text-align:center;}
.contact-form-section .carousel-bottom-fig {position:absolute; text-align:center; left:0; right:0; bottom:-70px;}
.contact-form-section .carousel-card-form .message-field {margin:0 0 39px !important;}
.contact-form-section {padding:137px 0 24px; z-index:22; position:relative;}
.contact-form-section h2 {text-align:center; margin-bottom:62px;}

@media screen and (max-width: 1440px) {
  .contact-us-header .home-banner-section {padding:0px 0 290px;}
  .contact-form-section {padding:100px 0 100px !important;}
  .happy-clients-section3 {padding:1px 0 100px;}
}

@media screen and (max-width: 1199px) {
  .about-offer-section {padding:50px 0px 96px !important; margin-top:0;}
  .about-offer-section .offer-section-box {background:var(--e-global-color-white); box-shadow:0px 6px 38px 0 #dae0e5; padding:37px 26px 55px; border-radius:20px; text-align:center;}
  .happy-clients-section3 {padding:74px 0 0px;}
  .contact-form-section {padding:0px 0 26px;}
  .about-offer-section {padding:82px 0;}
  .contact-form-section {padding:0px 0 100px !important;}
}

@media only screen and (max-width: 991px) {
  .contact-us-header .navbar-nav .active > a {color:var(--e-global-color-accent)!important; background:var(--e-global-color-white) !important;}
  .about-offer-section {padding:61px 0 66px;}
  .contact-offer-section {padding:61px 0 50px;}
  .about-offer-section .offer-section-box {padding:30px 18px !important; text-align:center;}
  .about-offer-section .offer-section-box h5 {font-size:20px; line-height:24px;}
  .about-offer-section .offer-section-box .offer-section-inner {background:var(--e-global-color-white); padding:21px 24px 11px; display:inline-block; border-radius:20px; margin-bottom:0px;}
  .happy-clients-section3 {padding:10px 0 0px !important;}
  .happy-clients-section3 .about-border {top:32% !important;}
  .contact-form-section {padding:11px 0 24px !important;}
  .contact-offer-section .offer-section-box .offer-section-inner i {font-size:28px; line-height:28px; padding:20px; height:70px; width:70px;}
  .contact-offer-section .offer-section-box {padding:10px 5px 30px;}
  .contact-offer-section .offer-section-box p {font-size:14px; line-height:20px;}
  .contact-offer-section .offer-section-box h5 {font-size:20px; line-height:24px; margin-bottom:10px;}
  .contact-offer-section .offer-section-box {padding:30px 4px !important; text-align:center;}
  .contact-form-section .carousel-card-form {padding:71px 60px 115px;}
  .contact-form-section {padding:0px 0 36px;}
  .contact-form-section h2 {text-align:center; margin-bottom:40px !important;}
  .contact-form-section .carousel-bottom-fig {bottom:-59px;}
  .contact-us-header .navbar-nav li.nav-btn2 a:hover {color:var(--e-global-color-primary) !important; background:var(--e-global-color-white) !important; border:none !important; border-radius:0; transition:all 0.3s ease-out;}
}

@media screen and (max-width: 767px) {
  .about-offer-section {padding:50px 0 50px;}
  .about-offer-section .offer-section-box .offer-section-inner {margin-bottom:10px; padding:0;}
  .contact-offer-section .offer-section-box {padding:15px 19px 30px; text-align:center;}
  .happy-clients-section3 .carousel-card {padding:190px 17px 18px;}
  .happy-clients-section3 .about-border {top:21% !important;}
  .happy-clients-section3 {padding:48px 0 0px;}
  .happy-clients-section3 {padding:34px 0px 0px !important;}
  .contact-form-section {padding:0px 0px 30px !important;}
  .contact-form-section .carousel-card-form input[type=text] {padding-bottom:18px;}
  .contact-form-section h2 {text-align:center; margin-bottom:30px !important;}
}

@media screen and (max-width: 575px) {
  .contact-offer-section .offer-section-box p {padding:0 40px;}
  .contact-offer-section .offer-section-box .offer-section-inner {margin-bottom:10px;}
  .contact-form-section .carousel-card-form {padding:40px 33px 111px;}
  .contact-offer-section h2 {margin-bottom:28px;}
  .contact-form-section h2 {text-align:center; margin-bottom:28px !important;}
  .contact-form-section h2 {text-align:center; margin-bottom:40px;}
  .happy-clients-section3 {padding:55px 0 0px !important;}
  .contact-form-section {padding:55px 0 15px !important;}
  .happy-clients-section3 .carousel-card {padding:173px 15px 18px;}
  .contact-form-section .carousel-card-form .popup-btn button {padding:11px 30px 11px 30px;}
}