@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Thin.otf') format('opentype');
    font-weight: 200;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.otf') format('opentype');
    font-weight: 300;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('opentype');
    font-weight: 400;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 600;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Black.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'Georgia';
    src: url('fonts/Georgia\ Italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}


body{
    font-family: 'Gotham', sans-serif;
    font-size: 20px; 
    color: #000;
    font-weight: 400;
    padding-top: 92px;
}
#welcome{padding-top: 0;}



a{-webkit-transition: all .42s ease-out; -moz-transition: all .42s ease-out; -o-transition: all .42s ease-out; -ms-transition:  all .42s ease-out; transition: all .42s ease-out; text-decoration:none;}
a:hover{color: #009FFF; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/
.ff-ge{font-family: 'Georgia'; font-weight: 800;}

.fw-bl{font-weight: 700;}
.fw-bo{font-weight: 600;}
.fw-me{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}
.fw-th{font-weight: 200;}

.fs-160{font-size: 160px; margin-top: -18px;}
.fs-67{font-size: 67px;}
.fs-56{font-size: 56px;}
.fs-40{font-size: 40px;}
.fs-36{font-size: 36px;}
.fs-32{font-size: 32px;}
.fs-28{font-size: 28px;}
.fs-26{font-size: 26px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}


.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}


.lh-12{line-height: 1.2;}
.lh-2{line-height: 2;}
.lh-17{line-height: 1.7;}


@media screen and (min-width:768px){
    .mt-md-lg{margin-top: 60px!important;}
    .mb-md-lg{margin-bottom: 60px!important;}

    .mt-md-xl{margin-top: 100px!important;}
    .mb-md-xl{margin-bottom: 100px!important;}
  
}

@media screen and (max-width:991px){
    body{font-size: 20px;}
    .fs-160{font-size: 120px; margin-top: -18px;}
    .fs-67{font-size: 36px;}
    .fs-56{font-size: 32px;}
    .fs-40{font-size: 30px;}
    .fs-36{font-size: 32px;}
    .fs-32{font-size: 26px;}
    .fs-28{font-size: 24px;}
    .fs-26{font-size: 24px;}
    .fs-24{font-size: 22px;}
    .fs-20{font-size: 19px;}
    .fs-18{font-size: 17px;}
    .fs-16{font-size: 16px;}
    
}

@media screen and (max-width:768px){
    body{font-size: 20px;}
    .fs-160{font-size: 120px; margin-top: -18px;}
    .fs-67{font-size: 36px;}
    .fs-56{font-size: 32px;}
    .fs-40{font-size: 30px;}
    .fs-36{font-size: 32px;}
    .fs-32{font-size: 28px;}
    .fs-28{font-size: 25px;}
    .fs-26{font-size: 24px;}
    .fs-24{font-size: 22px;}
    .fs-20{font-size: 19px;}
    .fs-18{font-size: 17px;}
    .fs-16{font-size: 16px;}
    
}

@media screen and (max-width:576px){
    body{font-size: 19px;}
    .fs-160{font-size: 80px; margin-top: -18px;}
    .fs-67{font-size: 32px;}
    .fs-56{font-size: 28px;}
    .fs-40{font-size: 26px;}
    .fs-36{font-size: 28px;}
    .fs-32{font-size: 24px;}
    .fs-28{font-size: 23px;}
    .fs-26{font-size: 22px;}
    .fs-24{font-size: 21px;}
    .fs-20{font-size: 19px;}
    .fs-18{font-size: 17px;}
    .fs-16{font-size: 16px;}
    
}


.bg-grey{background-color: #484c4c!important; }
.bg-brand{background-color: #009FFF;}
.bg-brand-op{background-color: rgba(0,159,255, .1)}

.text-brand{color:#009FFF!important;}
.text-black{color:#000!important;}

.customList li{margin-bottom: 10px;}

.btn-brand{background-color: #009FFF; border:none; display: inline-block;  transition: all .42s ease-out; color: #FFF; font-weight: 500; font-size: 24px; padding: 15px 25px; letter-spacing: 1.5px; }
a.btn-brand:hover{background-color: #FFF; color: #009FFF!important;}
.btn-border{border: 1px solid #FFF; font-size: 20px; padding: 10px 15px;}
.btn-border:hover{border: 1px solid #FFF; background-color: #000; color: #FFF!important;}



.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all .42s ease-out;
    -moz-transition: all .42s ease-out;
    -o-transition: all .42s ease-out;
    -ms-transition:  all .42s ease-out;
    transition: all .42s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

table,th,td{
    border:1px solid black;
    max-width:inherit;
}
.hr-blue{
    height: 10px !important;
    border-width:0;
    color:#009FFF;
    background-color:#009FFF;
}
.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}

a.text-white:hover{color: #009FFF!important;  text-decoration: underline;}

.border-left-bl{border-left: 1px solid #000;}
.border-right-bl{border-right: 1px solid #000;}

@media screen and (min-width:738px){
  .border-left-right{border-left: 1px solid #000;} 
}


@media screen and (min-width:992px){
  .border-right-white{border-right: 1px solid #FFF;} 
  .border-left-right{border-left: 1px solid #000; border-right: 1px solid #000;} 
}


@media screen and (max-width:768px){
    .btn-brand{font-size: 20px; padding: 8px 16px;}

    }

/* Navigation */

#topNavigation{transition: all .42s linear; width: 100%; z-index: 999; top: 0; left: 50%; transform: translate(-50%);}
#topNavigation .img-logo{width:275px;}
#topNavigation.bg-black .img-logo{width: 175px!important; padding-bottom: 7px!important;} 
#topNavigation .nav-link{color: #FFF; font-size: 16px; font-weight: 500; letter-spacing: 1px; padding: 5px 15px;}
#topNavigation .nav-link:hover,
#topNavigation .nav-link.activeNav{color: #009FFF;}
#topNavigation  #nav-get-a-proposal{background-color: #009FFF; }
#topNavigation  #nav-get-a-proposal:hover, 
#topNavigation  #nav-get-a-proposal.activeNav{background-color: #FFF; color: #009FFF; }


#phone-number{position: fixed; top: 39px; right: 25px; z-index: 9999; transition: all .38s linear;}
footer .img-logo{width: 165px;}

@media screen and (max-width: 1199px){
    #topNavigation{background-color: #000; }
   .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler {border-color: rgba(255,255,255,0); position: fixed; right: 97px; top: 44px;}
     .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none;  }
       
       
        #topNavigation .nav-link{font-size: 15px; padding: 10px 15px;}



}

@media (max-width: 1420px) and (min-width: 1200px){
  
    #topNavigation .nav-link{font-size: 14px; padding: 5px 15px;}
}
@media (max-width: 1600px) and (min-width: 1200px){
    #topNavigation  .navbar-collapse{padding-right: 75px;}
}

@media screen and (max-width: 767px){
   #topNavigation .img-logo{width: 135px!important;}
   .navbar-toggler{top: 20px;}
   #phone-number{top: 15px;}
}



#hero-wrapper{height: 100vh; width: 100%; background-image: url('../images/hero/welcome.jpg');background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center;}
#hero-wrapper .wrapper{max-width: 1160px; display: block;}
.hero-inner{height: 750px!important;}
#thank-you #hero-wrapper{background-image:url('../images/hero/thank-you.jpg')}
.social-icon-scroll{width: 80px; height: 80px; margin: 0px 30px;}


.black-box{color: #FFF; padding: 125px 50px 50px; position: relative; border-radius: 15px; height: auto;  display: block;}
.black-box .count-wrapper{background-color: #009FFF; width: 90px; height: 90px; text-align: center; font-size: 62px; font-weight: 500; position: absolute; left: 0; top:0; border-top-left-radius: 15px;}

.ico-social {transition: all .45s linear;}
.social-fb {
    width: 50px;
    height: 40px;
    background: url("../images/misc/fb.png") no-repeat;
    display: inline-block;

}

.social-fb:hover {
    background: url("../images/misc/fb-bl.png") no-repeat;
}
.social-ig {
    width: 50px;
    height: 40px;
    background: url("../images/misc/ig.png") no-repeat;
    display: inline-block;
}
.social-ig:hover {
    background: url("../images/misc/ig-bl.png") no-repeat;
}
.social-tt {
    width: 50px;
    height: 40px;
    background: url("../images/misc/tt.png") no-repeat;
    display: inline-block;
}
.social-tt:hover {
    background: url("../images/misc/tt-bl.png") no-repeat;
}
.social-in {
    width: 50px;
    height: 40px;
    background: url("../images/misc/in.png") no-repeat;
    display: inline-block;
}
.social-in:hover {
    background: url("../images/misc/in-bl.png") no-repeat;
}
#registrationForm input[type=checkbox]{ transform: scale(1.2); border-radius: 0; margin-top: 11px;}
#registrationForm .form-control{border-radius: 0; margin-bottom: 25px;}

.ico-services{width: 75px; margin-top: 6px; margin-bottom: 25px;}
.services-block{display: block; padding-bottom: 20px; padding-top: 70px; margin-bottom: 25px; border-bottom: 10px solid #009FFF;}
.services-block h2, .services-block img {transition: all .42s linear;}
.services-block:hover h2, .services-block:hover img{transform: scale(1.05);}

#servicesModal  .modal-content{background: transparent; border: none; }
#servicesModal  .modal-header{justify-content: end; border: none; }
#servicesModal  .modal-header .btn-close{height: auto; width: auto; color: #FFF; font-size: 16px; background-color: transparent; opacity: 1; background-image: none; }
#servicesModal  .modal-body{background-color: #FFF; border: 5px solid #009FFF; border-radius: 40px; padding: 0;}
#servicesModal .ico-services{width: 145px; filter: invert(1);  margin-top: 30px;}
#servicesModal .bg-brand{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
#servicesModal #modalTitle br{display: none;}

#team-members h2{border-top: 9px solid #009FFF; padding-top: 10px;}

.img-cs-wrapper img{transition: all .35s linear;}
.img-cs-hover{opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;}

.img-cs-wrapper:hover .img-cs{opacity: 0;}
.img-cs-wrapper:hover .img-cs-hover{opacity: 1;}



@media screen and (max-width:768px){
    .black-box{font-size: 20px; padding: 125px 25px 25px}
    #servicesModal .ico-services {width: 75px; margin: 15px auto; display: block;}
    #servicesModal .bg-brand{border-top-right-radius: 30px; border-bottom-left-radius: 0; border-bottom-left-radius: 0;}


    
    }

@media screen and (max-width:768px){
    #servicesModal .ico-services{width: 50px;}
    #servicesModal .fs-40{font-size: 20px;}
    #servicesModal .fs-18{font-size: 15px;}
}



#proposalForm{height: 400px;  scrollbar-width: none;}
#proposalForm::-webkit-scrollbar { display: none;}

#proposalForm .form-control{border-radius: 0; border: none; border-bottom: 1px solid #FFF; margin-bottom: 27px; background-color: transparent; color: #FFF;}
#proposalForm .form-control::placeholder { color: #999999; opacity: 1;  font-size: 28px;}
#proposalForm .form-control:-ms-input-placeholder { color: #999999;  font-size: 28px}
#proposalForm .form-control::-ms-input-placeholder { color: #999999;  font-size: 28px}
#proposalForm .form-check-input{display: none;}
#proposalForm .form-check-label{border: 2px solid #FFF; border-radius: 5px; padding: 9px 55px 9px 15px;  margin: 8px 19px; min-width: 325px;}

#proposalForm .optSelected{content: '&check'; background-color: #009FFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23FFF' class='bi bi-check2-circle' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z'/%3E%3C/svg%3E"); background-position: 95% 5px; background-repeat: no-repeat;}

 #proposalForm .form-block{height: 400px; }
 #proposalForm .form-check-label:hover{cursor: pointer;}
.visually-hidden{background-color: #000;}
.hide-scroll {
    width: 22px;
    background-color: #000;
    position: absolute;
    left: calc(100% - 18px);
    top: 0;
    z-index: 99;
}




.cards-wrapper{display:flex;flex-direction:column;align-items:center}.cards__container{display:flex;align-items:center;justify-content:center;height:25rem}.box{width:12rem;height:20rem;box-shadow:0 0 2rem 0 #888;background-color:#fff;display:flex;justify-content:center;align-items:center;position:relative}.box:nth-child(2n){transform:scale(0.85);z-index:-1}.box:nth-child(2){left:5%}.box:nth-child(4){left:-5%}.box:nth-child(4n + 1){transform:scale(0.75);z-index:-2}.box:nth-child(1){left:15%}.box:nth-child(5){left:-15%}.card__text-content{text-align:center;width:75%}.card__title{padding:1rem}.box--hide{display:none}.move-out-from-left{animation:moveOutLeft .5s ease-in-out}.move-out-from-right{animation:moveOutRight .5s ease-in-out}.move-to-position5-from-left{animation:moveToP5Left .5s ease-in-out}.move-to-position4-from-left{animation:moveToP4Left .5s ease-in-out}.move-to-position3-from-left{animation:moveToP3Left .5s ease-in-out}.move-to-position2-from-left{animation:moveToP2Left .5s ease-in-out}.move-to-position1-from-left{animation:moveToP1Left .5s ease-in-out}.move-to-position5-from-right{animation:moveToP5Right .5s ease-in-out}.move-to-position4-from-right{animation:moveToP4Right .5s ease-in-out}.move-to-position3-from-right{animation:moveToP3Right .5s ease-in-out}.move-to-position2-from-right{animation:moveToP2Right .5s ease-in-out}.move-to-position1-from-right{animation:moveToP1Right .5s ease-in-out}@keyframes moveOutLeft{0%{transform:scale(0.75) translateX(0%);opacity:1}50%{transform:scale(0.5) translateX(-150%);opacity:.5}100%{transform:scale(0.25) translateX(0%);opacity:0}}@keyframes moveOutRight{0%{transform:scale(0.75) translateX(0%);opacity:1}50%{transform:scale(0.5) translateX(150%);opacity:.5}100%{transform:scale(0.25) translateX(0%);opacity:0}}@keyframes moveToP5Left{from{transform:scale(0.75) translateX(100%)}to{transform:scale(0.75) translateX(0)}}@keyframes moveToP4Left{from{transform:scale(0.75) translateX(100%)}to{transform:scale(0.85) translateX(0)}}@keyframes moveToP3Left{from{transform:scale(0.85) translateX(100%)}to{transform:scale(1) translateX(0)}}@keyframes moveToP2Left{from{transform:scale(1) translateX(100%)}to{transform:scale(0.85) translateX(0)}}@keyframes moveToP1Left{from{transform:scale(0.85) translateX(100%)}to{transform:scale(0.75) translateX(0)}}@keyframes moveToP1Right{from{transform:scale(0.75) translateX(-100%)}to{transform:scale(0.75) translateX(0)}}@keyframes moveToP2Right{from{transform:scale(0.75) translateX(-100%)}to{transform:scale(0.85) translateX(0)}}@keyframes moveToP3Right{from{transform:scale(0.85) translateX(-100%)}to{transform:scale(1) translateX(0)}}@keyframes moveToP4Right{from{transform:scale(1) translateX(-100%)}to{transform:scale(0.85) translateX(0)}}@keyframes moveToP5Right{from{transform:scale(0.85) translateX(-100%)}to{transform:scale(0.75) translateX(0)}}

#customSlider .prev-next img{width: 20px; margin: 0 auto;}
#customSlider .prev-next :hover{cursor: pointer;}
#customSlider .box{ background-color: transparent; padding: 0; border-radius: 0px; box-shadow: none; flex-flow: column; }
#customSlider  .cards-wrapper{overflow: hidden;}
#customSlider  .cards__container{height: auto; padding: 0;}

#customSlider .box:nth-child(1){left: 30%;}
#customSlider .box:nth-child(2){left: 15%;}

#customSlider .box:nth-child(4){left: -15%;}
#customSlider .box:nth-child(5){left: -30%;}


@media screen and (max-width:767px){
    #customSlider .box .fs-26{font-size: 18px;}
    #customSlider .box img{max-width: 60%;}   
}
@media screen and (min-width:768px){
    #customSlider .box{width: 450px;height: auto;}   
}



#teamAccordion .accordion-button::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");}
#teamAccordion .accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");}
#teamAccordion .accordion-button:not(.collapsed){background-color: transparent; border-color:#FFF;box-shadow:inherit}
#teamAccordion .accordion-button:focus{outline: none; border: 0; box-shadow: inherit;}

#teamAccordion .accordion-item,
#teamAccordion .accordion-item:first-child{border:none; margin-top: 25px; border-top:1px solid #000;}

#teamAccordion .accordion-button{padding-left: 0;}
#teamAccordion .accordion-body{padding-left: 0;}