*{
    margin: 0px;
    padding: 0px;
    font-family: Arodora;
    user-select: none;
    /* border: 2px solid red !important; */
}
/* HERO SECTION */
.heroSection{
    background-image: url(../img/hero-bg.jpg);
}
/* NAVBAR */
#navbarLogo{
    font-family: Arodora;
    text-decoration: none;
    color: #fff;
    font-size: 36px;
    letter-spacing: 5px;
    outline: none;
}
nav{
    position: sticky !important;
    top: 0px;
    transition: padding-top 1s ease-in-out;
    z-index: 1;
    background: transparent;
    margin-bottom: -80px;
}
.navMenuItem a{
    color: #fff;
    text-decoration: none;
    margin-left: 30px;
    margin-top: 15px;
    font-size: 17px;
    font-weight: lighter;
    opacity: .7;
    transition: opacity .3s ease-in-out;
}
.navMenuItem a:hover{
    opacity: 1;
    transition: opacity .3s ease-in-out;
}
/* WELCOME SECTION */
.welcomeSection{
    color: #fff;
    padding-top: 170px;
    font-weight: bold;
}
.welcomeSection h1{
    font-size: 62px;
}
.welcomeSection p{
    font-size: 26px;
}
.welcomeSection a{
    border: 2px solid #000;
    border-radius: 30px;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
    letter-spacing: 1px;
    transition: color .7s ease-in-out;
    transition: background-color .5s ease-in-out;
    font-size: 28px;
}
.welcomeSection a:hover{
    color: #007854;
    background-color: #000;
    transition: color .7s ease-in-out;
    transition: background-color .5s ease-in-out;
}
/* PRODUCT SCREENS */
#productScreens{
    margin-top: 150px;
}
#productScreens img{
    margin-top: 220px;
    -webkit-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.6); 
    box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.6);   
}
#productScreen1{
    margin-right: -100px;
}
#productScreen3{
    margin-left: -100px;
}
/* ABOUT US */
.aboutUs{
    background-color: #222222;
    color: #fff;
    margin-top: -280px;
    position: relative;
    display: block;
    overflow-x: hidden;
}
#aboutUsHeading h2{
    padding-top: 60px;
}
#aboutUsHeading p{
    color: #a0a0a0;
    font-size: 15px;
    padding-bottom: 50px;
}
#aboutUsHeading{
    opacity: 0;
    padding-top: 100px;
}
.aboutUs img{
    object-fit: cover;
    width: 900px;
    height: 460px;
    margin-left: -200px;
    opacity: 0;
}
#aboutUsText{
    color: #a0a0a0;
    position: relative;
    left: 200px;
    opacity: 0;
}
.aboutUsContent{
    padding-bottom: 50px;
    width: 100%;
}
#aboutUsText h1{
    font-size: 30px;
    padding-bottom: 10px;
}
#aboutUsText h3{
    font-size: 21px;
    padding-bottom: 15px;
    color: #7a7a7a;
    font-weight: lighter;
}
#aboutUsPara1{
    padding-bottom: 10px;
    font-size: 18px;
}
#aboutUsText .far{
    color: #004253;
    font-size: 19px;
}
/* PRODUCT FEATURES */
#productFeatures{
    padding-top: 70px;
    background: #131313;
}
#productFeatures img{
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    position: relative;
    top: 100px;
    right: 250px;
    opacity: 0;
    object-fit: cover;
}
#productFeaturesHeading{
    color: #fff;
}
.sectionDivider{
    background-color: rgb(0, 255, 213);
    width: 60px;
    height: 3px;
    display: block;
    margin: 10px auto;
}
.productFeaturesBlock{
    padding: 10px;
    text-align: center;
    color: #fff;
}
#productFeaturesRow1,
#productFeaturesRow2,
#productFeaturesHeading{
    padding-top: 100px;
    opacity: 0;
}
.productFeaturesBlock svg{
    color: #27ecdb;
    margin: 10px;
}
.productFeaturesBlock h2{
    margin: 10px;
    font-size: 22px;
    
}
.productFeaturesBlock p{
    color: #a0a0a0;
    margin: 10px;
    font-size: 14px;
}
/* FEATURE 1 */
#feature1{
    padding: 50px;
    background-color: #272727;
    font-size: 18px;
}
#feature1 h3{
    color: #fff;
    font-family: coolvetica;
    padding-bottom: 25px;
    font-weight: lighter;
}
#feature1 p{
    color: #a0a0a0;
}
#feature1 p:nth-child(3){
    padding-bottom: 15px;
}
#feature1 .row{
    padding-top: 100px;
    opacity: 0;
}
/* FEATURE 2 */
#feature2{
    background-color: #131313;
    padding: 50px;
    font-size: 18px;
}
#feature2 .row{
    padding-top: 100px;
    opacity: 0;
}
#feature2 h2{
    color: #fff;
    font-family: coolvetica;
    padding-bottom: 20px;
    font-weight: lighter;
}
#feature2 p{
    color: #a0a0a0;
    padding-top: 10px;
    font-size: 17px;
}
#feature2 p:nth-child(3){
    padding-top: 0px;
}
#feature2Text{
    margin-left: -70px;
}
#feature2Text .col-md-10{
    margin-left: -35px;
}
#feature2Text svg{
    margin: 10px 0px;
    color: #27ecdb;
}
/* FEATURE 3 */
#feature3{
    padding: 50px;
    background-color: #272727;
}
#feature3 .row{
    opacity: 0;
    padding-top: 100px;
}
#feature3 h2{
    color: #fff;
    font-weight: bold;
    font-family: coolvetica;
    font-weight: lighter;
}
#feature3 p{
    color: #8f8f8f;
}
#feature3 svg{
    color: #27ecdb;
    float: left;
    margin-right: 15px;
}
/* CALL TO ACTION */
#callToAction{
    padding: 80px 50px;
    background-color: transparent;
}
#callToActionBG{
    position: fixed;
    top: 0px;
    z-index: -1;
}
#callToAction h2{
    color: #fff;
    font-weight: bold;
    font-family: coolvetica;
    padding-bottom: 25px;
    font-weight: lighter;
}
#callToAction p{
    color: #fff;
}
#callToAction a{
    color: #fff;
    font-family: coolvetica;
    font-size: 20px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 150px;
    border: 2px solid #000;
    border-radius: 40px;
    padding: 10px 25px;
    transition: background .5s ease-in-out;
}
#callToAction a:hover{
    border: 2px solid turquoise;
    background: turquoise;
    transition: background .5s ease-in-out;
}
#callToAction .col-md-3{
    text-align: right;
}
/* MORE FEATURES */
#moreFeatures{
    color: #fff;
    background-color: #272727;
    text-align: center;
    padding: 50px;
}
#moreFeatures p{
    color: #a0a0a0;
    font-size: 16px;
    margin: 0px;
}
#moreFeatures .row{
    background-color: #131313;
}
#moreFeatures .col-md-6{
    padding: 15px;
    background-color: #272727;
}
.moreFeaturesBlock{
    padding: 30px;
    background-color: #131313;
    text-align: left;
    min-height: 174px;
}
#moreFeatures .col-md-10{
    padding-bottom: 10px;
}
#moreFeatures svg{
    position: relative;
    top: 20px;
    color: #27ecdb;
}
#moreFeatures h2{
    font-family: coolvetica;
    font-size: 20px;
}
#moreFeaturesSubtitle{
    padding-bottom: 15px;
    font-size: 14px !important;
}
#moreFeatures .container{
    opacity: 0;
    padding-top: 100px;
}
/* PARTNERS */
#partners{
    padding: 30px 0;
    background-color: #131313;
}
#partners img{
    width: 220px;
    opacity: 0;
    position: relative;
    top: 50px;
}
/* PRICING */
#pricing{
    background-color: #272727;
    color: #a0a0a0;
    padding: 50px;
}
#pricing h1{
    color: #fff;
    font-size: 32px;
    padding-top: 30px;
    padding-bottom: 10px;
}
#pricingSubtitle{
    padding-top: 12px;
    padding-bottom: 50px;
}
.pricingCardWrapper{
    padding: 20px;
    background-color: #131313;
    border: 3px solid #131313;
    transition: .3s border ease-in-out;
}
#pricingTitleAndSubtitle{
    opacity: 0;
    margin-top: 100px;
}
.pricingCardWrapper:hover{
    border: 3px solid #27ecdb;
    transition: .3s border ease-in-out;
}
.pricingCard{
    background-color: #272727;
    margin-top: 100px;
    opacity: 0;
}
#pricing a{
    text-align: center;
    background-color: #a0a0a0;
    color: #fff;
    border-radius: 20px;
    font-size: 15px;
    padding: 8px 25px;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
    transition: .5s background-color ease-in-out;
    vertical-align: middle;
}
#pricing .far{
    color: #004253;
}
#pricing p{
    margin-bottom: 5px;
    padding-left: 15px;
}
#pricing h2{
    padding-bottom: 15px;
    font-size: 24px;
}
.cenaNum{
    color: #004253;
    font-size: 46px;
}
.dollar{
    font-size: 30px;
    position: relative;
    bottom: 10px;
}
#pricing a:hover{
    background-color: #27ecdb;
    transition: .5s background-color ease-in-out;
}
/* FAQ */
#faq{
    background-color: #131313;
    padding: 50px;
}
#faq h1{
    color: #fff;
}
#faqSubtitle{
    color: #7a7a7a;
}
#faq .sectionDivider{
    margin: 20px 0px;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
.accordion-button{
    background-color: #131313;
    border-radius: 0px;
    color: #fff;
    transition: color .5s ease-in-out;
    font-size: 19px;
}
.accordion-item{
    border-bottom: 1px solid #272727;
    
}
.accordion-button:hover{
    color: #179ca0;
    transition: color .35s ease-in-out;
}
.accordion-button:not(.collapsed) {
    background-color: #131313;
    color: #fff;
    display: inline-block;
}
.accordion-body{
    background-color: #131313;
    color: #8f8f8f;
}
/* OUR TEAM */
#ourTeam{
    text-align: center;
    background-color: #222222;
    padding: 60px;
}
#ourTeamHeader{
    color: #fff;
    padding-bottom: 10px;
}
#ourTeamSubtitle{
    color: #7a7a7a;
    padding-top: 10px;
    padding-bottom: 80px;
}
.ourTeamMember img{
    background-size: 50%;
}
.ourTeamMember svg,
.ourTeamMember h6,
.ourTeamMember p{
    color: #a0a0a0;
}
.ourTeamMember h6{
    font-size: 22px;
    font-family: coolvetica;
    padding-top: 15px;
    margin-bottom: -1px;
}
.ourTeamMember p{
    font-size: 15px;
}
.ourTeamMember svg{
    transition: color .35s ease-in-out;
}
.ourTeamMember svg:hover{
    color: #179ca0;
    transition: color .35s ease-in-out;
}
#ourTeamText,
#ourTeamCardSection{
    opacity: 0;
    margin-top: 150px;
}
/* GALLERY */
#galleryText{
    padding: 60px;
}
#gallerySection{
    text-align: center;
    background-color: #131313;
}
#galleryText h2{
    color: #fff;
    padding-bottom: 10px;
}
#galleryText p{
    color: #8f8f8f;
    padding-top: 10px;
}
#gallery img:hover{
    transform: scale(1.3);
    transition: transform .4s ease-in-out;
    width: 100%;
}
#gallery img{
    transition: transform .4s ease-in-out;
}
.galleryCol{
    overflow: hidden; 
}
/* FORM */
#form{
   padding: 60px;
   background-color: #131313;
}
#form h1{
    color: #004253;
    font-family: Arodora;
}
#form p{
    color: #7a7a7a;
    padding-bottom: 15px;
}
.formSocialMediaIconWrapper{
    padding: 10px;
    border: 1px solid #004253;
    border-radius: 80px;
    display: inline-block;
    background-color: transparent;
    transition: background-color .4s ease-in-out;
    color: #004253;
    transition: color .4s ease-in-out;
}
.formSocialMediaIconWrapper:hover{
    color: #fff;
    box-shadow: 10px 10px 97px -19px rgba(255,255,255,0.66);
    -webkit-box-shadow: 10px 10px 97px -19px rgba(255,255,255,0.66);
    -moz-box-shadow: 10px 10px 97px -19px rgba(255,255,255,0.66);
    transition: color .4s ease-in-out;
    background-color: #27ecdb;
    transition: background-color .4s ease-in-out;
}
#formLocation,
#formMail{
    padding-bottom: 70px;
}
.formContacts{
    color: #a0a0a0;
    text-align: center;
}
.formContacts .col-md-10{
    font-family: Arial, Helvetica, sans-serif !important;
}
.formContacts svg{
    color: #004253;
}
#formText{
    margin-right: 13px;
    margin-bottom: 20px;
    padding-left: 5px;
}
#formSubject{
    margin-bottom: 20px;
    padding-left: 5px;
}
#formEmail{
    margin-bottom: 20px;
}
#formEmail,
#formMessage{
    padding-left: 5px;
}
.col-lg-5 input{
    padding: 4px 0px;
    border: #646464 1px solid;
    background-color: transparent;
}
.col-lg-5 input::placeholder{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
#formButton{
    background: linear-gradient(to right, rgb(39, 236, 219), rgb(46, 212, 254));
    text-align: center;
    border: none;
    padding: 7px 30px;
    margin-top: 20px;
    color: #fff;
    border-radius: 20px;
}
#formInputs{
    text-align: center;
}
#formInputs input{
    width: 100%;
}
#formInputs span{
    display: block;
    overflow: hidden;
    padding: 0 5px 0 0;
}
/* FOOTER */
footer{
    background-color: #131313;
    color: #fff;
    padding-bottom: 40px;
}
footer p{
    margin: 0px;
    font-size: 14px;
    opacity: .8;
}
footer ul{
    list-style-type: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
    font-size: 15px;
}
footer ul li{
    display: inline-block;
    margin: 0px 10px;
}
footer ul li a{
    color: #8f8f8f;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: color .4s ease-in-out;
}
footer ul li a:hover{
    color: #007854;
    transition: color .4s ease-in-out;
}
/* MEDIA QUERIES */
@media(max-width: 991px){
    #formInputs{
        margin-top: 30px;
    }
}
@media(max-width: 767px){
    #formLocation,
    #formMail{
    padding-bottom: 10px;
    }
    #formInfo{
        padding-bottom: 25px;
    }
    #productScreen3,
    #productScreen2{
        display: none;
    }
    #productScreen1{
        margin-right: 0px;
    }
}

/* INCLUDED FONTS */
@font-face {
    font-family:"Arodora";
    src: url(../fonts/ArodoraPro.otf);
}
@font-face {
    font-family:"coolvetica";
    src: url(../fonts/coolvetica.ttf);
}