@import 'common.css';
/* BANNER */
.banner{
    position: relative;
}
.banner video {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.banner .con{
    position: absolute;
    left: 0;
    bottom:60px;
    width: 100%;
}
.banner h4 {
    font-size: 25px;
    font-weight: 700;
    padding: 0;
    color:#FDD132 ;
}
.banner h2 {
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 35px;
    padding: 10px 0 0;
}
/* WELCOME */
.welcome{
    background: #FDD132 url(../images/welcome.jpg) no-repeat left bottom;
    height: 755px;
    display: flex;
    margin-top: 65px;
    align-items: center;
}
.welcome .row{
    justify-content: flex-end;
}
.welcome img{
    display: none;
}
.welcome h4 {
    font-size: 30px;
    color: black;
    font-weight: 500;
}
.welcome p {
    font-size: 18px;
    color: black;
}
/* WHAT WE DO */
.what-do {
    padding: 55px 0;
}
.what-do .con{
    position: relative;
    margin:15px 0;
    overflow: hidden;
    border-radius: 10px;
}
.what-do .con .wat-det {
    position: absolute;
    left: 0;
    bottom: -130px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-end;
    justify-content: flex-end;
}
.what-do .con h3 {
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    color: white;
    font-weight: 600;
    height: 200px;
}
.what-do .con h3 img,
.what-do .con h3 svg{
    display: block;
    margin: 0 auto 20px;
    height: 120px;
}
.what-do .con p{
    color: white;
    opacity: 0;
    padding: 20px;
    min-height: 150px;
}
.what-do .con:hover .wat-det{
    bottom: 0;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.what-do .con:hover p{
    opacity: 1;
}
/* INFOS */
.infos .col-lg-6 {
    display: flex;
}
.infos .con{
    background: #000000;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding:35px 55px;
    margin: 15px 0;
}
.infos .con img{
    width: 65px;
}
.infos .con p{
    width: 82%;
    padding: 10px 0 10px 35px;
    font-weight: 200;
    color: white;
    border-left: 1px solid #424141;
}
.infos .con p strong{
    font-weight: 700;
}
/* AWARDS */
.awards {
    background: url(../images/awards.jpg) no-repeat center;
    padding: 125px 0;
    margin: 75px 0 ;
    background-size: cover;
}
.awards h3 {
    color: #FDD02F;
    font-weight: 500;
    font-size: 41px;
}
.awards h6 {
    color: white;
    font-weight: 400;
    padding: 25px 0;
    margin-bottom: 30px;
    line-height: 37px;
}
.awards .item{
    background: rgba(255,255,255,0.83);
    padding:25px;
    border-radius: 20px;
    overflow: hidden;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awards .item .con {
    position: relative;
    height: 120px;
}
.awards .item img{
    display: block;
    margin: 0 auto 15px;
    width: auto;
    height: 105px;
}
.awards .item h5 {
    text-align: center;
    color: #000000;
    font-size: 17px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
}
.awards .item p {
    padding: 0;
    text-align: center;
    color: #000000;
    line-height: normal;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
}
.awards .item:hover .con {
    height: 100%;
}
.awards .item:hover h5,
.awards .item:hover p{
    opacity: 1;
    visibility: visible;
}
/* GET TOUCH */
.get-touch  {
    padding: 35px 0 65px;
}
.get-touch h3 {
    font-weight: 500;
    font-size: 34px;
}
.get-touch h6 {
    font-weight: 400;
    line-height: 35px;
    padding-right: 35px;
}
.get-touch input[type="submit"] {
    float: right;    
    margin: 25px auto 0;
}

/* ABOUT US */

.page-title.abt .col-lg-7 {
	padding-left: 95px;
}
.page-title.abt h3 {
    font-size: 36px;
}
.page-title.abt h6 {
	font-size: 21px;
	padding: 15px 0 0 0;
    font-weight: 300;
    line-height: 32px;
}
.page-title.abt .row{
    align-items: flex-end;
    justify-content: space-between;
}
.page-title.abt ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 35px;
}
.page-title.abt li{
    padding: 0 35px;
}
.page-title.abt h4 {
    color: #fdda59;
    font-size: 32px;
}
.page-title.abt p{
    color: white;
}
.top-con{
    text-align: center;
    padding: 65px 0 40px;
}
.top-con h3 {
    font-size: 33px;
    font-weight: 500;
    text-transform: uppercase;
}
.top-con h3 span{
    color: #FFB100;
}
.top-con p{
    font-size: 20px;
    width: 90%;
    margin: 25px auto;
    line-height:36px;
}
.two-cols {
    padding: 75px 0 55px;
}
.two-cols.gray-bg{
    background: #FAFAFA;
}
.two-cols .row{
    align-items: center;
}
.two-cols .col-lg-6>img{
    width: 85%;
}
.two-cols .con{
    padding:0 55px;
}
.two-cols h4 {
    font-size: 36px;
    color: black;
    font-weight: 500;
}
.two-cols h4 img{
    margin-right:30px;
}
.two-cols .con p{
    font-size: 21px;
    line-height: 34px;
}
.meet-team {
    background: black;
    text-align: center;
    padding: 85px 0;
    margin: 45px 0 0;
}
.meet-team h3 {
    color: #fdda59;
    font-size: 32px;
    font-weight: 500;
}
.meet-team .row{
    align-items: center;
}
.meet-team .con{
    position: relative;
    padding: 15px 0;
    text-align: left;
}
.meet-team .big .con{
    padding-bottom: 0;
    margin-bottom: -15px;
}
.meet-team .con .team-de{
    position: absolute;
    padding: 10px 0;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.6);
}
.meet-team .con .team-de p{
    font-weight: 600;
    color: white;
    font-size: 16px;
    text-align: center;
    padding: 0;
    font-style: normal;
}
.meet-team .con h5 {
    font-weight: 400;
    color: #fdda59;
    padding-bottom: 0;
}
.meet-team .con p {
    color: white;
    font-size: 26px;
    line-height: 44px;
    padding: 15px 0;
    font-style: italic;
    text-align: left;
}
.meet-team .con p a{
    color: #fdda59;
    font-style: normal;
    font-size: 17px;
}
.meet-team .con p a:hover{
    color: white;
}
/* CONTACT US PAGE */
.page-title.cnt .col-12 {
	padding-left: 105px;
}
.page-title.cnt h6 {
	font-size: 31px;
	padding: 35px 0 0;
}
.page-title.cnt h6 span{
	color: #fdda59;
}
.cnt-con {
    padding: 45px 0;
    position: relative;
}
.cnt-con:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: -48%;
    top: 0;
    background: #FAFAFA;
}
.cnt-con .container{
    z-index: 5;
    position: relative;
}
.cnt-con p{
    padding: 20px 0;
    font-size: 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.cnt-con p span{
    width: 85%;
}
.cnt-con p i{
    width: 25px;
    text-align: center;
    margin-right: 10px;
}
.cnt-con input[type="submit"] {
    float: right;    
    margin: 25px auto 0;
}
.cnt-con iframe{
    width: 85%;
    margin-bottom: 25px;
}
@media(min-width:1401px){
    .meet-team .big .con img {
        height: 663px;
        object-fit: cover;
    }
    .meet-team .col-xl-8 .con{
        padding:0 55px;
    }
}
@media (max-width:1400px){    
    .welcome {
        background-position: left -170px bottom;
    }
   ::-webkit-scrollbar {
        display: none;
    }
    .what-do .con p,
    .awards .item p{
        overflow-y: scroll;
        height: 160px;
        line-height: 23px;
        padding: 0 10px;
        margin-bottom: 10px;
    }
}
@media(min-width:1300px) and (max-width:1400px){
    .newsletter .col-10 {
        width: 93.333333%;
    }
    .newsletter form{
        padding-top:10px
    }
    .welcome {
        background-position: left -170px bottom;
    }
    .welcome .col-lg-5{
        width: 51.666667%;
    }
    .meet-team .big .con img{
        width: 100%;
    }   
    .meet-team .col-xl-8 .con{
        padding:0 25px;
    }
    .two-cols .con{
        padding-left: 0;
    }
}
@media (max-width:1199px){
    /* ABOUT US */
    .top-con h3 span{
        display: block;
    }
    .two-cols .con{
        padding: 0;
    }
    .newsletter .col-10 {
        width: 100%;
    }
    .newsletter form{
        padding-top:10px
    }
    .owl-carousel .owl-nav .owl-prev {
        left: -20px;
        background: #FDD02F !important;
    }
    .owl-carousel .owl-nav .owl-next {
        right: -20px;
        background: #FDD02F !important;
    }
    .awards{
        padding: 65px 0;
        margin-bottom: 0;
    }
    .meet-team .row{
        align-items: flex-start;
    }

}
@media(min-width:1100px) and (max-width:1199px){
    .container{
        max-width: 95%;
    }
    /* ABOUT US */
    .page-title.abt ul {
        padding-left: 0;
    }
    /* FOOTER */
    footer li,
    footer p {
        font-size: 17px;
    }
}
@media(max-width:1099px){
    .page-title {
        padding-top: 165px;
    }
    .page-title h3{
        font-size: 39px;
    }
    .cnt-con iframe{
        width: 100%;
    }
    .cnt-con input[type="submit"] {
        font-size: 19px;
        padding:15px 25px;
        float: none;
    }
    .top-con p{
        width: 95%;
    }
    /* FOOTER */
    footer{
        padding:25px 0;
    }
    .get-touch{
        text-align: center;
    }
    .get-touch h6{
        padding-right: 0;
    }
}
@media(min-width:992px) and (max-width:1099px){
    .page-title.cnt h6 {
        font-size: 27px;
        padding-top:15px
    }
    .get-touch [class*="col-lg-"],
    .page-title.abt [class*="col-lg-"] {
        flex: 0 0 auto;
        width: 100%;
    }
    .page-title.abt ul{
        padding-top: 35px;
        padding-left:55px
    }
    .cnt-con .con{
        padding-right: 45px;
    }
    .cnt-con p{
        font-size: 18px;
        padding: 10px 0;
    }
    .top-con h3 {
        font-size: 32px;
    }
    .newsletter h4{
        font-size: 27px;
    }
    footer li,
    footer p{
        font-size: 14px;
    }
    .welcome h4{
        font-size: 23px;
        line-height: 27px;
    }
    .welcome p{
        font-size: 16px;
    }
    .meet-team .con p{
        font-size: 21px;
        padding: 0 0 20px;
    }
    .meet-team .con{
        padding: 0;
    }
}
@media(max-width:991px) {
    .page-title {
        text-align: center;
    }
    .page-title.cnt .col-12{
        padding-left: 15px;
    }
    .page-title h3:before{
        display: none !important;
    }
    .page-title.cnt h6 {
        line-height: 44px;
    }
    .cnt-con:after {
        display: none;
    }
    .page-title.cnt h6 span {
        display: block;
    }
    .cnt-con form{
        padding-top: 25px;
    }
    footer .col-lg-5 {
        text-align: center;
    }
    footer .col-lg-5 p {
        justify-content: center;
    }
    footer .col-lg-5 p.copy{
        display: none;
    }
    footer p.copy1 {
        display: block;
        padding-top: 25px;
        text-align: center;
    }
    footer h5 {
        padding:35px 0 0;
    }
    .two-cols {
        padding: 25px 0;
    }
    .two-cols h4{
        font-size: 28px;
    }
    .two-cols h4 img {
        margin-right: 10px;
        width: 60px;
    }
    .two-cols .con{
        padding: 25px 0 0;
    }
    .two-cols .col-lg-6>img {
        width: 100%;
    }
    .two-cols:nth-child(3) .col-lg-6:first-child{
        order: 1;
    }
    .two-cols .con p{
        font-size: 18px;
        line-height: 29px;
    }
    .meet-team .title p{
        width: 100%;
    }
    .page-title.abt .col-lg-7 {
        padding-left: 1.5rem;
    }
    .page-title.abt ul{
        padding: 25px 0 0;
        justify-content: center;
    }
    .get-touch input[type="submit"]{
        float: none;
    }
    .banner{
        text-align: center;
    }
    .banner h4{
        margin: 0 auto;
    }
    .banner video {
        height: 670px;
        object-fit: cover;
    }
    .banner h2 br{
        display: none;
    }
    .welcome {
        background: #FDD132;
        height: auto;
        margin-top: 0px;
    }
    .welcome img{
        display: block;
    }
    .welcome .container{
        max-width: 100%;
        padding: 0;
    }
    .welcome .con{
        padding:  25px 25px 45px;
    }
    header .col-lg-4{
        display: flex;
        align-items: center;
    }
    .mobile-menu{
        
        width: 45px;
        height: 45px;
        border-radius: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .mobile-menu .menu,
    .mobile-menu .menu:after,
    .mobile-menu .menu:before{
        width: 50%;
        height: 2px;
        background: white;
        border-radius: 5px;
        position: relative;
    }
    .mobile-menu .menu:after,
    .mobile-menu .menu:before{
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
    }
    .mobile-menu .menu:before {
        top: -7px;
    }
    .mobile-menu .menu:after {
        top: 7px;
    }
    header.show .col-lg-4 .mobile-menu{
        visibility: hidden;
    }
    header .col-lg-8 .mobile-menu{
       float: right;
       margin-right: 15px;
       background: none;
    }
    header .col-lg-8 .mobile-menu .menu,
    header .col-lg-8 .mobile-menu .menu:after,
    header .col-lg-8 .mobile-menu .menu:before {
        background: #0e1532;
    }
    header.show nav .mobile-menu .menu:after{
        display: none;
    }
    header.show nav .mobile-menu .menu{
        transform: rotate(50deg);
    }
    header.show .mobile-menu .menu:before{
        transform: rotate(-100deg);
        top: 0;
    }
    
    header nav {
        position: fixed;
        right: -100%;
        top: 0;
        width: 300px;
        height: 100vh;
        padding: 25px 0;
        background: transparent linear-gradient(180deg, #FDDA59 0%, #D9AA04 100%) 0% 0%;
    }
    header.show nav{
        right: 0;
    }
    header nav ul{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    header nav ul li a{
        color: black !important;
        padding:10px 20px;
        display: block;
    }
    header nav>ul>li {
        width: 100%;
        padding: 5px 0;
    }
    header nav ul li ul{
        display: none;
        padding-left: 10px;
    }
    header nav ul li.show-sub ul{
        display: block;
    }
    header nav li ul li a {
        font-size: 17px;
        padding: 15px 15px;
    }
    header nav ul li:last-child {
        display: none;
    }
    header p {
        display: block;
        padding: 0;
    }
    header .col-lg-8{
        display: flex;
        justify-content: flex-end;
    }
    .welcome .row {
        margin: 0;
    }
    .meet-team{
        padding: 35px 0;
    }
}
@media(max-width:767px){
    .container {
        max-width: 95%;
    }
    .newsletter h4 {
        font-size: 28px;
    }
    .what-do .con h3{
        font-size: 20px;
    }
    .welcome h4 {
        font-size: 24px;
    }
}
@media (max-width:599px){
    /* CONTACT US PAGE */
    .cnt-con p {
        font-size: 19PX;
        padding:20px 0 0
    }
    /* FOOTER */
    .newsletter form {
        flex-wrap: wrap;
    }
    .newsletter input[type="email"],
    .newsletter input[type="submit"] {
        width: 100%;
    }
    .newsletter form input[type="email"] {
        margin-right: 0;
    }
    footer {
        text-align: center;
    }
    footer br{
        display: none;
    }
    footer p span {
        text-align: left;
    }
    .banner h2 {
        font-size: 30px;
    }
    .banner h4{
        height: auto;
        width: 100%;
    }
    .infos .con{
        flex-direction: column;
        padding: 35px 15px;
    }
    .infos .con p{
        width: 100%;
        border: none;
        padding: 15px 0;
        text-align: center;
    }
    .awards h3{
        font-size: 27px;
    }
    .awards h6 {
        font-size: 19px;
    }
}