* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; font-family:'Heebo', sans-serif;}
html {font-size:18px; direction:rtl; position:relative;}
body {text-align:center; background-repeat:no-repeat; background-position:50% 0; background-size:cover; position:relative; color:#58606d; font-size:1rem; animation:fadein 3s;}
body.dg1 {background-image:url('bg1.jpg');}
body.dg2 {background-image:url('bg2.jpg');}
body.dg3 {background-image:url('bg3.jpg');}
body1:before {content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:100vh; background:url('bg_angle.svg') no-repeat 0 0; background-size:60%;}
body:after {display:none; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:100vh 50vw 0 0; border-color:#0096a4 transparent transparent transparent;}
a, a:hover {color:inherit; text-decoration:none;}
main {display:table; width:100%; height:calc(100vh - 210px); position:relative;}
section {position:relative;}
section .logo {text-align:right;}
.row {display:table-row;}
.cell {display:table-cell; vertical-align:middle;}
iframe, form .logo, .close, .hide {display:none;}
article {text-align:right;}
article p {font-weight:500; padding:6px 0 0;}
article .small {font-size:0.69rem;}
h1 {color:#007784; font-size:2.22rem; padding:3vh 0; line-height:111%; max-width:420px; margin:0; font-weight:1000; text-shadow:0px 1px 1px #999;}
h3 {font-size:1.35rem;}
h4 {font-size:1.2rem;}
form {width:291px; padding:39px; background:-moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);}
form h3 {color:#fff; padding:15px 0; text-align:right; line-height:110%; font-size:1.2rem; padding:0 3px;}
form p {padding:6px; text-align:right;}
input, button {width:100%; font-size:0.66rem; padding:7.5px 9px; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.33); border-top-left-radius:18px; border-bottom-left-radius:18px;}
button {background-color:#cd312d; color:#fff; font-weight:500; max-width:69px; font-size:0.75rem; text-indent:-3px; cursor:pointer;}
label {display:block; font-size:0.66rem; cursor:pointer; font-weight:500; line-height:135%;}
label:before {content:' '; display:inline-block; width:9px; height:9px; border:1px solid #58606d; vertical-align:top; margin:3px 0 15px 9px; float:right; font-size:0.81rem; line-height:6px;}
input:checked + label:before {content:'\2714';}
aside {background-color:#cd312d; color:#fff; padding:24px; font-size:0; position:relative;}
aside ul {list-style-type:none; display:flex; justify-content:space-between; width:100%;}
aside ul li {margin:0; max-width:240px;}
aside figure span {display:inline-block; height:45px;}
aside figcaption {font-size:0.69rem;}
aside h3 {font-weight:normal; padding:21px 0;}
aside .low {padding:9px 0 0;}
footer {background-color:rgba(255,255,255,0.6); font-size:0.6rem; padding:24px; position:relative;}
footer:before {content:' '; display:block; width:45%; height:135px; position:absolute; top:0; left:0; background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.1) 100%);}
footer img {vertical-align:middle; margin:0 12px 0 3px;}
footer a {display:inline-block;}
footer .right {float:right; font-weight:700; position:relative;}
footer .left {float:left; position:relative; font-size:0;}
footer .left img {margin:0; position:relative; left:-6px; height:12px; vertical-align:middle;}
footer .copy {display:inline-block; font-size:0.6rem; vertical-align:middle;}
footer .copy:after {content:' | '; display:inline-block; padding:0 6px 0 0;}
.stripe {position:fixed; left:0; bottom:0; width:100%; padding:15px; background:url('bg_strip.svg') no-repeat 50% 50%; background-size:cover; color:#fff; display:none;}
.pop {position:fixed; top:0; left:0; display:none; width:100%; height:100vh; background-color:rgba(255,255,255,0.75); z-index:999;}
.has-popup .pop {display:table;}
.pop .cell {text-align:center;}
.pop .inner {display:table; text-align:center; padding:30px; background-color:#fff; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.33); width:300px; max-width:100%; border-radius:15px;}
.pop p {padding:15px 0;}
.pop .btn {background-color:#cd312d; color:#fff; font-weight:500; padding:6px 30px; border-radius:15px; cursor:pointer; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.33);}
.txt-grad {display:inline-block; background:linear-gradient(to right, #007784 30%, #3bbec7 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.call {display:inline-block; position:fixed; left:0; bottom:99px; z-index:333;}

@keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}

@media (min-width:1170px){
html, body {height:100vh; overflow:hidden;}
.wrapper {width:1170px;}
section .logo {position:absolute; top:15px; right:0;}
article {padding:154px 0 0;}
}

@media (min-width:1983px){
html {font-size:25.5px;}
body:before {background-size:66%;}
main {height:calc(100vh - 249px);}
.wrapper {width:70vw;}
h1 {max-width:810px; font-size:2.4rem;}
section .logo {padding:30px 0 3vh;}
section .logo img {width:150px;}
article .small {padding:6px 0 15vh; font-size:0.72rem;}
form {width:450px;}
form p {padding:12px;}
label:before {width:15px; height:15px; margin:6px 0 15px 9px; text-indent:-6px;}
input {padding:15px; border-top-left-radius:30px; border-bottom-left-radius:30px;}
button {padding:15px; min-width:120px; border-top-left-radius:30px; border-bottom-left-radius:30px;}
aside h3 {padding:39px 0 0;}
aside ul {flex-wrap:wrap;}
aside ul li {width:100%; max-width:16%;}
aside figure span {height:60px;}
aside figure span img {width:36px;}
aside figcaption {font-size:0.6rem;}
footer {font-size:0.54rem;}
footer .right img {height:27px;}
footer .left img {height:15px;}
footer .copy {font-size:0.45rem;}
.call {bottom:120px;}
}

@media (max-width:1170px){
br.dsk {display:none;}
main section {padding:30px;}
}

@media (max-width:750px){
html {font-size:16.8px;}
body {background:#fff !important; padding:0 0 30px;}
body:before, footer .copy:after {content:none;}
.dg1 main {background:#fff url('bgm1.jpg') no-repeat 0 0; background-size:cover;}
.dg2 main {background:#fff url('bgm2.jpg') no-repeat 0 0; background-size:cover;}
.dg3 main {background:#fff url('bgm3.jpg') no-repeat 0 0; background-size:cover;}
form.cell {position:fixed; top:100vh; left:0; width:100%; height:100vh; background:linear-gradient(to right, #22aabd 0%, #586070 100%); background:url('bg_form.jpg') no-repeat 50% 50%; background-size:cover; color:#fff; display:none; padding:24px 54px; transition:all 1.5s;}
.has-form form.cell {display:block; z-index:666; top:0;}
form .logo {display:inline-block;}
form h3 {font-size:1.74rem; line-height:111%; padding:6vh 0 30px; text-shadow:0px 1px 1px #999;}
form p {padding:7.5px 6px;}
form .check {padding:15px 6px;}
input, button {font-size:0.9rem; padding:9px 12px; min-width:90px; box-shadow:0px 1px 3px 0px rgba(0,0,0,0.2);}
form button {padding:9px;}
label {font-size:0.84rem; font-weight:normal;}
label:before {border-color:#fff; width:12px; height:12px;}
section.cell {padding:0 30px 12vh; height:96vh;}
section .logo {padding:0 0 10vh; text-align:center;}
section .logo img, form .logo img {max-width:110px;}
h1 {max-width:270px;}
h1 span {display:inline-block; width:3vw;}
article h3 {font-size:1.2rem;}
article p {font-size:0.84rem; padding:0;}
article .small {padding:6px 0 0; font-size:0.62rem;}
aside {padding:15px;}
aside h3 {padding:21px 0 0;}
aside ul {flex-wrap:wrap;}
aside ul li {width:50%; padding:18px 6px;}
aside figcaption {font-size:0.75rem; line-height:130%;}
footer a {font-size:0;}
footer .right img {margin:0 0 0 4px !important; height:25px;}
footer .left img {width:175px; margin:0; left:0;}
footer .left {text-align:left; padding:5px 0 0;}
footer .copy {display:block; font-size:0.52rem; line-height:111%;}
.close {display:inline-block; position:absolute; top:30px; left:15px; color:#fff; font-size:3rem; transform:rotate(-45deg); line-height:0; font-weight:300;}
.stripe {display:block;}
.call {bottom:auto; top:30px;}
.call img {max-width:48px;}
}

@media (max-width:330px){
article p {font-size:0.75rem;}
article .small {font-size:0.6rem;}
.stripe h4 {font-size:0.99rem;}
footer .copy {font-size:0.45rem;}
}