body{font-family:'DIN Pro'}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.top-40{ margin-top:40px;}
.top-50{ margin-top:50px;}
.top-60{ margin-top:60px;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.mar-botom-0{margin-bottom:0px;}
.pad-top-25{ padding-top:25px;}
.border-0{border:0px!important;}
.center-block{ margin:0 auto; float:none;}
.border-red{border:1px solid red;}
.border-blue{border:1px solid blue;}
.bg-black{background-color:#333333!important;}
.bg-white{background-color:#FFF;}
.padding-bottom-0{padding-bottom:0px;}
.no-bg{background:transparent!important;}

/*===============================================*/
.navbar-expand-lg .navbar-nav .nav-link{}
.nav-item{padding-left:10px;padding-right:10px;}
header {padding-top: 5rem; padding-bottom: 0rem;}

.navbar-expand-lg .navbar-nav .dropdown-menu {background: #000;color: #FFF;right: -84px;}
.dropdown-item{color:#8c8a88; font-weight:500;}
.dropdown-item:hover{background:transparent; color:#fff; font-weight:500;}

.visi-desk{display:block}
.visi-mob{display:none}

section{padding-top:2rem;padding-bottom:2rem;}

.lead {font-size: 16px;color:#FFF;text-align: center;}
.lead span{font-weight:700;color:#FFF;}

/*==============================================*/
.section-1{margin-top: -14%;padding-top:0rem;padding-bottom:0rem;background-image:url('../images/bg-1.webp');background-position: center;  background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  height:100%;}
.circle-img{margin-top: -36.6%;}
.section-text p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal;}
.section-title h1{font-size:40px; font-family: 'DIN Pro';font-weight: bold;font-style: italic;letter-spacing: 10px; text-align:center;}
.section-text-2 p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:center;}
.section-text-2-b{margin-top:-13%}
.section-text-2-b p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:center;}
.circle-2{margin-top: -105px;}
.building{position:relative;}
.building-2{margin-top: -47%;}
.gray-line{margin-left: -4%;top: -32%;position: relative;}


.qut-bg{padding-top:6rem;padding-bottom:7rem;background-image:url('../images/qut-bg.webp');background-position: center;  background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  height:100%;}
.qut-bg  p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:center;}
.qut-bg h3{font-size: 20px; font-family: "Playfair Display", serif!important;font-weight: 500; font-style: normal;text-align: center; border-top: 2px solid #d4dd21; width: 36%;padding-top: 10px;margin: 0 auto;}
.qut-bg h3 span{font-weight:600;}

.carousel-indicators {bottom: -42px;}
.carousel-indicators [data-bs-target]{border-top: 4px solid #000; border-bottom: 10px solid transparent;}

.gr-bg{padding:20rem 5rem 0rem 5rem;background-image:url('../images/bg-2.webp');background-position: center;  background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  height:100%;}
.gr-bg h1{font-size:40px; color:#FFF; font-family: 'DIN Pro';font-weight: bold;font-style: italic;letter-spacing: 8px; text-align:left;}
.gr-bg h3{font-size:22px; color:#FFF; font-family: 'DIN Pro';font-weight: bold;font-style: italic;letter-spacing: 1px; text-align:left;}
.gr-bg p{font-size:18px; line-height:31px;color:#FFF; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:left;}
.gr-bg-2{padding:0px 2rem 0px 5rem;}
.gr-bg-2 p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:left;}
.circle-next-txt{padding-left:4rem;}
.circle-next-txt  p{font-size:18px; line-height:31px;color:#000; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:left;}

.circle-3{ margin-top: -25%;margin-left: 9%;}
.circle-3-txt{margin-top: -16%; margin-left: -8%;}
.circle-3-txt p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:left;}

.circle-4-txt p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:left;padding-right: 6rem;}
.mobile-img{margin-top: -7%;}
.video-img{margin-top:-8%;}

.qut-bg-2{padding-top:8rem;padding-bottom:3rem;background-image:url('../images/qut-bg-2.webp');background-position: center;  background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  height:100%;}
.qut-bg-2 h3{font-size: 77px; font-family: 'DIN Pro';font-weight: bold;font-style: italic;text-align: center;letter-spacing: 9px; }

.execution-bg{padding-top:27%;padding-bottom:10%;background-image:url('../images/execution-bg.webp');/*background-position: center; */ background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  height:100%;}
.circle-5-txt{padding-left: 1.1rem;}
.circle-5-txt p{font-size:18px; line-height:31px; font-family: 'DIN Pro'; font-weight: normal;font-style: normal; text-align:left;}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*==============================================*/

/*==============================================*/

.footer{background:#000; color:#FFF;padding-top: 2rem; padding-bottom: 2rem;}
.footer img{width: 33px; margin-left:5px; margin-right:5px;}
.footer p{font-size:14px; text-align:center;margin-top: 1rem;margin-bottom: 1rem;}
.footer p a{color:#FFF; text-decoration:none; font-size:16px; margin-top:10px;}
.footer p a:hover{color:#f5a41f; text-decoration:none;}




.vimeo-wrapper {/* position: relative;*/ top: 0; left: 0; width: 100%; height:91%; z-index: -1; pointer-events: none; overflow: hidden; background-image: url("../images/poster.jpg"); background-size: cover;  background-position: center; background-repeat: no-repeat;}
.vimeo-wrapper iframe {
   width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: relative; top: 50%;   left: 50%; transform: translate(-50%, -50%);
}

.testi-text{font-family: "Playfair Display", serif!important; font-style:italic!important;}

/*==========================*/
.card-img { width: 100%;}

.card{border:0px solid rgba(0,0,0,.125)!important}
.card-title{font-size:0.8em; font-family: 'Gotham'!important;  font-weight: 500; font-style: normal; text-transform:uppercase; letter-spacing:1px;}
.card-img-holder-right-bottom{margin:25rem 0 0 0rem;font-size:16px;font-family: 'Gotham'; font-weight:600; line-height: 50px;}
.card-img-bor{border: 0px;background: #000;-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important; height: 433px;}
.card-img-bor img{height:433px;}
.img-left-padd-0{padding-left:0px;}
.img-right-padd-0{padding-right:0px;}

.card-img-overlay {background-color: rgba(0,0,0,.5); }

#vimeohero {background: #eee; height: 432px; overflow: hidden; padding: 0; position: relative;}/*height: 74.6vh*/
.iframe-2 {box-sizing: border-box; height: 56.25vw;  left: 50%;  min-height: 100%; min-width: 100%;  transform: translate(-50%, -50%); position: absolute; top: 50%; width: 177.77777778vh;}
.iframe-2-b{height:20.25vw;}
.card-img-holder-right-bottom-2 {margin: 17vh 0 0 0rem; font-family: 'Gotham'; font-size: 45px;font-weight: 800; line-height: 37px; text-align:center;text-transform:uppercase; color:#FFF;}

.card-img-overlay-2 {background-color: rgba(0,0,0,.0); }
.card-img-overlay-2:hover {background-color: rgba(0,0,0,.5); }

.hover-img-2:hover img{Display: none;}
.hover-img-2:hover h2{Display:block;}
.hover-img-2 h2{Display:none;}
.color-00{color:#000;}

.profoli-img-section{padding:5rem 2rem; Background:#080a0c;}
.profoli-img-section h3{font-size:0.8em; font-family: 'Gotham'; color:#888686;padding-bottom: 1rem;  font-weight: 500; font-style: normal; text-transform:uppercase; letter-spacing:1px;}

/*===========================*/

.visi-desk{display:block;}
.visi-mob{display:none;}


/*============================================*/

@media (max-width:441px){ 
.header-video{margin-top: -1px;}
.visi-desk{display:none;}
.visi-mob{display:block;}
.bom-banner-img{height: 394px;}
.circle-img {margin-top: -21.6%;}
.section-1 {margin-top: -1%;}
.section-text p {font-size: 18px;}
.section-title h1 {font-size: 34px;letter-spacing: 4px;}
.section-text-2 p {font-size: 18px;}
.gray-line {margin-left: 28%;top: -59%;height: 120px;}
.building-2 {margin-top: -29%;}
.qut-bg {padding-top:1rem; padding-bottom:1rem;background-image:url('../images/mob-qut-bg.webp');background-position: center;  background-repeat: no-repeat; }
.qut-bg h3{width:100%;}
.qut-bg p{font-size: 18px;}
.mob-strip{height:150px;}

.gr-bg {padding: 2rem 6rem 0rem 1rem;}
.gr-bg h1{font-size: 28px;letter-spacing: 1px;}
.gr-bg p{font-size: 18px; line-height:20px;}
.gr-bg-mob h1{margin-top:20px;font-size: 28px;letter-spacing: 2px; text-align:center; font-family: 'DIN Pro'; font-weight: normal;font-style: italic;}
.gr-bg-mob h3{font-size: 20px; font-weight:600;text-align:center;}
.gr-bg-mob p{font-size: 18px; text-align:center; font-family: 'DIN Pro'; font-weight: normal;font-style: normal;}
.gr-bg-2 {padding: 0px 1rem 0px 1rem;}
.gr-bg-2 p{font-size: 18px; text-align:center;}
.circle-next-txt {padding-left: 1rem}
.circle-next-txt p{font-size: 18px;text-align:center}
.circle-3 {margin-top: -15%; margin-left: 0%;}
.circle-3 img{height: 186px;margin-left: -8px;}
.circle-3-txt{margin-top: -38%;margin-left: 0%;padding-left: 17%;}
.circle-3-txt p{font-size: 18px;}
.circle-4-txt p{font-size: 18px; text-align:center;padding-right: 0rem;}
.section-text-2-b p{font-size: 18px;}
.qut-bg-2 h3{font-size: 34px;letter-spacing: 4px;}
.qut-bg-2{padding-top:2rem;padding-bottom:2rem;background-image:url('../images/qut-bg-2.webp');background-position: center;  background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  height:100%;}
.circle-5-txt p{font-size: 18px;}
.mob-execution-bg p{font-size: 18px; text-align:center;}
.bloc-mob{height:20px;}
.amb-bloc-mob{height:30px;}
}