@font-face {
font-family:'VAGRoundedStd-Black';
src:url(../fonts/VAGRoundedStd-Black.otf);
src:local(☺),url(../fonts/VAGRoundedStd-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/VAGRoundedStd-Black.woff) format("woff"),url(../fonts/VAGRoundedStd-Black.woff2) format("woff2"),url(../fonts/VAGRoundedStd-Black.ttf) format("truetype"),url(../fonts/VAGRoundedStd-Black.svg) format("svg")
}

@font-face {
font-family:'VAGROUNDEDSTD-LIGHT';
src:url(Fonts/VAGRoundedStd-Light.otf);
src:local(☺),url(../fonts/VAGRoundedStd-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/VAGRoundedStd-Light.woff) format("woff"),url(../fonts/VAGRoundedStd-Light.woff2) format("woff2"),url(../fonts/VAGRoundedStd-Light.ttf) format("truetype"),url(../fonts/VAGRoundedStd-Light.svg) format("svg")
}

p {
font-family:'VAGROUNDEDSTD-LIGHT'
}

h1 {
font-family:'VAGRoundedStd-Black'
}

.bs-slider {
overflow:hidden;
position:relative
}

.bs-slider:hover {
cursor:-moz-grab;
cursor:-webkit-grab
}

.bs-slider:active {
cursor:-moz-grabbing;
cursor:-webkit-grabbing
}

.bs-slider .bs-slider-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img {
margin:auto;
width:100%!important
}

.fade {
opacity:1
}

.fade .item {
top:0;
z-index:1;
opacity:0;
width:100%;
position:absolute;
left:0!important;
display:block!important;
-webkit-transition:opacity ease-in-out 1s;
-moz-transition:opacity ease-in-out 1s;
-ms-transition:opacity ease-in-out 1s;
-o-transition:opacity ease-in-out 1s;
transition:opacity ease-in-out 1s
}

.fade .item:first-child {
top:auto;
position:relative
}

.fade .item.active {
opacity:1;
z-index:2;
-webkit-transition:opacity ease-in-out 1s;
-moz-transition:opacity ease-in-out 1s;
-ms-transition:opacity ease-in-out 1s;
-o-transition:opacity ease-in-out 1s;
transition:opacity ease-in-out 1s
}

.control-round .carousel-control {
top:47%;
opacity:0;
width:45px;
height:45px;
z-index:100;
color:#03509E;
display:block;
font-size:24px;
cursor:pointer;
overflow:hidden;
line-height:43px;
text-shadow:none;
position:absolute;
font-weight:400;
background:transparent;
-webkit-border-radius:100px;
border-radius:100px
}

.control-round:hover .carousel-control {
opacity:1
}

.control-round .carousel-control.left {
left:1%
}

.control-round .carousel-control.right {
right:1%
}

.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover {
color:#fdfdfd;
background:rgba(0,0,0,0.5);
border:0 transparent
}

.control-round .carousel-control.left>span:nth-child(1) {
left:45%
}

.control-round .carousel-control.right>span:nth-child(1) {
right:45%
}

.indicators-line > .carousel-indicators {
right:45%;
bottom:3%;
left:auto;
width:90%;
height:20px;
font-size:0;
overflow-x:auto;
text-align:right;
overflow-y:hidden;
padding-left:10px;
padding-right:10px;
padding-top:1px;
white-space:nowrap
}

.indicators-line > .carousel-indicators li {
padding:0;
width:15px;
height:15px;
border:1px solid #9e9e9e;
text-indent:0;
overflow:hidden;
text-align:left;
position:relative;
letter-spacing:1px;
background:#9e9e9e;
-webkit-font-smoothing:antialiased;
-webkit-border-radius:50%;
border-radius:50%;
margin-right:5px;
-webkit-transition:all .5s cubic-bezier(0.22,0.81,0.01,0.99);
transition:all .5s cubic-bezier(0.22,0.81,0.01,0.99);
z-index:10;
cursor:pointer
}

.indicators-line > .carousel-indicators li:last-child {
margin-right:0
}

.indicators-line > .carousel-indicators .active {
margin:1px 5px 1px 1px;
box-shadow:0 0 0 2px #fff;
background-color:transparent;
position:relative;
-webkit-transition:box-shadow .3s ease;
-moz-transition:box-shadow .3s ease;
-o-transition:box-shadow .3s ease;
transition:box-shadow .3s ease;
-webkit-transition:background-color .3s ease;
-moz-transition:background-color .3s ease;
-o-transition:background-color .3s ease;
transition:background-color .3s ease
}

.indicators-line > .carousel-indicators .active:before {
transform:scale(0.5);
background-color:#fff;
content:"";
position:absolute;
left:-1px;
top:-1px;
width:15px;
height:15px;
border-radius:50%;
-webkit-transition:background-color .3s ease;
-moz-transition:background-color .3s ease;
-o-transition:background-color .3s ease;
transition:background-color .3s ease
}

.slide_style_left {
text-align:left!important
}

.slide_style_right {
text-align:right!important
}

.slide_style_center {
text-align:center!important
}

.slide-text {
left:0;
top:13%;
right:0;
margin:auto;
padding:10px;
position:absolute;
text-align:left;
padding:0 45px
}

.slide-text > h1 {
padding:0;
color:#72BF44;
font-size:60px;
font-style:normal;
line-height:100%;
margin-bottom:0;
letter-spacing:1px;
display:inline-block;
-webkit-animation-delay:.7s;
animation-delay:.7s;
margin-top:0
}

.slide-text > p {
padding:0;
color:#72BF44;
font-size:40px;
line-height:50px;
font-weight:300;
margin-bottom:0;
letter-spacing:1px;
-webkit-animation-delay:.7s;
animation-delay:.7s
}

.para p {
font-size:22px!important;
line-height:initial;
width:70%;
text-align:justify
}

.paralast {
height:84%
}

.calcbtn {
-webkit-animation-delay:.9s;
animation-delay:.9s
}

.calcbtn,.calcbtn:hover,.calcbtn:focus,.calcbtn.active {
background:transparent;
border:0;
box-shadow:none;
padding:0;
outline:0;
position:absolute;
bottom:5%;
z-index:999;
left:5%
}

.slide-text > a.btn-default {
color:#000;
font-weight:400;
font-size:13px;
line-height:15px;
margin-right:10px;
text-align:center;
padding:17px 30px;
white-space:nowrap;
letter-spacing:1px;
display:inline-block;
border:none;
text-transform:uppercase;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;
transition:background .3s ease-in-out,color .3s ease-in-out
}

.slide-text > a.btn-primary {
color:#fff;
cursor:pointer;
font-weight:400;
font-size:13px;
line-height:15px;
margin-left:10px;
text-align:center;
padding:17px 30px;
white-space:nowrap;
letter-spacing:1px;
background:#00bfff;
display:inline-block;
text-decoration:none;
text-transform:uppercase;
border:none;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;
transition:background .3s ease-in-out,color .3s ease-in-out
}

.slide-text > a:hover,.slide-text > a:active {
color:#fff;
background:#222;
-webkit-transition:background .5s ease-in-out,color .5s ease-in-out;
transition:background .5s ease-in-out,color .5s ease-in-out
}

#myModal .modal-lg {
width:800px;
margin-top:0
}

#myModal .modal-body {
position:relative;
padding:0;
display:flex!important;
justify-content:center;
align-items:center;
align-content:center;
height:100vh;
background:transparent
}

#myModal .modal-content {
background:transparent;
border:0;
box-shadow:none
}

.elementimg {
background:transparent;
position:absolute;
bottom:5%;
z-index:999;
width:250px;
right:5%
}

.elementimg img {
width:100%
}

.modal-header {
display:none
}

.bounce {
-moz-animation:bounce 2s infinite;
-webkit-animation:bounce 2s infinite;
animation:bounce 2s infinite
}

@keyframes bounce {
from {
transform:translateY(0px)
}

to {
transform:translateY(-30px)
}
}

@-webkit-keyframes bounce {
from {
transform:translateY(0px)
}

to {
transform:translateY(-30px)
}
}

.bounce2 {
animation:bounce 1.5s infinite alternate;
-webkit-animation:bounce 1.5s infinite alternate
}

.coronaelements {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.coronaelements img {
width:100%
}

.coronaelements figure {
position:absolute
}

figure.corona1 {
width:24px;
top:4%;
left:41%
}

figure.corona2 {
width:37px;
top:7%;
right:9%
}

figure.corona3 {
width:29px;
top:39%;
left:59%
}

figure.corona4 {
width:61px;
top:44%;
left:-2%
}

figure.corona5 {
width:20px;
top:58%;
left:27%
}

.rotate {
animation:rotation 10s infinite linear
}

@keyframes rotation {
from {
transform:rotate(0deg)
}

to {
transform:rotate(359deg)
}
}

.antirotate {
animation:antirotation 20s infinite linear
}

@keyframes antirotation {
from {
transform:rotate(0deg)
}

to {
transform:rotate(-359deg)
}
}



@media (max-width: 768px) {
.slide-text {
padding:10px 50px;
top:10%
}

.slide-text h1 {
font-size:40px;
line-height:40px;
margin-bottom:10px;
margin-top:10px
}

.slide-text > p {
font-size:25px;
line-height:120%
}

.para p {
font-size:19px!important
}

.control-round .carousel-control {
display:none
}
}

@media (max-width: 767px) {
#myModal .modal-lg {
width:95%;
margin-top:0;
display:flex;
height:90vh;
justify-content:center;
align-items:center
}

#myModal button.close {
position:absolute;
top:-15px;
right:-3px;
opacity:1;
color:#fff;
font-size:31px;
background:#72BF44;
width:30px;
height:30px;
border-radius:50%;
z-index:999
}

.modal-header {
border-bottom:none;
display:block;
padding:0
}

#myModal .modal-body {
height:auto
}

figure.corona1 {
width:4%;
top:3%
}

figure.corona2 {
width:6%
}

figure.corona3 {
width:4.5%;
top:44%;
left:48%
}

figure.corona4 {
width:11%;
top:39%
}

figure.corona5 {
width:3.5%;
top:56%;
left:26%
}
}

@media (max-width: 600px) {
.slide-text {
padding:10px 30px
}

.bs-slider-overlay {
display:none
}

.slide-text h1 {
font-size:32px;
margin-top:5px;
margin-bottom:5px;
line-height: 105%;
}

.slide-text > p {
font-size:22px
}

.para p {
font-size:12px!important;
line-height:140%
}
.para p br {
display: none;
}
.slide-text p span{ 
margin-bottom:0px;
}
.calcbtn figure {
direction:block;
position:relative
}

.calcbtn,.calcbtn:hover,.calcbtn:focus,.calcbtn.active {
width:30%;
z-index:99999
}

.calcbtn img {
width:100%
}



.slide-text > a.btn-default,.slide-text > a.btn-primary {
font-size:10px;
line-height:10px;
margin-right:10px;
text-align:center;
padding:10px 15px
}

.indicators-line > .carousel-indicators {
display:none
}

.elementimg {
width:30%
}

.intro {
display:none
}
}

@media (max-width: 480px) {



.slide-text h1, .slide-text  p span {
font-size:20px;
margin-top:5px;
margin-bottom:5px;
line-height: 105%;
}

.slide-text > p {
font-size:15px
}


.calcbtn figure {
direction:block;
position:relative
}

.calcbtn,.calcbtn:hover,.calcbtn:focus,.calcbtn.active {
width:30%;
z-index:99999
}

.calcbtn img {
width:100%
}

.para p {
font-size:8px!important;
}



}