@charset "UTF-8";

body{ font-family:'spiegel', arial, san-serif;}
.subtitle {
  font-family: 'BeaufortforLOL-BoldItalic' !important;
  text-transform: uppercase;
}
.maintitle {
  font-family: 'BeaufortforLOL-Heavy' !important;
  text-transform: uppercase;
  line-height: 1.2em;
  letter-spacing: 0.06em;
  font-weight: bold;
}
.embla__slide .card-wrap .item-wrapper .image-wrap {transition:all ease 0.3s !important;}
.embla__slide .card-wrap .item-wrapper .image-wrap img {transition:all ease 0.3s !important;}
.embla__slide .card-wrap .item-wrapper .image-wrap:hover { transform:scale(1.1) !important; }
.image-wrapper .frame { padding:1em;  position: relative;}
.image-wrapper .frame:before { content:""; position: absolute; width: 100%; height: 100%; border:2px dashed rgba(255,255,255,0.4); top: 0; left: 0; border-radius: 50%;   -webkit-animation:spin 60s linear infinite;
    -moz-animation:spin 60s linear infinite;
    animation:spin 60s linear infinite;}
.animated-circle {
  display: grid; position: relative; z-index: 1; aspect-ratio: 1 / 1;
  place-content: center;
  color: white;
  text-shadow: 0 1px 0 #000;
  --border-angle: 0turn;
  --main-bg: conic-gradient(
      from var(--border-angle),
      #213,
      #112 5%,
      #112 60%,
      #213 95%
    );
  border: solid 3px transparent;
  border-radius: 50%; overflow: hidden;
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
  background-position: center center;
  -webkit-animation: bg-spin 3s linear infinite;
          animation: bg-spin 3s linear infinite;
}
@-webkit-keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
.box:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

.animated-circle:before { content:""; z-index; background-red; position: absolute; top:-1em; left: -1em; bottom: -1em; right: -1em;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.fixed-content{ display:flex; align-items: end; justify-content: center; padding-top:4em; padding-bottom: 7em; }
.row.withborder { position: relative; z-index: 2; }
.row.withborder:after{ content:""; position: absolute; border:1px solid rgba(255,255,255,0.2); width: 100%; height: 75%; bottom:0; left: 0; z-index: 1;}
#video1-d .round  { margin:1em 6% 0em 6%; overflow: visible; position: relative; z-index: 1;  }
#video1-d .round:before{ z-index: 0; content:""; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); border: 2px dashed #ccc; top:-10px; left:-10px; border-radius:50%;  transition: all ease 0.3s; }
#video1-d .round:hover:before{-webkit-animation:spin 60s linear infinite;  border-color: #c28f2c;}

.cid-uaheeonSbj .col-lg-4:first-child, .cid-uaheeonSbj .col-lg-4:nth-child(3), .cid-uaheeonSbj .col-lg-4:nth-child(4), .cid-uaheeonSbj .col-lg-4:nth-child(6) {margin-top:4em;}
#video1-d .round .video-wrapper{aspect-ratio: 1 / 1;     display: flex;
    align-items: center;
    justify-content: center; position: relative; z-index: 1;}
#video1-d .round .video-wrapper iframe { height:100% !important; position:relative; z-index: 1;  border-radius: 50%; overflow: hidden;}

.indicator { width:9px; height:9px; background:#ccc; border-radius:50%; display: block; margin:26px auto -45px auto; transition:all ease 0.3s; position: relative;}
.indicator::after{content:""; border:2px solid transparent; border-radius:50%; z-index: -1;}
.indicator::before{content:""; position: absolute; width:1px; height: 0px; background: #c28f2c; z-index: -2; bottom: 0; left: 4px; transition:all ease 0.3s;}
.active ~ .indicator{background:#c28f2c; position: relative;}
.active ~ .indicator::after{ content:""; border: 2px solid #c28f2c; background: white; position: absolute; width: 17px; height: 17px; top: -4px; left: -4px; border-radius:50%;  transition:all ease 0.3s;}
.active ~ .indicator::before{height: 40px;}
.cid-uahtyXG3jm .nav.nav-tabs { position: absolute; z-index: 0; width: 50%; top: 40%;}
.tab-content .image-wrapper.round { position: relative; z-index:1;}
.cid-uahtyXG3jm .tab-content .tab-pane .card-wrapper { justify-content:end ; }
#tabs1-h .info { max-width: 800px; text-align: center; margin: 1em auto; line-height: 1.5; }
#custom-html-1 #banner-text.logo-corner{align-items: end; justify-content: end;  bottom: 15%; right: 8%; top:auto;} 
#custom-html-1 #banner-text.logo-corner img{ max-width:240px; margin: 0;  }
.floating-wpp .floating-wpp-button { margin-bottom: 20px;}

.quickenquiry {  }
.quickenquiry input.form-control, .quickenquiry textarea.form-control {border:0; border-bottom:1px solid #6a6e71 !important; padding:14px 0; width: 100%; box-shadow: none;}
.quickenquiry .action input{ padding: 1em 2em 1em 3em; background: url("send-icon.png") no-repeat 10px center  #c28f2c;  color: #fff; font-weight: bold; border:0; } 
.quickenquiry .action input:hover{background: url("send-icon.png") no-repeat 10px center #7b5b1c; }

#cert {
  background-position: top;
  background-repeat: repeat-x;
  background-size: auto !important;
	background-color: #f9f9f9;
}

/*homepage our forte  label*/
.cid-tB1KO5HEsw .vertical-label { display:none !important;} 
.cid-tB1KO5HEsw .embla { max-width: 1330px; margin-left: auto; margin-right: auto;}

#home-insta .instaframe {}
#home-insta .item-img{   padding:17.5% 5.5% 12% 5.5% !important; background: url("../../images/insta-frame.png") center no-repeat; background-size:cover;} 


@media screen and (max-width: 1500px) {
	html{ font-size:14px;}
	.cid-uahtyXG3jm .nav.nav-tabs .nav-item .nav-link {padding:0 0.3rem;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong img { max-width:50px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link.active strong img{ max-width:80px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link.active::before { bottom:11px;}
	
}

@media screen and (max-width: 1280px) {
		html{ font-size:13px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link::before { height:3em;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong{ padding-left:1em; padding-right:1em;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong img { max-width:40px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link.active strong img { max-width:60px;}
	.cid-uahtyXG3jm .tab-content .tab-pane .card-wrapper { padding:1em;}
	
}

@media screen and (max-width: 1024px) {
		html{ font-size:13px;}
	.cid-tB1K0bNpwu li.nav-item { padding:1px 5px !important;}
	.cid-uandEJkP0N .vertical-label { left:-4em; top:50%;}
	.cid-uabdmaFJZC .vertical-label { left:-2em;}
	.cid-uabPJAn8oh .vertical-label { left:0;}
	.cid-uabYCABxC3 .vertical-label { left:-2em;}
	.cid-uahpxrmAtd .vertical-label {left:-2em;}
	.cid-uabYCABxC3 .display-5 { font-size:11px;}
	.fixed-content { padding-bottom:3em;}
		.cid-uabYCABxC3 { padding-top:0;}

	#tabs1-a .col-lg-4, #tabs1-a .col-lg-5, #tabs1-a .col-lg-3, #tabs1-a .col-lg-7, #tabs1-a .col-lg-8{ width:100%;}	/*force fullwidth*/
	#tabs1-a  .tabs-wrapper { position:relative;}
	#tabs1-a .image-wrapper { max-width:800px; margin:0 auto;}
	#tabs1-a  .nav.nav-tabs {display: flex; align-items: start; justify-content: center; z-index: 100; position: absolute; top: 820px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item  { text-align:center;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link.active strong img { max-width:110px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link.active strong { color:#fff;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong img { max-width:77px; display: block; margin: 0 auto 10px auto;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong { display: flex; flex-direction: column-reverse; text-align: center;  line-height: 1.2; color:transparent; font-size: 13px;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong span{ display:block; font-weight: inherit;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link::before { height:6.5em; }
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link.active::before {bottom:-1.2em;}
	.fixed-content { padding-top:0; padding-bottom: 0;}
		.image-wrapper .frame { padding:1.5em; margin-bottom:230px;}
	.row.withborder { margin: 0 1em;}
	.tab-event .row { display: flex; justify-content: center;}
	.cid-uabYCABxC3 .event-summary { max-width:600px; margin:0 auto;}
	.cid-tB1KO5HEsw .embla__slide .card-wrap .item-wrapper .image-wrap { height:140px;}
	.cid-tB1KO5HEsw .embla__slide .card-wrap .content-wrap .mbr-name { font-size:1.4em;}
	.cid-tB1KO5HEsw .embla__viewport { padding-right:22px;}
	.cid-tB1KO5HEsw .embla { margin-top:-140px;}
	.cid-tB1KO5HEsw { margin-bottom:-20px;}
	.cid-tB1KO5HEsw .vertical-label { top:-80px;}
	#custom-html-1 #banner-text.logo-corner img { max-width:140px;}
	.cid-tB1KO5HEsw .title-wrapper .title-wrap { margin-top:-250px;}
	
}

/*iphone pro max landscape*/
@media screen and (max-width: 940px) {
	html { font-size:12px}
	.cid-tB1KO5HEsw .embla__slide .card-wrap .content-wrap .mbr-name { font-size:1.2em;}
	.container { max-width:800px;}
#tabs1-a .image-wrapper { max-width:528px; margin:0 auto;}
	#tabs1-a  .nav.nav-tabs {display: flex; align-items: start; justify-content: center; z-index: 100; position: absolute; top: 560px;}
	.cid-uaheeonSbj .col-lg-4 { width:33.3333333333%;}
	.row.withborder { margin: 0 3em; }
		.cid-uabYCABxC3 .vertical-label { top:60%;}
	
		#tabs1-h .title-wrapper {max-width:600px; margin: 0 auto;}
	#tabs1-h .tab-content {max-width:600px; margin: 0 auto;}
	#tabs1-h .tab-content .image-wrapper{max-width:500px; margin: 0 auto 1em auto;}
	.cid-uahtyXG3jm .nav.nav-tabs { position:relative; max-width: 100%; top:1em; width:100%; justify-content: center;}
	.cid-uahtyXG3jm .card-wrap { text-align:center;}
	#custom-html-1 #banner-text.logo-corner { bottom:0;}
	#static .mbr-section-title{ font-size:4em;}
	#static .content-wrap {padding:0 5%; max-width: calc(90% - 100px); }
	#static .btn {padding:1em 1.5em;}
	#static .logo img { max-width: 100px; height: auto;  position: absolute; right: 5%; bottom: 100px;}
	.cid-tB1K0bNpwu .navbar .nav-item {padding: 1em 2em !important;}
	.cid-tB1K0bNpwu .icons-menu-main { margin-left:2rem !important; }
	
}
@media screen and (max-width: 768px) {
	html{ font-size:13px;}
	#custom-html-1 .videocontainer.clear { aspect-ratio: 1 / 1; height: auto;width:90%; left:5%; overflow: visible;} 
	#custom-html-1 .videocontainer.clear .videoembed { aspect-ratio: 1 / 1; height: auto; top:100px; }    
	#custom-html-1 .videocontainer.clear:after {top:113px; height:90%;}
	#custom-html-1 .videocontainer.blur { height:600px;}
	.cid-tB1KO5HEsw .embla { margin-top:-120px;}
	.cid-tB1KO5HEsw .vertical-label { top:0;}
	.cid-tB1KO5HEsw .embla__slide .card-wrap .item-wrapper .image-wrap { max-width:100%;}
	.cid-tB1KO5HEsw .embla__viewport { width:100%; margin:0 10%;}
	.cid-tB1KO5HEsw .embla__container {margin-left:-42%;}
	.cid-tB1KO5HEsw .embla__container .content-wrap{ padding-right: 1em;}
	.cid-uabdmaFJZC .content-head { max-width: 600px;}
	.cid-uabPJAn8oh .desc-wrapper .mbr-desc { line-height:1.2;}
	.cid-uabPJAn8oh .vertical-label { top:50%;}

	
	#share1-f .container { max-width:600px; }
		.image-wrapper .frame { padding:1.5em; margin-bottom:200px;}
	.cid-tB1KO5HEsw .title-wrapper .title-wrap { margin-top:-230px;}
	.cid-tB1KO5HEsw .embla { padding-bottom:2em;}
	#custom-html-1 .texture { padding-bottom:370px;}
}

@media screen and (max-width: 500px) {
		html{ font-size:12px;}
	#custom-html-1 .videocontainer.blur { display:none;}
	#custom-html-1 .videocontainer.clear { width:100%; left:0; overflow: visible; position: relative;}
	#custom-html-1 .videocontainer.clear .videoembed { top:0;  width:100%; position: relative; left:0;}
	#custom-html-1 .videocontainer.clear:after { display:none;}
	#custom-html-1 #banner-text { font-size:2em;}
	#custom-html-1 .texture{ padding-bottom:0;}
	.cid-tB1K0bNpwu .navbar-brand { padding:0;}
	.cid-tB1K0bNpwu .navbar { padding:10px 0;}
	.cid-tB1K0bNpwu .navbar .navbar-logo img { height:80px !important;}
	.cid-tB1KO5HEsw .vertical-label{ transform: none; padding-left: 2em; margin-bottom: 3em; font-weight: 600; letter-spacing: 0.25em; font-size: 0.8rem;}
	
	.cid-tB1KO5HEsw .embla { margin-top:0;}
	.cid-tB1KO5HEsw .embla__viewport { margin:0; padding-top:1em;}
	.display-7{ line-height:inherit;}
	
	
	.cid-tB1KO5HEsw .embla__container { margin-left:0;}
	.cid-tB1KO5HEsw .embla__slide { min-width:80%;}
	#slider1-j { padding-top:1.5em; padding-bottom: 1em; background: url("../../images/net-texture3.png") top repeat-x;}
	.cid-tB1KO5HEsw .embla__slide .card-wrap { border-width:1px;}
	.cid-uandEJkP0N { padding-top:3rem; padding-bottom:3rem;}
	
	.cid-uabdmaFJZC  { padding-top:3rem; padding-bottom:3rem;}
	
	/*hide vertical label*/
	.cid-uandEJkP0N .vertical-label, .cid-uabdmaFJZC .vertical-label, .cid-uabPJAn8oh .vertical-label, .cid-uabYCABxC3 .vertical-label, .cid-uahpxrmAtd .vertical-label, .cid-uahtyXG3jm .vertical-label { display:none;}
	.cid-uabdmaFJZC .maintitle { font-size:3em;}
	.cid-uabPJAn8oh .maintitle {font-size:3em; line-height: 1;}
	.cid-uabPJAn8oh .clientele-bg { margin-bottom:-3px;}
	
	.cid-uabYCABxC3 .maintitle { font-size:3em;}
	.cid-uabYCABxC3 .subtitle { font-size:1.1em;}
	 .maintitle { font-size:2.6em;}
	
	.image-wrapper .frame:before { border-width:1px;}
	.image-wrapper .frame { padding:5px;}
	.row.withborder { margin:0;}
	#tabs1-a .image-wrapper { max-width:300px;}
	#tabs1-a .nav.nav-tabs { top:330px; left:0;}
	.cid-uabYCABxC3 .nav.nav-tabs .nav-item .nav-link strong { font-size:10px;}
	
	.cid-uahbYzz8wB .maintitle  { font-size:1.6em;}
	.cid-uahbYzz8wB .subtitle { font-size:1.1em;}
	.cid-uaheeonSbj .col-lg-4 { width:50%;}
	
	.cid-uahpxrmAtd .mbr-section-title { font-size:3em;}
	#share1-f .container { max-width:90%;}
	.cid-uahpxrmAtd { padding-bottom:3rem;}
	.cid-uahtyXG3jm .maintitle { font-size:3em;}
	#tabs1-h .subtitle { font-size:1.1em;}
	
	.cid-uahtyXG3jm .nav-link.active .number { font-size:1.8em; line-height: 30px;}
	.cid-uahtyXG3jm .number { height:34px; width: 34px; line-height: 45px;}
	.cid-uahtyXG3jm .nav.nav-tabs .nav-item .nav-link { font-size:10px;}
	.cid-uahtyXG3jm .number { font-size:1.6rem;}
	.cid-uahtyXG3jm .nav-link.number::after, .cid-uahtyXG3jm .nav-link.active .number::after {display:none;}
	.cid-uahtyXG3jm .nav.nav-tabs .nav-item .nav-link { padding:0;}
	.cid-uahtyXG3jm { padding-top:3rem; padding-bottom:3rem;}
	.cid-u8QA9HG9iG .subtitle{font-size:1.1em;}
	.cid-u8QA9HG9iG .item-title { font-size:1.3em;}
	.cid-u8QyamCkoT { padding-top:0;}
	.cid-uaheeonSbj .col-lg-4{margin-top: 2em;}
	.cid-uaheeonSbj .col-lg-4:first-child, .cid-uaheeonSbj .col-lg-4:nth-child(3), .cid-uaheeonSbj .col-lg-4:nth-child(4), .cid-uaheeonSbj .col-lg-4:nth-child(6) {margin-top:2em;}
	#custom-html-1 #banner-text.logo-corner img { max-width:100px;}
	#custom-html-1 #banner-text.logo-corner { bottom:5%;}
	.cid-tB1KO5HEsw .title-wrapper .title-wrap { margin-top:0; padding-bottom:0;}
	.cid-tB1KO5HEsw .title-wrapper .title-wrap .mbr-section-title { font-size:3em;}
	.cid-tB1KO5HEsw{ margin-bottom:0;}
	.cid-tB1KO5HEsw .vertical-label { display:none;}
	.mbr-section-head { max-width:90%; margin-left: auto; margin-right: auto;}
	.vertical-label { visibility:hidden;}
	#static .content-wrap { max-width: 100%;}
	#static .logo img { bottom:27px;}
}