:root {
    --whitergba10: rgba(255,255,255,1.0);
    --whitergba9: rgba(255,255,255,0.9);
    --whitergba8: rgba(255,255,255,0.8);
    --whitergba7: rgba(255,255,255,0.7);
    --whitergba6: rgba(255,255,255,0.6);
    --whitergba5: rgba(255,255,255,0.5);
    --whitergba4: rgba(255,255,255,0.4);
    --whitergba3: rgba(255,255,255,0.3);
    --whitergba2: rgba(255,255,255,0.2);
    --whitergba1: rgba(255,255,255,0.1);
    --whitergba0: rgba(255,255,255,0.0);

    --blackrgba10: rgba(0,0,0,1.0);
    --blackrgba9: rgba(0,0,0,0.9);
    --blackrgba8: rgba(0,0,0,0.8);
    --blackrgba7: rgba(0,0,0,0.7);
    --blackrgba6: rgba(0,0,0,0.6);
    --blackrgba5: rgba(0,0,0,0.5);
    --blackrgba4: rgba(0,0,0,0.4);
    --blackrgba3: rgba(0,0,0,0.3);
    --blackrgba2: rgba(0,0,0,0.2);
    --blackrgba1: rgba(0,0,0,0.1);
    --blackrgba0: rgba(0,0,0,0.0);


    /* LIGHT BLUE */
    --lblue1: #ff8921;
    --lblue2: #f5821f;
    --lblue3: #cc6d1b;
    --lbluergba1: rgba(245,130,31,0.1);
    --lbluergba2: rgba(245,130,31,0.2);
    --lbluergba3: rgba(245,130,31,0.3);
    --lbluergba4: rgba(245,130,31,0.4);
    --lbluergba5: rgba(245,130,31,0.5);
    --lbluergba6: rgba(245,130,31,0.6);
    --lbluergba7: rgba(245,130,31,0.7);
    --lbluergba8: rgba(245,130,31,0.8);
    --lbluergba9: rgba(245,130,31,0.9);
    --lbluergba10: rgba(245,130,31,1.0);

    /* DARK BLUE */
    --dblue1: #3d3638;
    --dblue2: #231f20;
    --dblue3: #0a0909;
    --dbluergba1: rgba(35,31,32,0.1);
    --dbluergba2: rgba(35,31,32,0.2);
    --dbluergba3: rgba(35,31,32,0.3);
    --dbluergba4: rgba(35,31,32,0.4);
    --dbluergba5: rgba(35,31,32,0.5);
    --dbluergba6: rgba(35,31,32,0.6);
    --dbluergba7: rgba(35,31,32,0.7);
    --dbluergba8: rgba(35,31,32,0.8);
    --dbluergba9: rgba(35,31,32,0.9);
    --dbluergba10: rgba(35,31,32,1.0);

    /* ORANGE */
    --orange1: #5e6366;
    --orange2: #3b3e40;
    --orange3: #232526;
    --orangergba1: rgba(59,62,64,0.1);
    --orangergba2: rgba(59,62,64,0.2);
    --orangergba3: rgba(59,62,64,0.3);
    --orangergba4: rgba(59,62,64,0.4);
    --orangergba5: rgba(59,62,64,0.5);
    --orangergba6: rgba(59,62,64,0.6);
    --orangergba7: rgba(59,62,64,0.7);
    --orangergba8: rgba(59,62,64,0.8);
    --orangergba9: rgba(59,62,64,0.9);
    --orangergba10: rgba(59,62,64,1.0);


    --white: #fff;
    --f1f1f1: #f1f1f1;
    --eeeeee: #eeeeee;
    --cccccc: #cccccc;
    --black: #000;
    --gray1: #111;
    --gray2: #222;
    --gray3: #333;
    --gray4: #444;
    --gray5: #555;
    --gray6: #666;
    --gray7: #777;
    --gray8: #888;
    --gray9: #999;

    --Whats1: #25d366;
    --Whats2: #128c7e;
    --Whatsrgba: rgba(37, 211, 102, 0.5);


    --theme-font: "Lato", sans-serif;
    --heading-font: "Montserrat", sans-serif;
    --special-font: "Lato", sans-serif;

}




body {

    position: relative;
    color: var(--dblue2);
    font-family: 'Lato', sans-serif;
    font-weight:normal;
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:var(--white)
}
body,
html { height: 100%;}

p,
li,
li a,
label {
    color: var(--dblue2);
}
p{
    font-size:1.1rem;
    line-height:1.2rem;
    margin-bottom:15px;
}

ul,li{
    list-style:none;
    padding:0px;
    margin:0px;	
}

figure{
    margin-bottom: 0;
}



a, .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus {
    text-decoration: none !important;
}
a:focus, a:hover {
    color: #212121;
    text-decoration: none !important;
}


a, button, input {
    border:none !important;
    outline: none !important;
    color: #212121;
}
.uppercase {
    text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    color: #787878;
    margin-top: 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}
label {
    font-weight: normal;
}
h1 { font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; }
h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; }
h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
.fw-1 { font-weight: 100; }
.fw-2 { font-weight: 200; }
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }
.fw-5 { font-weight: 500; }
.fw-6 { font-weight: 600; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }
.fw-9 { font-weight: 900; }
.l-height-24 { line-height: 24px; }
.l-height-26 { line-height: 26px; }
.l-height-28 { line-height: 28px; }
.l-height-30 { line-height: 30px; }
.l-height-32 { line-height: 32px; }
.l-height-34 { line-height: 34px; }
.l-height-36 { line-height: 36px; }
.l-height-38 { line-height: 38px; }
.l-height-40 { line-height: 40px; }
ul { margin: 0px; padding: 0px; }
p { font-weight: normal; line-height: 1.5; }
hr { margin:20px 0; padding: 0px; border-bottom:1px solid var(--cccccc); border-top: 0px; }
hr.light { margin: 0; padding: 0px; border-bottom:1px solid rgba(255,255,255,0.1); border-top: 0px; } 


*::-moz-selection { background: #212121; color: var(--white); text-shadow: none; }
::-moz-selection { background: #212121; color: var(--white); text-shadow: none; }
::selection { background: #212121; color: var(--white); text-shadow: none; }

.theme-color { color: #212121; }
.text-white { color: var(--white); }
.text-black { color: #787878; }
.text-gray { color: #999999; }

#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: var(--white);
    transition:all .5s ease-in-out;
    bottom:50px;
    right:15px;
    z-index: 999;
    background: #212121;
    width: 50px;
    height:50px;
    line-height:50px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.0);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(.7, 1, .7, 1);
}

@media (min-width:768px) {
    #back-to-top .top {
        right:15px;
    }
}
@media (min-width:1200px) {
    #back-to-top .top {
        right: 15px;
    }	
}

#back-to-top img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height:20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}


#back-to-top .top:hover{
    background: #111111;
    color: var(--white);
    -webkit-box-shadow: 0px 0px 30px 0px #111;
    -moz-box-shadow: 0px 0px 30px 0px #111;
    box-shadow: 0px 0px 30px 0px #111;
}

.content-xs {
    padding-top: 20px;
    padding-bottom: 20px;
}
.content {
    padding-top: 40px;
    padding-bottom: 40px;
}
.content-sm {
    padding-top: 60px;
    padding-bottom: 60px;
}
.content-md {
    padding-top: 80px;
    padding-bottom: 80px;
}
.content-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}
.content-xlg {
    padding-top: 150px;
    padding-bottom: 150px;
}

.theme-mt-0 { margin-top: 0 }
.theme-mt-10 { margin-top: 10px }
.theme-mt-15 { margin-top: 15px }
.theme-mt-20 { margin-top: 20px }
.theme-mt-30 { margin-top: 30px }
.theme-mt-35 { margin-top: 35px }
.theme-mt-40 { margin-top: 40px }
.theme-mt-50 { margin-top: 50px }
.theme-mt-60 { margin-top: 60px }
.theme-mt-70 { margin-top: 70px }
.theme-mt-80 { margin-top: 80px }
.theme-mt-90 { margin-top: 90px }
.theme-mt-100 { margin-top: 100px }
.theme-mt-110 { margin-top: 110px }
.theme-mt-120 { margin-top: 120px }
.theme-mt-130 { margin-top: 130px }
.theme-mt-140 { margin-top: 140px }
.theme-mt-150 { margin-top: 150px }

.theme-mr-0 { margin-right: 0px }
.theme-mr-10 { margin-right: 10px }
.theme-mr-15 { margin-right: 15px }
.theme-mr-20 { margin-right: 20px }
.theme-mr-30 { margin-right: 30px }
.theme-mr-40 { margin-right: 40px }
.theme-mr-50 { margin-right: 50px }
.theme-mr-60 { margin-right: 60px }
.theme-mr-70 { margin-right: 70px }
.theme-mr-80 { margin-right: 80px }
.theme-mr-90 { margin-right: 90px }
.theme-mr-100 { margin-right: 100px }
.theme-mr-110 { margin-right: 110px }
.theme-mr-120 { margin-right: 120px }
.theme-mr-130 { margin-right: 130px }
.theme-mr-140 { margin-right: 140px }
.theme-mr-150 { margin-right: 150px }

.theme-mb-0 { margin-bottom: 0 }
.theme-mb-5 { margin-bottom: 5px }
.theme-mb-10 { margin-bottom: 10px }
.theme-mb-15 { margin-bottom: 15px }
.theme-mb-20 { margin-bottom: 20px }
.theme-mb-25 { margin-bottom: 25px }
.theme-mb-30 { margin-bottom: 30px }
.theme-mb-35 { margin-bottom: 35px }
.theme-mb-40 { margin-bottom: 40px }
.theme-mb-50 { margin-bottom: 50px }
.theme-mb-60 { margin-bottom: 60px }
.theme-mb-70 { margin-bottom: 70px }
.theme-mb-80 { margin-bottom: 80px }
.theme-mb-90 { margin-bottom: 90px }
.theme-mb-100 { margin-bottom: 100px }
.theme-mb-110 { margin-bottom: 110px }
.theme-mb-120 { margin-bottom: 120px }
.theme-mb-130 { margin-bottom: 130px }
.theme-mb-140 { margin-bottom: 140px }
.theme-mb-150 { margin-bottom: 150px }

.theme-ml-0 { margin-left: 0 }
.theme-ml-10 { margin-left: 10px }
.theme-ml-15 { margin-left: 15px }
.theme-ml-20 { margin-left: 20px }
.theme-ml-30 { margin-left: 30px }
.theme-ml-40 { margin-left: 40px }
.theme-ml-50 { margin-left: 50px }
.theme-ml-60 { margin-left: 60px }
.theme-ml-70 { margin-left: 70px }
.theme-ml-80 { margin-left: 80px }
.theme-ml-90 { margin-left: 90px }
.theme-ml-100 { margin-left: 100px }
.theme-ml-110 { margin-left: 110px }
.theme-ml-120 { margin-left: 120px }
.theme-ml-130 { margin-left: 130px }
.theme-ml-140 { margin-left: 140px }
.theme-ml-150 { margin-left: 150px }

.theme-pt-0 { padding-top: 0 }
.theme-pt-10 { padding-top: 10px }
.theme-pt-15 { padding-top: 15px }
.theme-pt-20 { padding-top: 20px }
.theme-pt-30 { padding-top: 30px }
.theme-pt-40 { padding-top: 40px }
.theme-pt-50 { padding-top: 50px }
.theme-pt-55 { padding-top: 55px }
.theme-pt-60 { padding-top: 60px }
.theme-pt-70 { padding-top: 70px }
.theme-pt-80 { padding-top: 80px }
.theme-pt-90 { padding-top: 90px }
.theme-pt-100 { padding-top: 100px }
.theme-pt-110 { padding-top: 110px }
.theme-pt-120 { padding-top: 120px }
.theme-pt-130 { padding-top: 130px }
.theme-pt-140 { padding-top: 140px }
.theme-pt-150 { padding-top: 150px }
.theme-pt-160 { padding-top: 160px }
.theme-pt-200 { padding-top: 200px }

.theme-pr-0 { padding-right: 0 }
.theme-pr-10 { padding-right: 10px }
.theme-pr-15 { padding-right: 15px }
.theme-pr-20 { padding-right: 20px }
.theme-pr-30 { padding-right: 30px }
.theme-pr-40 { padding-right: 40px }
.theme-pr-50 { padding-right: 50px }
.theme-pr-60 { padding-right: 60px }
.theme-pr-70 { padding-right: 70px }
.theme-pr-80 { padding-right: 80px }
.theme-pr-90 { padding-right: 90px }
.theme-pr-100 { padding-right: 100px }
.theme-pr-110 { padding-right: 110px }
.theme-pr-120 { padding-right: 120px }
.theme-pr-130 { padding-right: 130px }
.theme-pr-140 { padding-right: 140px }

.theme-pb-0 { padding-bottom: 0 }
.theme-pb-10 { padding-bottom: 10px }
.theme-pb-15 { padding-bottom: 15px }
.theme-pb-20 { padding-bottom: 20px }
.theme-pb-25 { padding-bottom: 25px }
.theme-pb-30 { padding-bottom: 30px }
.theme-pb-40 { padding-bottom: 40px }
.theme-pb-50 { padding-bottom: 50px }
.theme-pb-55 { padding-bottom: 55px }
.theme-pb-60 { padding-bottom: 60px }
.theme-pb-70 { padding-bottom: 70px }
.theme-pb-80 { padding-bottom: 80px }
.theme-pb-90 { padding-bottom: 90px }
.theme-pb-100 { padding-bottom: 100px }
.theme-pb-110 { padding-bottom: 110px }
.theme-pb-120 { padding-bottom: 120px }
.theme-pb-130 { padding-bottom: 130px }
.theme-pb-140 { padding-bottom: 140px }
.theme-pb-150 { padding-bottom: 150px }
.theme-pb-160 { padding-bottom: 160px }

.theme-pl-0 { padding-left: 0 }
.theme-pl-10 { padding-left: 10px }
.theme-pl-15 { padding-left: 15px }
.theme-pl-20 { padding-left: 20px }
.theme-pl-30 { padding-left: 30px }
.theme-pl-40 { padding-left: 40px }
.theme-pl-50 { padding-left: 50px }
.theme-pl-60 { padding-left: 60px }
.theme-pl-70 { padding-left: 70px }
.theme-pl-80 { padding-left: 80px }
.theme-pl-90 { padding-left: 90px }
.theme-pl-100 { padding-left: 100px }
.theme-pl-110 { padding-left: 110px }
.theme-pl-120 { padding-left: 120px }
.theme-pl-130 { padding-left: 130px }
.theme-pl-140 { padding-left: 140px }
.theme-pl-150 { padding-left: 150px }

.theme-ptb-0 { padding: 0 }
.theme-ptb-10 { padding: 10px 0 }
.theme-ptb-20 { padding: 20px 0 }
.theme-ptb-30 { padding: 30px 0 }
.theme-ptb-40 { padding: 40px 0 }
.theme-ptb-50 { padding: 50px 0 }
.theme-ptb-60 { padding: 60px 0 }
.theme-ptb-70 { padding: 70px 0 }
.theme-ptb-80 { padding: 80px 0 }
.theme-ptb-90 { padding: 90px 0 }
.theme-ptb-100 { padding: 100px 0 }
.theme-ptb-110 { padding: 110px 0 }
.theme-ptb-120 { padding: 120px 0 }
.theme-ptb-130 { padding: 130px 0 }
.theme-ptb-140 { padding: 140px 0 }
.theme-ptb-150 { padding: 150px 0 }
.theme-ptb-160 { padding: 160px 0 }

.theme-mtb-0 { margin: 0 }
.theme-mtb-10 { margin: 10px 0 }
.theme-mtb-15 { margin: 15px 0 }
.theme-mtb-20 { margin: 20px 0 }
.theme-mtb-30 { margin: 30px 0 }
.theme-mtb-35 { margin: 35px 0 }
.theme-mtb-40 { margin: 40px 0 }
.theme-mtb-50 { margin: 50px 0 }
.theme-mtb-60 { margin: 60px 0 }
.theme-mtb-70 { margin: 70px 0 }
.theme-mtb-80 { margin: 80px 0 }
.theme-mtb-90 { margin: 90px 0 }
.theme-mtb-100 { margin: 100px 0 }
.theme-mtb-110 { margin: 110px 0 }
.theme-mtb-120 { margin: 120px 0 }
.theme-mtb-130 { margin: 130px 0 }
.theme-mtb-140 { margin: 140px 0 }
.theme-mtb-150 { margin: 150px 0; }
.theme-mtb-160 { margin: 160px 0; }


.overflow-hidden { overflow: hidden !important}
.clear-both { clear: both;}
.dp-none { display: none;}
.dp-block { display: block;}
.dp-table { display: table;}
.dp-inline-block { display: inline-block;}
.dp-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.no-padding {
    padding: 0px;
}
.no-margin {
    margin: 0px;
}
.no-border {
    border: none;
}
.pm0{
    padding: 0px !important;
    margin: 0px !important;
}

.animate-100 {
    -webkit-transition: .1s;
    transition: .1s;
}

.animate-200 {
    -webkit-transition: .2s;
    transition: .2s;
}

.animate-300 {
    -webkit-transition: .3s;
    transition: .3s;
}

.animate-400 {
    -webkit-transition: .4s;
    transition: .4s;
}

.animate-500 {
    -webkit-transition: .5s;
    transition: .5s;
}

.animate-600 {
    -webkit-transition: .6s;
    transition: .6s;
}

.animate-700 {
    -webkit-transition: .7s;
    transition: .7s;
}

.animate-800 {
    -webkit-transition: .8s;
    transition: .8s;
}

.animate-900 {
    -webkit-transition: .9s;
    transition: .9s;
}

.animate-1000 {
    -webkit-transition: 1s;
    transition: 1s;
}












.show-item{
    visibility:visible;
}
.hidden-item{
    visibility:hidden;
    display:none;
}



.show-footer {
    visibility:hidden;
    display:none;
}

#bottom-bar-info{
    background:#231f20;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    padding:0px;
    height:50px;
    line-height:50px;
    font-weight:bold;
    color:var(--white);
    z-index:100 !important
}

#bottom-bar-info .col1,
#bottom-bar-info .col2,
#bottom-bar-info .col3,
#bottom-bar-info .col1 a,
#bottom-bar-info .col2 a,
#bottom-bar-info .col3 a{
    line-height:50px;
    font-weight:bold;
    font-size:16px;
    color:var(--white);
}


#bottom-bar-info .col1,
#bottom-bar-info .col2,
#bottom-bar-info .col3,
#bottom-bar-info .col4, 
#bottom-bar-info .col1 a,
#bottom-bar-info .col2 a,
#bottom-bar-info .col3 a,
#bottom-bar-info .col4 a {
    line-height:50px;
    font-weight:bold;
    font-size:24px;
    color:var(--white);
    width:25%;
    height:50px;
    float:left;
    text-align:center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

#bottom-bar-info .col1 a .mdi,
#bottom-bar-info .col2 a .mdi,
#bottom-bar-info .col3 a .mdi,
#bottom-bar-info .col4 a .mdi{
    font-size:28px !important
}


#bottom-bar-info a img {
    position:relative;
    margin-top:-3px;
    height:30px;

}


#bottom-bar-info .col1 {
    background:#787878;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#bottom-bar-info .col1:hover {
    background:#575757;
}

#bottom-bar-info .col2 {
    background:#25d366;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#bottom-bar-info .col2:hover {
    background:#075e54;
}


#bottom-bar-info .col3 {
    background:#787878;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#bottom-bar-info .col3:hover {
    background:#575757;
}

#bottom-bar-info .col4 {
    background:#333333;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#bottom-bar-info .col4:hover {
    background:#212121;
}




.btnRightFooter {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 0px solid var(--white);
    right: 15px;
    z-index: 999;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size:28px;
}
.btnRightFooter:before {
    position:absolute;
    top:25px;
    left:25px;
    content:'';
    display:block;
    height:2px;
    width:2px;
    background: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    content:" ";
    z-index:0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btnRightFooter:hover:before,
.btnRightFooter:focus:before{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:#212121;
}
.btnRightFooter span{
    position:relative;
    z-index:2
}


.btnRightFooter img {
    margin-top:-7px;
    height:28px;
}


.whatsappFooter{
    bottom: 120px;
    color:var(--white);
    background: linear-gradient(135deg, #25d366, #128c7e);
    box-shadow: rgba(37, 211, 102, 0.5) 0px 4px 24px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.whatsappFooter:focus span,
.whatsappFooter:hover span{
    color:#25d366;
}


/*.whatsappFooter:before {
    position:absolute;
    top:25px;
    left:25px;
    content:'';
    display:block;
    height:2px;
    width:2px;
    background: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    content:" ";
    z-index:0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}*/
.whatsappFooter:hover:before,
.whatsappFooter:focus:before{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:#128c7e;
}


.phoneFooter{
    bottom: 180px;
    color:var(--white);
    background: linear-gradient(135deg, #333333, #111111);
    box-shadow: rgba(25, 25, 25, 0.5) 0px 4px 24px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.phoneFooter:focus span,
.phoneFooter:hover span{
    color:#111111;
}

.emailFooter{
    bottom:240px;
    color:var(--white);
    background: linear-gradient(135deg, #787878, #575757);
    box-shadow: rgba(33, 33, 33, 0.5) 0px 4px 24px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.emailFooter:focus span,
.emailFooter:hover span{
    color:#787878;
}



.emailFooter:hover:before,
.emailFooter:focus:before{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:#575757;
}





.wrapper {
    /*height:100%;*/
    background:var(--white);
}


/*
.pageWrapper{
position:relative;
        margin:0 auto;
        width:100%;
        min-width:300px;
        z-index: 9;
        overflow: hidden;
}*/