@charset "UTF-8";
/* CSS Document */

body {
background-color: rgba(239,239,239,0.60);
background:url("../../images/lp-bg.jpg");
background-size: contain;
margin-top: 6%;
}

img{width: 80%; height: 80%; margin-top:14px;}

@media only screen and (max-width:780px) {
img{width: 90%; height: 70%; margin: 16px 0;}
}

@media only screen and (max-width:780px) {
br{display: none}
}	

.pripla{
width: 40%;
margin: 10px 10%;
}


p{
font-size: 0.9rem;
color: #444;
}

h1{ font-size: 1rem; margin: 10px; font-weight: 700; color: #444;}

@media only screen and (max-width:780px) {
h1{ font-size: 0.9rem; margin: 10px; font-weight: 700; color: #444;}
}

h2{ font-size: 1.6rem; margin: 10px; font-weight: 800; color: #3aa4a8;}

@media only screen and (max-width:780px) {
h2{ font-size: 1rem; margin: 0px; font-weight: 800; color: #3aa4a8;}
}


h3 {
position: relative;
display: inline-block;
padding: 0 55px;
margin-bottom: 10px;
color: #444;
font-weight: 800;
font-size: 1.3rem;
}

h3:before, h3:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #444;
}

h3:before {
left:0;
}
h3:after {
right: 0;
}	




.pripla_box{
width: auto;
margin: 10px 36%;
padding: 10px;
}

@media only screen and (max-width:780px) {
.pripla_box{
width: auto;
margin: 10px 16%;
padding: 10px;
}
}




.url_box{
width: 80%;
margin: 30px auto;
padding: 10px 0;
background: #FFF;
border-radius: 20px;
border: 6px #EFEFEF solid;
}

@media only screen and (max-width:780px) {
.url_box{
width: 90%;
margin: 18px auto;
padding: 10px 0;
border: 1px solid #FFF;
border-radius: 20px;
}
}


a {
color: #38a4a7;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration-line: none;
}

.tex-box{padding: 0 10%;}

@media only screen and (max-width:780px) {
.tex-box{padding: 0 4%; text-align: left;}
}


.copy{
color: #444;
margin: 40px 0;
}



.neumorphism {
background-color:rgba(56,164,167,1.00);
padding: 14px;
margin: 0 30%;
border-radius: 44px;
}
.neumorphism .box {
border-radius: 30px;
padding: 60px 10px;
}
.neumorphism .box, .neumorphism .circle {
background-color: rgba(255,255,255,1.00);
transition: box-shadow 0.5s;
box-shadow:
10px 10px 30px rgba(18, 47, 61, 0.5),
-10px -10px 30px rgba(255,255,255,1.00),
inset 10px 10px 30px transparent,
inset -10px -10px 30px transparent;
}
.neumorphism .box:hover, .neumorphism .circle:hover {
box-shadow:
10px 10px 30px transparent,
-10px -10px 20px transparent,
inset 10px 10px 20px rgba(18, 47, 61, 0.4),
inset -10px -10px 20px rgba(248, 253, 255, 0.1);
}


@media only screen and (max-width:780px) {
.neumorphism {
background-color:rgba(56,164,167,1.00);
padding: 16px;
margin: 0;
}
.neumorphism .box {
border-radius: 24px;
padding: 16px;
}
.neumorphism .box, .neumorphism .circle {
background-color:rgba(255,255,255,1.00);
transition: box-shadow 0.5s;
box-shadow:
10px 10px 30px rgba(18, 47, 61, 0.5),
-10px -10px 30px rgba(248, 253, 255, 0.9),
inset 10px 10px 30px transparent,
inset -10px -10px 30px transparent;
}
.neumorphism .box:hover, .neumorphism .circle:hover {
box-shadow:
10px 10px 30px transparent,
-10px -10px 30px transparent,
inset 10px 10px 30px rgba(18, 47, 61, 0.5),
inset -10px -10px 30px rgba(248, 253, 255, 0.9);
}
}