* {
    box-sizing: border-box;
}

html, body { margin:0px; padding:0px; }

a {
    text-decoration: none;
    transition: all 0.3s ease;
    color: black;
}

body {
    font-family: 'Inter';
    font-size: 13px; /*12px*/
    line-height: 1.6;
}

.header {
    /*text-align: center;*/
    position: relative;
    height: auto;
    color: #fff;
    background-color:black;
    min-height: 100vh;
    position:relative;
}


h3 { font-size: 21px;/*19*/ line-height:21px;/*19*/ font-weight:800; font-family: 'Inter'; font-style: normal; padding:0px; margin:0px; letter-spacing: 0.68px; }

h6 { font-size: 12px; /*10px*/
    line-height: 14px; /*12px*/
    font-weight: 100;
    font-family: 'Inter';
    font-style: normal;
    padding: 0px;
    margin: 0px;
    letter-spacing: 0.1px; }




h5 { font-size: 14px; /*12px*/
    line-height: 14px; /*12px*/
    font-weight: 900;
    font-family: 'Inter';
    font-style: normal;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    letter-spacing: 2.55px; }

h1 { font-size: 42px; /*40px*/
    line-height: 42px; /*40px*/
    font-family: 'Inter';
    font-style: normal;
    padding: 0px;
    margin: 0px 0px 0px -1px;
    letter-spacing: -1.3px;}

h4 { font-size: 14px; /*12px*/
    line-height: 12px; /*10px*/
    font-weight: 200;
    font-family: 'Inter';
    font-style: normal;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    letter-spacing: 0.1px;
    margin: 0px 0px 9px -1px; }

h2 { font-size: 22px; /*21*/
    line-height: 22px; /*21*/
    font-weight: 800;
    font-family: 'Inter';
    font-style: normal;
    padding: 0px;
    margin: 0px;
    letter-spacing: -0.8px; }


.wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 0px 180px;
}


.section {
    /*padding: 60px 0;*/
    overflow: hidden;
}

.section__title {
    font-size: 26px; /*24*/
    color: #3b3b58;
    text-align: center;
    margin: 14px 0;
}

.section__intro {
    display: block;
    text-align: center;
    margin: 0 5% 30px;
}


.section--cta {
    color: #454545;
    background: #f1f1f1;
}

.box {
    display: flex;
    flex: 1 0 100%;
    margin-bottom: 20px;
    background: #f9f9f9;
}

.box__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box__title {

}

.box__more {
    color: #ff4e5c;
}

.box__content {
    color: #454545;
    text-align: center;
    padding: 20px;
}

.box__content > i {
    color: #3b3b58;
}

.box__content:hover .box__more {
    color: #ff3545;
}

.box__content:hover .box__more i {
    padding-left: 4px;
    transition: all 0.2s ease-in-out;
}


.btn {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 300px;
    padding: 12px 18px;
    border-radius: 100px;
    background: #ff4e5c;
}

.btn:hover {
    background: #ff3545;
}


#headerVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    z-index: 10;
    top:0px;
    height:100%;
    width:auto;
}

.holderVideo {
    background-color:black; height:90vh; position: absolute; right: 0; bottom: 0; min-width: 100%; z-index: 10; top:0px; overflow:hidden;
}

.imgHeader {
    position: absolute;
    z-index: 11;
    margin-left: 50%;
    margin-right: auto;
    left: -90px;
    margin-top: 26vh;
}

 .bHeader .bhCenter { margin-top: 73px; }
.bHeader .bhCenter h2 { color:white; }
.bHeader .bhCenter h6 { color:white; }

.hBottom {
    background-color: #06141d;
    width: 100%;
    height: 300px;
    z-index: 999;
    bottom: 0px;
    position: absolute;
    left: 0px;
    padding-top: 42px;
}

.text-center {
  text-align: center !important;
}

hr {
  box-sizing: content-box;
  overflow: visible;
  height:2px;
  padding: 0px;
  margin: 0px;
  line-height:0px;
  background-color:#010101;
  border: none;
}



.ulList {
    list-style-type: none;
    padding:0px;
    margin: 0;
}


.ulList li { float:left; padding:8px 0px 8px 0px; margin-right:21px; letter-spacing: -1px; }


.ulList2 {
    list-style-type: none;
    padding:0px;
    margin: 0;
}
.ulList2 li {     float: left;
    padding: 8px 0px 8px 0px;
    margin-left: 20px;
    letter-spacing: 0.25px;
    font-weight: 500; }

.ulInner1 { padding-left: 14px; margin-top:12px; }
.ulInner1 li { line-height: 17px; /*15*/ }
.ulInner1 li span { position: relative; left: -4px; letter-spacing: -0.1px; }

.ulInner2 { padding-left: 0px; margin-top:12px; list-style-type: none; }
.ulInner2 li { line-height: 17px; /*15*/ }
.ulInner2 li span { position: relative;  letter-spacing: -0.1px; }

.about { min-height:180px;margin-top:107px; }
.desc { margin-top: 69px; }
.desc .descHolder { background-color:#eeeeee; min-height:356px; position:relative; }
.desc .descHolder .block1 { float:left; margin:113px 0px 0px 178px; }
.desc .descHolder .contact { float:right; margin:113px 131px 0px 0px; }

.social { height:357px; }
.social .mRight { float:right; margin-top: 162px; }
.social .mRight .follow { font-weight: 900; font-size: 12px; /*10px*/ letter-spacing: -0.6px; }

.footer { height:100px; }
.footer .float-md-left { height: 100px; position: relative; float:left; }
.footer .float-md-left .fLeftCenter { position: absolute; margin: 0; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(0%, -50%); }
.footer .float-md-left .fLeftCenter .fLeftHolder { height:37px; width:310px; }

.footer .float-md-right { height: 100px; position:relative; width: 447px; float:right; }
.footer .float-md-right .fRightCenter { position: absolute; margin: 0; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(0%, -50%); text-align:right; font-size: 10px; /*8px*/ font-weight: 500; }
.footer .float-md-right .fRightCenter b { font-weight: 800; }

.arrow {     width: 100%;
    text-align: center;
    display: block;
    float: left;
    margin-top:258px;
}


.mobile { display:none; }
.desktop { display:inline; }
@media (max-width: 1176px) {
    .wrapper {
        margin: 0 auto;
        width: 100%;
        padding: 0px 0px;
    }

    .about { min-height:180px;  margin:107px 40px 0px 40px; }

    .desc .descHolder { background-color:#eeeeee; min-height:854px; position:relative; }

    .desc .descHolder .block1 { float:left; margin:113px 0px 0px 40px; width:100% }
    .desc .descHolder .contact { float:left; margin:113px 0px 0px 40px; width:100% }

    .ulInner1, .ulInner2 {
        margin-right: 52px;
    }

    .ulList2 {
        list-style-type: none;
        padding:0px;
        margin: 0;
    }
    .ulList2 li {     float: none;
        padding: 8px 0px 8px 0px;
        margin-left: 40px;
        letter-spacing: 0.25px;
        font-weight: 500; 

    }

    .social .mRight { float:left; margin-top: 162px; }
    .footer { padding: 0px 40px; }

    .mobile { display:inline; }
    .desktop { display:none; }


    .footer .float-md-right { height: 100px; position:relative; width: 447px; float:right; }
    .footer .fRight {  text-align:left; font-size:10px; /*10px*/ margin-bottom:34px; font-weight:500; }
    .footer .fRight b { font-weight:800; }

    .footer .float-md-left { height: 100px; position: relative; float:left; width:100%; }
    .footer .float-md-left .fLeftCenter { position: relative; margin: 0;  top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(0%, -50%); }
    .footer .float-md-left .fLeftCenter .fLeftHolder { height:37px; width:100%; text-align: center; display: table; }
    .footer .float-md-left .fLeftCenter .fLeftHolder a { float:none !important; margin-right:0px !important; width: 33.33%; display: table-cell; }

    .socialMobile { height: 457px; }
}