@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=595a47d8-8325-4db9-9874-08b853d8e418");
@font-face {
  font-family: "Helvetica Neue LT W05_45 Light";
  src: url("fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
}
@font-face {
  font-family: "Helvetica Neue LT W05_77 Bd Cn";
  src: url("fonts/02980b3d-1e37-4378-a5c6-4cf0d6ce0ba5.woff2") format("woff2"), url("fonts/2d1e8a5f-eb7a-47a1-be1d-878bb9a46b6e.woff") format("woff");
}
body, p, .p {
  font-family: 'Helvetica Neue LT W05_45 Light' !important;
}
.p { font-size: 1rem !important;}

h1, h2, h3, h4, h5, h6, .b-cond {
  font-family: 'Helvetica Neue LT W05_77 Bd Cn' !important;
}
.navbar-top {
  min-height: auto !important;
}
@media (min-width: 1024px) {
  .navbar-top .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .navbar-top .navbar-toggle {
    display: none
  }
}
.navbar-hide:not(.navbar-end) .navbar-top {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.nav:not(.nav-opacity) .nav-link.active, .nav:not(.nav-opacity) .nav-link:focus, .nav:not(.nav-opacity) .nav-link:hover {
  opacity: 1;
  color: #E7B040;
}
.navbar-top.navbar-dark::before {
  background-color: rgba(20, 26, 46, 0.8);
}
.navbar-show .logo {
  display: block;
  min-width: 200px;
  height: 75px;
  background-image: url('/assets/images/logo.svg');
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}
.navbar-scroll .logo {
  min-width: 200px;
  height: 50px;
  background-image: url('/assets/images/logo-long.svg');
}
.navbar-hide .logo {
  background-image: url('/assets/images/logo-long.svg');
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}
@media (max-width: 1023.98px) {
  .navbar-mobile-style-2.navbar-dark .navbar-head {
    background-color: rgb(20, 26, 46);
  }
}
#welcome h2 {
  font-size: 2.9em;
  margin: 0;
}
.navbar .container-fluid {
  width: 96%;
  padding: 20px 0;
}
.navbar-scroll .navbar .container-fluid {
  padding: 10px 0;
}
.text-danger {
  color: #C4007A !important;
}
.text-warning, .btn-white:hover {
  color: #E7B040 !important;
}
.text-dark, .btn-white {
  color: rgb(20, 26, 46) !important;
}
.btn-dark, .btn-white:hover {
  background-color: rgb(20, 26, 46) !important;
  border-color: rgb(20, 26, 46) !important;
}
.btn-danger {
  background-color: #C4007A !important;
  border-color: #C4007A !important;
}
.btn-warning {
  background-color: #E7B040 !important;
  border-color: #E7B040 !important;
}
.btn {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}

.bg-dark{
  background-color: rgb(20, 26, 46) !important;
}
.navbar-dark {
  background-color: rgba(20, 26, 46,0.8) !important;
}
.bg-col-grad{
  background: #e4ae3d;
  background: -moz-linear-gradient(-45deg, #e4ae3d 0%, #e4ae3d 30%, #ca4b52 70%, #c5087a 100%);
  background: -webkit-linear-gradient(-45deg, #e4ae3d 0%, #e4ae3d 30%, #ca4b52 70%, #c5087a 100%);
  background: linear-gradient(135deg, #e4ae3d 0%, #e4ae3d 30%, #ca4b52 70%, #c5087a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4ae3d', endColorstr='#c5087a', GradientType=1);
}
.btn-warning:hover {
  background: #c5087a;
  background: -moz-linear-gradient(-45deg, #ca4b52 0%, #c5087a 100%);
  background: -webkit-linear-gradient(-45deg, #ca4b52 0%, #c5087a 100%);
  background: linear-gradient(135deg, #ca4b52 0%, #c5087a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca4b52', endColorstr='#c5087a', GradientType=1);
	color: #FFF;
}
a, a.btn, .btn { transition: all 0.35s ease-in-out !important;}

#magic { border-top:1px solid #E7B040;border-bottom:1px solid #E7B040;}
#brands .logos {
  width: 100%;
  height: 125px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
#brands .logos.tra {
  background-image: url('/assets/images/logos/tra.svg');
}
#brands .logos.suz {
  background-image: url('/assets/images/logos/suz.svg');
}
#brands .logos.tpb {
  background-image: url('/assets/images/logos/tpb.svg');
}
#brands .logos.pep {
  background-image: url('/assets/images/logos/pep.svg');
}
#brands .logos.pos {
  background-image: url('/assets/images/logos/pos.svg');
}
#brands .logos.roc {
  background-image: url('/assets/images/logos/roc.svg');
}
#brands .logos.mol {
  background-image: url('/assets/images/logos/mol.svg');
}
#brands .logos.myl {
  background-image: url('/assets/images/logos/myl.svg');
}
#brands .logos.ner {
  background-image: url('/assets/images/logos/ner.svg');
}
#brands .logos.has {
  background-image: url('/assets/images/logos/has.svg');
}
#brands .logos.idn {
  background-image: url('/assets/images/logos/idn.svg');
}
#brands .logos.kud {
  background-image: url('/assets/images/logos/kud.svg');
}
#brands .logos.mcd {
  background-image: url('/assets/images/logos/mcd.svg');
}
#brands .logos.mlo {
  background-image: url('/assets/images/logos/mlo.svg');
}
#brands .logos.cin {
  background-image: url('/assets/images/logos/cin.svg');
}
#brands .logos.eon {
  background-image: url('/assets/images/logos/eon.svg');
}
#brands .logos.gog {
  background-image: url('/assets/images/logos/gog.svg');
}
#brands .logos.gro {
  background-image: url('/assets/images/logos/gro.svg');
}
#brands .logos.air {
  background-image: url('/assets/images/logos/air.svg');
}
#brands .logos.arg {
  background-image: url('/assets/images/logos/arg.svg');
}
#brands .logos.arm {
  background-image: url('/assets/images/logos/arm.svg');
}
#brands .logos.bt {
  background-image: url('/assets/images/logos/bt.svg');
}
#brands .logos.act {
  background-image: url('/assets/images/logos/act.svg');
}
#brands .logos.tci {
  background-image: url('/assets/images/logos/tci.png');
}

.fancybox-is-open .fancybox-bg {opacity: 0.95;}

footer p {font-size: 0.8rem !important;}
footer p.b-cond, footer p .b-cond { font-size: 1.35rem !important;}

footer .nav .nav-link { padding: 5px 15px 5px 0;}

#magic img.headshot {
		margin-bottom: 30px;
  }
.btn {
    padding: 10px 25px;
  }

@media (min-width: 620px) {
  .container, .container-sm {
    max-width: 620px
  }
}
@media (min-width: 828px) {
  .container, .container-md, .container-sm {
    max-width: 788px
  }
	.w-md-90 { width: 90% !important;} 
}
@media (min-width: 1440px) {
}
@media (min-width: 1024px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 984px
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1180px
  }
	.lg-h3 { font-size: 1.752rem; line-height: 1.35;}
}
@media (max-width: 1024px) {
  .lines-style-3 .line {
    position: absolute;
    display: block;
    right: 50%;
    bottom: 0;
    height: 30px;
    border-right: 1px solid currentColor;
    z-index: 1;
  }
	
	.h6, h6 { line-height: 1.3;}
}
@media (max-width: 800px) {
  #magic img.headshot {
    max-width: 90% !important;
		margin-bottom: 30px;
  }
	
}
@media (max-width: 619.98px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 20px;
    padding-left: 25px
  }
  .navbar-show .logo, .navbar-hide .logo {
    width: 150px;
    height: 30px;
    background-image: url('/assets/images/logo-long.svg');
  }
  h2, #welcome h2, h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4, h5, .h5, h6, .h6 {
    font-size: 1rem;
		line-height: 1.2;
  }
  #magic p {
    font-size: .9rem;
  }
  .navbar-mobile .navbar-head {
    padding: 5px 7px;
    min-height: 50px;
  }
  .navbar-mobile .navbar-body > .navbar-nav {
    font-size: 18px;
  }
  .navbar-mobile .navbar-body > .navbar-nav .nav-item:hover {
    color: #E7B040;
  }
  .navbar-brand {
    font-size: 1rem;
  }
  #brands .logos {
    height: 75px;
  }
  .content-wrap {
    overflow-x: hidden;
  }
  .btn {
    padding: 5px 13px;
  }
    .gallery-item-lg, .gallery-item-md, .gallery-item-sm, .gallery-item-xl {
      min-height:211px
  }
	footer img.ft-logo { max-width: 80%;}
	.prop {max-width: 60% !important; margin-bottom: 20px;}
	#magic img.headshot { max-width: 60% !important; margin-bottom: 20px;}
	.swiper-review-2 { padding-bottom: 30px;}
	#love .swiper p { font-size: .9rem;}
	#work .h5 { margin-top: 15px; font-size: 0.85rem;}
	.img-mob {margin-left: -40px;
margin-right: -40px;
width: calc(100% + 80px);
max-width: 150%;
margin-bottom: 20px;}
}