@charset "UTF-8";
@font-face {
  font-family: 'Akzidenz-Grotesk Medium';
  src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Medium.eot");
  src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Medium.woff2") format("woff2"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Medium.woff") format("woff"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Medium.ttf") format("truetype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Medium.svg#AkzidenzGrotesk-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Akzidenz-Grotesk Bold';
  src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Bold.eot");
  src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Bold.woff2") format("woff2"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Bold.woff") format("woff"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Bold.ttf") format("truetype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Bold-full.svg#AkzidenzGrotesk-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Akzidenz-Grotesk Super';
  src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Super.eot");
  src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Super.eot?#iefix") format("embedded-opentype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Super.woff2") format("woff2"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Super.woff") format("woff"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Super.ttf") format("truetype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Super-full.svg#AkzidenzGrotesk-Super") format("svg");
  font-weight: normal;
  font-style: normal; }
  
body { font-size: 16px; line-height: 1.8;  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/    font-family: "Akzidenz-Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;    letter-spacing: .02em; }
p,ul,li {
    margin: 0 0 1.5rem;
    font-size: 1rem;
    color: #000!important;
    line-height: 1.7;
}
.top-about{margin-top:7em!important;}
::-moz-selection { background: yellow; }

::selection { background: yellow; }

h1, h3, h4, h5 { 
    color: #000!important;
    text-transform:uppercase;
    font-family: "Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
header h2 {
    text-transform:lowercase!important;
    font-family: ConcielianLightLight, "Concielian Light", serif !important; 
    color:#000!important;
}
.templateux-hero h1, #text-logo-herosection, .intro h1{
    margin-top:0!important;
}
@font-face {
    font-family: 'ConcielianLightLight';
    src: url('fonts/concv2l_0-webfont.eot');
    src: url('fonts/concv2l_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/concv2l_0-webfont.woff') format('woff'),
         url('fonts/concv2l_0-webfont.ttf') format('truetype'),
         url('fonts/concv2l_0-webfont.svg#ConcielianLightLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Regular'), url('fonts/ProximaNova-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Proxima Nova Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Thin'), url('fonts/ProximaNovaT-Thin.woff') format('woff');
}


@font-face {
    font-family: 'Proxima Nova Light';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Light'), url('fonts/ProximaNova-Light.woff') format('woff');
}


@font-face {
    font-family: 'Proxima Nova Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Semibold'), url('fonts/ProximaNova-Semibold.woff') format('woff');
}


@font-face {
    font-family: 'Proxima Nova Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Bold'), url('fonts/ProximaNova-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Proxima Nova Extrabold';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Extrabold'), url('fonts/ProximaNova-Extrabld.woff') format('woff');
}


@font-face {
    font-family: 'Proxima Nova Black';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Black'), url('fonts/ProximaNova-Black.woff') format('woff');
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; background-color: #ffffff; text-align: center;} 
.flexslider .slides img {display: inline;}
.flex-viewport {margin: 0 auto!important; max-width:525px!important;}
.flexslider{max-width:525px!important;}




@media only screen and (min-device-width: 951px){
    .fixedlogo {
        width: 40.2rem;
        float: right;
    }
}

@media only screen and (max-device-width: 950px){
    .fixedlogo {
        width: 33.2rem;
        float: right;
    }
}

@media only screen and (max-device-width: 634px){
    .fixedlogo {
        width: 32.2rem;
        float: right;
    }
}

@media only screen and (max-device-width: 617px){
    .fixedlogo {
        width: 31.2rem;
        float: right;
    }
}

@media only screen and (max-device-width: 600px){
    .fixedlogo {
        width: 30.2rem;
        float: right;
    }
}

@media only screen and (max-device-width: 584px){
    .fixedlogo {
        width: 29rem;
        float: right;
    }
}

@media only screen and (max-device-width: 567px){
    .fixedlogo {
        width: 28.2rem;
        float: right;
    }
}

@media only screen and (max-device-width: 550px){
    .fixedlogo {
        width: 27.4rem;
        float: right;
    }
}

@media only screen and (max-device-width: 534px){
    .fixedlogo {
        width: 26.4rem;
        float: right;
    }
}

@media only screen and (max-device-width: 517px){
    .fixedlogo {
        width: 25.4rem;
        float: right;
        margin-top: 0.5rem;
    }
}

@media only screen and (max-device-width: 508px){
    .fixedlogo {
        width: 24.9rem;
        float: right;
    }
}

@media only screen and (max-device-width: 500px){
    .fixedlogo {
        width: 24.4rem;
        float: right;
    }
}

@media only screen and (max-device-width: 488px){
    .fixedlogo {
        width: 23.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 480px){
    .fixedlogo {
        width: 23.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 472px){
    .fixedlogo {
        width: 22.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 464px){
    .fixedlogo {
        width: 22.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 458px){
    .fixedlogo {
        width: 21.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 450px){
    .fixedlogo {
        width: 21.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 442px){
    .fixedlogo {
        width: 20.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 434px){
    .fixedlogo {
        width: 20.2rem;
        float: right;
    }
}
@media only screen and (max-device-width: 425px){
    .fixedlogo {
        width: 19.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 417px){
    .fixedlogo {
        width: 19.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 408px){
    .fixedlogo {
        width: 18.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 400px){
    .fixedlogo {
        width: 18.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 392px){
    .fixedlogo {
        width: 17.9rem;
        float: right;
    }
}

@media only screen and (max-device-width: 384px){
    .fixedlogo {
        width: 17.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 375px){
    .fixedlogo {
        width: 16.9rem;
        float: right;
    }
}

@media only screen and (max-device-width: 367px){
    .fixedlogo {
        width: 16.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 358px){
    .fixedlogo {
        width: 15.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 350px){
    .fixedlogo {
        width: 15.4rem;
        float: right;
    }
}
@media only screen and (max-device-width: 342px){
    .fixedlogo {
        width: 14.9rem;
        float: right;
    }
}
@media only screen and (max-device-width: 334px){
    .fixedlogo {
        width: 14.4rem;
        float: right;
    }
}

@media only screen and (max-device-width: 325px){
    .fixedlogo {
        width: 13.9rem;
        float: right;
    }
}

@media only screen and (max-device-width: 317px){
    .fixedlogo {
        width: 13.3rem;
        float: right;
    }
}

@media only screen and (max-device-width: 308px){
    .fixedlogo {
        width: 12.7rem;
        float: right;
    }
}

@media only screen and (max-device-width: 300px){
    .fixedlogo {
        width: 12.3rem;
        float: right;
    }
}
@media only screen and (max-device-width: 292px){
    .fixedlogo {
        width: 11.8rem;
        float: right;
    }
}
@media only screen and (max-device-width: 283px){
    .fixedlogo {
        width: 11.3rem;
        float: right;
    }
}
@media only screen and (max-device-width: 275px){
    .fixedlogo {
        width: 10.8rem;
        float: right;
    }
}













/* Landscape */
@media only screen 
  and (max-device-width: 875px)
  and (orientation: landscape) {
    .lg-sub-html,.lg-thumb-outer.lg-grab{
        display:none;
    }
    .lg-video{
        max-height: 100%!important;
        margin-top: 3%;
    }
    .lg-outer .lg-video-object{
        width:560px!important;
        height:315px!important;
    }
    iframe.lg-video-object.lg-vimeo {
        top: 25%;
        transform: translateX(-50%) translateY(-25%);
        -ms-transform:translateX(-50%) translateY(-25%);
        -webkit-transform: translateX(-50%) translateY(-25%);
        left: 50%;
    }
}
#overlay_transparent {
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.0); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

.btn.btn-submit.btn-primary{
     background-color: #09F!important;
     border-color:#008ce9!important;
}
.btn.btn-submit.btn-primary:hover{
     background-color: #008ce9!important;
     border-color:#008ce9!important;
}

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.5)!important;
}
.toolbar .icon.circles {
    width: 19px;
    height: 19px;
    position: relative;
    margin-right: 4px;
    opacity: .7;
    top: 1px;
}
.toolbar .icon.slideview img {
    width: 19px;
    position: relative;
    opacity: .2;
}
.toolbar .icon {
    cursor: pointer;
}
.no-touch .toolbar .icon.circles:hover span, .toolbar .icon.circles.active span {
    border: 1px solid #000000;
    opacity: 1;
}
.toolbar .icon.circles span:nth-child(1) {
    top: 0px;
    left: 0px;
}
.toolbar .icon.circles span:nth-child(2) {
    top: 0px;
    left: 7px;
}
.toolbar .icon.circles span:nth-child(3) {
    top: 0px;
    left: 14px;
}
.toolbar .icon.circles span:nth-child(4) {
    top: 7px;
    left: 0px;
}
.toolbar .icon.circles span:nth-child(5) {
    top: 7px;
    left: 7px;
}
.toolbar .icon.circles span:nth-child(6) {
    top: 7px;
    left: 14px;
}
.toolbar .icon.circles span:nth-child(7) {
    top: 14px;
    left: 0px;
}
.toolbar .icon.circles span:nth-child(8) {
    top: 14px;
    left: 7px;
}
.toolbar .icon.circles span:nth-child(9) {
    top: 14px;
    left: 14px;
}
.toolbar .icon.circles span {
    width: 3px;
    height: 3px;
    border: 1px solid #939393;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
    position: absolute;
}
.toolbar .icon.circles span:hover{
   border: 1px solid #000;
}
.lowOpacity{
    opacity:.3!important;
}
.highOpacity{
    opacity:.8!important;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    width:30px;
}
a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;color:#428bca; }

a:hover, a:active, a:focus { text-decoration: none; outline: none; color:#428bca;}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color:white;
}
.hamburger-inner-dark, .hamburger-inner-dark:after, .hamburger-inner-dark:before {
    background-color: black;
}
.templateux-navbar { position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0 10px 0; z-index: 1030; }
.hamburger--spin.is-active .hamburger-inner,.hamburger--spin.is-active .hamburger-inner:before,.hamburger--spin.is-active .hamburger-inner:after {
    background-color:black!important;
    transform: rotateY(0deg) rotate(90deg);
    -ms-transform: rotateY(0deg) rotate(90deg);
    -webkit-transform:rotateY(0deg) rotate(90deg);
}
.fadeInElement {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}
.fadeOutElement {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.templateux-navbar .container-fluid { max-width: 100%; }

.templateux-navbar .toggle-menu { margin-left: 35px; z-index: 9999; position: relative; top: -5px;     transform: rotateY(0deg) rotate(45deg); -webkit-transform: rotateY(0deg) rotate(45deg); -ms-transform: rotateY(0deg) rotate(45deg); }
@media screen and (max-width: 767px){
    .templateux-navbar .toggle-menu {  margin-left: 35px; }
    .top-about h1,.carousel-inner h1 {
        font-size:1.75rem!important;
        text-align:center;
    }
    .templateux-hero h1,#text-logo-herosection, .intro h1 {
        text-align:center;text-transform:lowercase!important;
    }
   .project-hover-small span{
        font-size: .8em;  text-transform: uppercase; margin-top: .6rem;margin-left:0;margin-right:0;margin-bottom:0;    font-family: "Akzidenz-Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.32px!important;
    }
    .project-hover-small h2{
        font-size: 1.25em;font-weight:900;margin-bottom: .01em;line-height: 1;font-family: "Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #next > div.container-fluid > div.row > div:nth-child(2),#next > div.container-fluid > div.row > div:nth-child(5),
    #next > div.container-fluid > div.row > div:nth-child(7),#next > div.container-fluid > div.row > div:nth-child(10),
    #next > div.container-fluid > div.row > div:nth-child(12),#next > div.container-fluid > div.row > div:nth-child(15),
    #next > div.container-fluid > div.row > div:nth-child(17),#next > div.container-fluid > div.row > div:nth-child(20),
    #next > div.container-fluid > div.row > div:nth-child(22),#next > div.container-fluid > div.row > div:nth-child(25),
    #next > div.container-fluid > div.row > div:nth-child(27){
        margin-bottom:2rem;
    }
}
@media screen and (max-width:767px){
    #masonryContent > section.top-about > div > div > div:nth-child(2),#masonryContent > section.top-about > div > div > div:nth-child(2) {
        padding: 0 2.25em;
    }
    #masonryContent > section.top-about > div > div > div:nth-child(1),#masonryContent > section.top-about > div > div > div:nth-child(1) {
        padding: 0 1.75em;
    }
    p{
        font-size: .8em;
        text-transform:uppercase;
    }
    ul,li{
        text-transform:uppercase;
        font-size:.9em!important;
    }
}
@media screen and (min-width:768px){
    .project-hover-small{
        margin-bottom: 0;
    }
    
    #about-img-text .project-hover-small{
        margin-bottom: 10rem!important;
    }
    #virtual-consultation-img,#contact-img,#faqs-img,#rates-img,#images-img,#scalp-img,#videos-img,#medical-img{
        align-items:center;align-content:center;position:relative;margin:3rem 0;
    }
    #about-img {
        align-items:center;align-content:center;position:relative;
        margin-top:3.5rem;
        margin-bottom:3rem;
    }
    #next > div > div.row{
        padding:0 4rem 5rem;
    }
    .project-hover-small h2{
            margin-bottom: -3px;font-weight:900;font-family: "Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.5em!important;
    }
    .project-hover-small span{
        margin: 0;text-transform:uppercase;    font-family: "Akzidenz-Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.32px!important;
    }
    p,ul,li{
        /*font-size: .875em;*/
        text-transform:uppercase;
    }
}
@media screen and (max-width: 991px){
    .top-about h1,.carousel-inner h1 {
        font-size:1.75rem!important;
    }
}
.words-1,.words-2{
    font-size: 1.5rem!important;
}
@media screen and (min-width: 992px){
    .project-hover-small h2{font-size:2em!important;}
    .top-about h1,.carousel-inner h1 {
        font-size:2.25rem!important;
    }
    
}
button.video-buttons{
    -webkit-appearance: none;
    overflow: visible;
    border: .5px solid #00000030;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    cursor: pointer;
	-ms-touch-action: manipulation;
    touch-action: manipulation;
}

.video-control{
    display: block;
    /*position: absolute;
    top: 50%;
    left: 50%;*/
   /*width: 5%;
    height: 25%;*/
    position: absolute;
    left: 90%;
    right:0%;
    top:90%;
    bottom:0%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    ms-transform: translate3d(-50%, -50%, 0);
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #000000;
    font-size: .65em;
    width: 5rem;
    height: 5rem;
    opacity:.75;
    border-radius: 50%;
    z-index: 50;
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease;
    transition: opacity .2s linear, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .2s linear;
    transition: transform .3s ease, opacity .2s linear, -webkit-transform .3s ease;
}

.video-control:hover {
    ms-transform: translate3d(-50%, -50%, 0) scale(1.05);
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
    transform: translate3d(-50%, -50%, 0) scale(1.05);
}

.video-control span.video-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.25em;
    margin-left: -1.25em;
    -webkit-transition: opacity .1s linear, visibility .1s linear, -webkit-transform .2s ease;
    transition: opacity .1s linear, visibility .1s linear, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .1s linear, visibility .1s linear;
    transition: transform .2s ease, opacity .1s linear, visibility .1s linear, -webkit-transform .2s ease;
}

.video-svg-icon {
    display: inline-block;
    vertical-align: middle;
    width: 2.5em;
    height: 2.5em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.video-control span.video-icon.pause, .video-control span.video-icon.restart {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.playing .video-control {
    opacity: 0.25;
    -webkit-transition: opacity .2s 2.5s linear, -webkit-transform .3s ease;
    transition: opacity .2s 2.5s linear, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .2s 2.5s linear;
    transition: transform .3s ease, opacity .2s 2.5s linear, -webkit-transform .3s ease;
}

.playing .video-control span.video-icon.play {
    opacity: 0;
    visibility: hidden;
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

.playing .video-control span.video-icon.pause {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.playing .video-control:hover {
    opacity: 1;
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease;
    transition: opacity .2s linear, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .2s linear;
    transition: transform .3s ease, opacity .2s linear, -webkit-transform .3s ease;
}

.restart .video-control:hover {
    -ms-transform: translate3d(-50%, -50%, 0) scale(1.05) rotate(-180deg);
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05) rotate(-180deg);
    transform: translate3d(-50%, -50%, 0) scale(1.05) rotate(-180deg);
}

.restart .video-control span.video-icon.play {
    opacity: 0;
    visibility: hidden;
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

.restart .video-control span.video-icon.restart {
    opacity: 1;
    visibility: visible;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

:not(svg) {
    transform-origin: 0px 0px;
}

svg:not(:root) {
    overflow: hidden;
}
/*.play {
    background-image:url('/images/home/play.png');
    background-repeat:no-repeat;
    width: 5%;
    height: 25%;
    position: absolute;
    left: 80%;
    right:0%;
    top:75%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    z-index:100;
    opacity:.5;
}
.pause {
    background-image:url('/images/home/pause.png');
    background-repeat:no-repeat;
    width: 5%;
    height: 25%;
    position: absolute;
    left: 80%;
    right:0%;
    top:75%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    z-index:100;
    opacity:.5;
}
.mute {
    background-image:url('/images/home/mute.png');
    background-repeat:no-repeat;
    width: 5%;
    height: 25%;
    position: absolute;
    left: 90%;
    right:0%;
    top:75%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    z-index:100;
    opacity:.5;
}
.unmute {
    background-image:url('/images/home/unmute.png');
    background-repeat:no-repeat;
    width: 5%;
    height: 25%;
    position: absolute;
    left: 90%;
    right:0%;
    top:75%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    z-index:100;
    opacity:.5;
}*/
header { position: fixed; top:0; left:0; }

.templateux-navbar .toggle-menu { display: block; }

.templateux-navbar .toggle-menu:active, .templateux-navbar .toggle-menu:focus { outline: none; }

.templateux-navbar .site-logo { position: relative; z-index: 9999; }

.templateux-navbar .site-logo a { font-size: 30px; color: #fff; }

.templateux-navbar .templateux-menu { position: relative;    margin-top: 10px; }

.templateux-navbar .templateux-menu ul { margin-bottom: 0; }

.templateux-navbar .templateux-menu ul li { display: inline-block; }

.templateux-navbar .templateux-menu ul li a { margin-right: 20px;  text-transform: uppercase; letter-spacing: .2em; color: #fff; position: relative; padding-bottom: 5px; display: block; }

.templateux-navbar .templateux-menu ul li a:before { content: ""; position: absolute; bottom: 0; height: 2px; width: 0; left: 0; background: #008ce9; -webkit-transition: .15s width ease; -o-transition: .15s width ease; transition: .15s width ease; }

.templateux-navbar .templateux-menu ul li a:hover:before { width: 100%; }

.templateux-navbar .templateux-menu ul li.active > a:before { width: 100%; }

.templateux-navbar .templateux-menu ul li:last-child a { margin-right: 0; }

@media (orientation:portrait){
    .templateux-navbar .templateux-menu { position: fixed; width: 100%; background-color: #fff; top: 0; left: 0; margin: 0; text-align: center; height: 100vh; min-height: 400px; padding: 15px; display: none; padding-top: 100px; overflow-y: scroll; }
}
@media (orientation:landscape){
    .templateux-navbar .templateux-menu { position: fixed; width: 100%; background-color: #fff; top: 0; left: 0; margin: 0; text-align: center; height: 100vh; min-height: 400px; padding: 15px; display: none; padding-top: 100px; overflow-y: scroll; }
}

.templateux-navbar .templateux-menu { position: fixed; width: 100%; background-color: #fff; top: 0; left: 0; margin: 0; text-align: center; height: 100vh; min-height: 400px; padding: 15px; display: none; padding-top: 100px; overflow-y: scroll; }
  .templateux-navbar .templateux-menu ul { margin-left: 40px; }
  .templateux-navbar .templateux-menu ul li { display: block; margin-bottom: 10px; }
@media (min-width: 768px){
      .templateux-navbar .templateux-menu ul li a {  font-size: 18px;} 
}
.templateux-navbar .templateux-menu ul li a { padding: 10px 0 2px 0; display: inline-block; color:black; }
@media (max-width: 767px){
    .templateux-navbar .templateux-menu ul li a { font-size: 13px; }
}
@media (max-width: 767.98px) { .templateux-navbar .templateux-menu ul { margin-left: 0px; } }

.templateux-navbar.navbar-light .site-logo a { color: #fff; }

.templateux-navbar.navbar-light .hamburger .hamburger-inner, .templateux-navbar.navbar-light .hamburger .hamburger-inner::before, .templateux-navbar.navbar-light .hamburger .hamburger-inner::after { background-color: #fff; }

.templateux-navbar.navbar-light .templateux-menu ul li a { color: #fff; }

.menu-open .templateux-navbar { position: fixed; left: 0; top: 0; }

@media (max-width: 767.98px) { .menu-open .site-logo a { color: #000 !important; } }

.menu-open .navbar-light .hamburger .hamburger-inner, .menu-open .navbar-light .hamburger .hamburger-inner::before, .menu-open .navbar-light .hamburger .hamburger-inner::after { background-color: #000; }

.menu-open .templateux-menu li { opacity: 0; visibility: hidden; margin-left: -10px; position: relative; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }

.menu-open .templateux-menu li.staggard { opacity: 1; visibility: visible; margin-left: 0px; }

@media (max-width: 767.98px) { .menu-open .templateux-menu li a { color: #000 !important; } }

.templateux-hero { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; }

.templateux-hero .lead { font-size: 28px; }

@media (max-width: 991.98px) { .templateux-hero .lead { font-size: 20px; } }

.templateux-hero .cover { position: absolute; display: block; width: 100%; height: 100vh; z-index: -1; 
    
        background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    
}

.templateux-hero .cover img { position: absolute; display: block; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.templateux-hero.overlay:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; bottom: 0; right: 0; }

.templateux-hero.overlay h1 { color: #fff; }

.templateux-hero.overlay .lead { color: #fff; opacity: .5; }

.templateux-hero h1,#text-logo-herosection, .intro h1 { 
    color: #000; 
}

section.templateux-hero > div.container > div.row > div.col-md-10 {
    height: 100%;
    margin-top: 50%;
} 
.container-fluid{
    max-width:none!important;
}
.go-down{
    bottom:15px!important; left:calc(50% - 7.5px);
}
@media (min-width: 1156px) { #text-logo-herosection{font-size: 70px!important;} }
@media (min-width:991.99px) and (max-width: 1155px) { .templateux-hero h1,#text-logo-herosection, .intro h1 { font-size:58px!important; } header h2 {font-size:3.5rem!important; } }
@media (min-width:770px) and (max-width: 991.98px) { .templateux-hero h1,#text-logo-herosection, .intro h1 { font-size: 43px!important; }  header h2 {font-size: 3rem!important; } }
@media (min-width: 583px) and (max-width: 768px) { header h2 { font-size: 2.5em!important; } }
@media (min-width: 550px) and (max-width: 835px) { .templateux-hero h1,#text-logo-herosection, .intro h1 { font-size: 36px!important; } }
@media (max-width: 549px) { .templateux-hero h1,#text-logo-herosection, .intro h1 { font-size: 24px!important; } }
@media (min-width: 550px) and (max-width: 582px) { .templateux-hero h1,#text-logo-herosection, .intro h1 { font-size: 32px!important; } header h2 {font-size:2.0rem!important; } }
@media (min-width: 450px) and (max-width: 549px) { .templateux-hero h1,#text-logo-herosection, .intro h1 { font-size: 24px!important; } header h2 {font-size:1.75rem!important; } }
@media (max-width: 449px){ header h2 {font-size:1.25rem!important; } }
@media (min-width: 1156px) { header h2 {font-size:3.5rem!important; } }
.templateux-portfolio-overlap { position: relative; z-index:55;}
@media (max-width:450px){
    .templateux-navbar .toggle-menu {
        margin-left: 40px;
    }
    .templateux-cta h2 {
        font-size:1.5rem!important;
    }
}
.icon.slideview.highOpacity{
    border:.5px solid black;
} 
.icon.circles.highOpacity span{
    border:.5px solid black;
}
.carousel-inner h1, .top-about h1{
    /*font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
    font-family:"Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}

.container-fluid { padding-left: 50px; padding-right: 50px; max-width: 1600px; }

@media (max-width: 767.98px) { .container-fluid { padding-left: 15px; padding-right: 15px; } }

.templateux-section { padding: 7em 0; }

@media (max-width: 991.98px) { .templateux-section { padding: 3em 0; } }

.templateux-section h2 { line-height: 1.5; }

.templateux-cta { padding: 7em 0; display: block; background: #f8f9fa; position: relative; }

.templateux-cta:before { content: ""; position: absolute; height: 0; bottom: 0; background: #ffffff; width: 100%; left: 0; -webkit-transition: .3s all ease-out; -o-transition: .3s all ease-out; transition: .3s all ease-out; }

.templateux-cta .cta-inner { display: block; text-align: center; }


.words-1 {  top: 0;font-family:"Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif!important; text-transform:uppercase;}
.words-2 {  top: 40px;font-family:"Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif!important;  text-transform:uppercase;}

.templateux-cta h2 { font-weight: normal; margin-bottom: 0; color: #000; position: relative; bottom: 0; -webkit-transition: .4s all ease; -o-transition: .4s all ease; transition: .4s all ease; }

.templateux-cta:hover:before, .templateux-cta:focus:before { height: 100%; }


.section-heading { font-size: 14px; color: #495057; margin-bottom: 30px; display: block; position: relative; }

.section-heading:after { content: ""; height: 2px; width: 30%; position: absolute; top: 50%; right: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #000; }

.project, .post { position: relative; float: left; width: 100%; }

.project figure, .post figure { margin: 0; position: relative; }
.full a {
    color: #fff;
}
.full:hover .overlay-effect {
    opacity: 1;
    cursor: pointer;
}
.overlay-effect {
    position: absolute;
    top: 0;
    bottom: 0;
    max-height: 285px;
    max-width: 285px;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}
.instagram-meta-content {
    position: relative;
    top: 45%;
    transition: .4s;
}
.instagram-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.instagram-item-info i, .instagram-item-info span {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.instagram-item-likes {
    margin-right: 20px;
}
.instagram-item-likes span, .instagram-item-comments span {
    font-size: 16px;
}
.instagram-item-likes i, .instagram-item-likes span {
    float: left;
}
.instagram-item-info i, .instagram-item-info span {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.intagram-like-number {
    margin-left: 5px;
}
.instagram-item-comments {
    margin-left: 20px;
}
.intagram-comment-number {
    margin-left: 5px;
}
.instagram-caption {
    margin-top: 40px;
    text-align: center;
}
.instagram-caption p {
    margin: 0;
    line-height: 1.4;
    color: #fff!important;
    font-weight: 400;
    font-size: 14px;
}
.item.glider-slide {
    border: 1px #1d1d1d9e solid;
}
.insta-container .row:first-child .col-12{
    text-align:center;
    font-family:"Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 1em;
    margin-top:1em;
}
.insta-container .row:first-child .col-12 h4{
    line-height: 1;
    margin-bottom: 0;
    font-size: 1.5em;
    letter-spacing: .04em;
    text-transform:uppercase;
    font-family: "Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.insta-container .row:first-child .col-12 a{
    line-height: 1;
    color: #000;
    font-size: 1.25em;
    letter-spacing: 0.06em;
    font-family: "Akzidenz-Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.project-hover-inner > h2 {
    font-size: 1.5rem!important;
    font-weight: bolder;    letter-spacing: 0px;
}

.project-hover-inner span {
    font-size: 1.0rem;    letter-spacing: -2px;
}

.project .project-hover, .project .post-hover, .post .project-hover, .post .post-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); visibility: hidden; opacity: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }

.project .project-hover .project-hover-inner, .project .project-hover .post-hover-inner, .project .post-hover .project-hover-inner, .project .post-hover .post-hover-inner, .post .project-hover .project-hover-inner, .post .project-hover .post-hover-inner, .post .post-hover .project-hover-inner, .post .post-hover .post-hover-inner { position: absolute; z-index: 99; left: 50%; top: 50%; visibility: hidden; opacity: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .3s all ease; text-align: center; }

.project .project-hover .project-hover-inner h2, .project .project-hover .post-hover-inner h2, .project .post-hover .project-hover-inner h2, .project .post-hover .post-hover-inner h2, .post .project-hover .project-hover-inner h2, .post .project-hover .post-hover-inner h2, .post .post-hover .project-hover-inner h2, .post .post-hover .post-hover-inner h2 { color: #fff; font-size: 26px; line-height: 1.2; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; opacity: 0; visibility: hidden; position: relative; bottom: -30px; }

.project .project-hover .project-hover-inner span, .project .project-hover .post-hover-inner span, .project .post-hover .project-hover-inner span, .project .post-hover .post-hover-inner span, .post .project-hover .project-hover-inner span, .post .project-hover .post-hover-inner span, .post .post-hover .project-hover-inner span, .post .post-hover .post-hover-inner span { color: rgba(255, 255, 255, 0.8); opacity: 0; visibility: hidden; position: relative; bottom: -30px; -webkit-transition: .5s all ease; -o-transition: .5s all ease; transition: .5s all ease; }

.project:hover .project-hover, .project:hover .post-hover, .project:focus .project-hover, .project:focus .post-hover, .post:hover .project-hover, .post:hover .post-hover, .post:focus .project-hover, .post:focus .post-hover { visibility: visible; opacity: 1; }

.project:hover .project-hover .project-hover-inner, .project:hover .project-hover .post-hover-inner, .project:hover .post-hover .project-hover-inner, .project:hover .post-hover .post-hover-inner, .project:focus .project-hover .project-hover-inner, .project:focus .project-hover .post-hover-inner, .project:focus .post-hover .project-hover-inner, .project:focus .post-hover .post-hover-inner, .post:hover .project-hover .project-hover-inner, .post:hover .project-hover .post-hover-inner, .post:hover .post-hover .project-hover-inner, .post:hover .post-hover .post-hover-inner, .post:focus .project-hover .project-hover-inner, .post:focus .project-hover .post-hover-inner, .post:focus .post-hover .project-hover-inner, .post:focus .post-hover .post-hover-inner { visibility: visible; opacity: 1; -webkit-animation-delay: 10s; animation-delay: 10s; }

.project:hover .project-hover .project-hover-inner h2, .project:hover .project-hover .post-hover-inner h2, .project:hover .post-hover .project-hover-inner h2, .project:hover .post-hover .post-hover-inner h2, .project:focus .project-hover .project-hover-inner h2, .project:focus .project-hover .post-hover-inner h2, .project:focus .post-hover .project-hover-inner h2, .project:focus .post-hover .post-hover-inner h2, .post:hover .project-hover .project-hover-inner h2, .post:hover .project-hover .post-hover-inner h2, .post:hover .post-hover .project-hover-inner h2, .post:hover .post-hover .post-hover-inner h2, .post:focus .project-hover .project-hover-inner h2, .post:focus .project-hover .post-hover-inner h2, .post:focus .post-hover .project-hover-inner h2, .post:focus .post-hover .post-hover-inner h2 { opacity: 1; visibility: visible; bottom: 0px; }

.project:hover .project-hover .project-hover-inner span, .project:hover .project-hover .post-hover-inner span, .project:hover .post-hover .project-hover-inner span, .project:hover .post-hover .post-hover-inner span, .project:focus .project-hover .project-hover-inner span, .project:focus .project-hover .post-hover-inner span, .project:focus .post-hover .project-hover-inner span, .project:focus .post-hover .post-hover-inner span, .post:hover .project-hover .project-hover-inner span, .post:hover .project-hover .post-hover-inner span, .post:hover .post-hover .project-hover-inner span, .post:hover .post-hover .post-hover-inner span, .post:focus .project-hover .project-hover-inner span, .post:focus .project-hover .post-hover-inner span, .post:focus .post-hover .project-hover-inner span, .post:focus .post-hover .post-hover-inner span { bottom: 0; visibility: visible; opacity: 1; }

.templateux-footer {
    padding: 1em 0;
    border-top: 1px solid #F4F4F4;
    display: flex;
    align-items: center;
    background: white;
    z-index: 22;
    position: relative;
}
.templateux-footer div {align-items:center;}

.templateux-footer .container-fluid { max-width: 100%; }

.templateux-footer small { font-size: 16px; }

.templateux-footer p:last-child { margin-bottom: 0; }

.templateux-footer .footer-social { position: relative; }

.templateux-footer .footer-social a { color: #b3b3b3; position: relative; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; font-size: 26px; }

.templateux-footer .footer-social a:hover, .templateux-footer .footer-social a:focus { color: #09F; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); }

.btn:hover, .btn:focus, .btn:active { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; }

.form-control { height: 50px; background: #f6f6f6; border: none; }

.form-control:active, .form-control:focus { background: #f6f6f6; outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; }

textarea.form-control { height: inherit; }

.button { padding: 15px 40px; display: inline-block; font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: #fff; border-radius: 30px; border: none; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }

.button:hover, .button:active, .button:focus { outline: none; }

.button.button--red { background: #09F; }

.button.button--red:hover { text-decoration: none; color: #fff; -webkit-box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.4); box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.4); background: #d32535; }

.go-down { position: relative; width: 40px; height: 40px; display: block; margin-left: -15px; position: absolute; margin-top: 70px; }

.go-down:before { width: 2px; height: 40px; right: 27px; content: ""; display: block; position: absolute; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; top: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }

.go-down:after { content: ""; position: absolute; left: 50%; bottom: -12px; border: solid transparent; content: " "; height: 0; width: 0; margin-left: -1px; position: absolute; border-top-color: #fff; border-width: 7px; margin-left: -7px; }

.go-down:hover { height: 70px; }

.go-down:hover:before { height: 70px; }

.templateux-media h3 { font-size: 18px; color: #09F; }

.templateux-media .icon span { font-size: 40px; color: #ccc; }

.owl-carousel .owl-dots { position: relative; text-align: center; width: 100%; }

.owl-carousel .owl-dots .owl-dot { width: 20px; height: 20px; position: relative; line-height: 0; }

.owl-carousel .owl-dots .owl-dot:active, .owl-carousel .owl-dots .owl-dot:focus { outline: none; }

.owl-carousel .owl-dots .owl-dot span { border: 2px solid #000; background: none; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.owl-carousel .owl-dots .owl-dot.active span { border: 2px solid #09F; background: #09F; }

.owl-carousel.dots-overlap .owl-dots { bottom: 50px; position: absolute; z-index: 9; }

.owl-carousel.dots-overlap .owl-dots .owl-dot span { border: 2px solid #fff; background: none; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.owl-carousel.dots-overlap .owl-dots .owl-dot.active span { border: 2px solid #09F; background: #09F; }
footer .social {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 20px;
    display: flex;
    justify-content: center;
}
footer .social span {
    padding: 0 15px;
}
footer a {
    color: #414141;
    font-weight: 500;
}
.testimony { padding: 7em 0; background: #f7f7f7; }

.testimony blockquote { font-size: 24px; font-weight: 300; }

@media (min-width: 768px) { .testimony blockquote { font-size: 30px; } }

.testimony blockquote p { color: #000; }

.testimony .author { color: #000; text-transform: uppercase; letter-spacing: .2em; }

.work-detail { margin-bottom: 50px; }

.work-detail .caption { display: block; text-transform: uppercase; font-size: 15px; color: #ccc; }

.work-detail strong { font-weight: normal; color: #000; }

.custom-pagination { width: 100%; text-align: center; display: inline-block; }

.custom-pagination li { display: inline-block; }

.custom-pagination .prev a, .custom-pagination .next a { font-size: 20px !important; line-height: 38px !important; }

.custom-pagination li a, .custom-pagination .prev a, .custom-pagination .next a { width: 40px; height: 40px; line-height: 40px; padding: 0; margin: 0; border-radius: 50% !important; font-size: 16px; }

.custom-pagination li.active a, .custom-pagination .prev.active a, .custom-pagination .next.active a { display: block; width: 40px; height: 40px; line-height: 40px; padding: 0; margin: 0; border-radius: 50% !important; font-size: 16px; background: #09F; color: #fff; }

.custom-pagination li.active a:hover, .custom-pagination li.active a:focus, .custom-pagination .prev.active a:hover, .custom-pagination .prev.active a:focus, .custom-pagination .next.active a:hover, .custom-pagination .next.active a:focus { color: #fff; }

.custom-pagination .prev { float: left; }

.custom-pagination .next { float: right; }

/* Blog*/
.post-info { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; letter-spacing: .1em; }

.post-info > div { display: inline-block; }

.post-info > div .seperator { display: inline-block; margin: 0 10px; opacity: .5; }

.tagcloud a { text-transform: uppercase; display: inline-block; padding: 4px 10px; margin-bottom: 7px; margin-right: 4px; border-radius: 4px; color: #000; border: 1px solid #ccc; font-size: 11px; }

.tagcloud a:hover { border: 1px solid #000; }

.comment-form-wrap { clear: both; }

.comment-list { padding: 0; margin: 0; }

.comment-list .children { padding: 50px 0 0 40px; margin: 0; float: left; width: 100%; }

.comment-list li { padding: 0; margin: 0 0 30px 0; float: left; width: 100%; clear: both; list-style: none; }

.comment-list li .vcard { width: 80px; float: left; }

.comment-list li .vcard img { width: 50px; border-radius: 50%; }

.comment-list li .comment-body { float: right; width: calc(100% - 80px); }

.comment-list li .comment-body h3 { font-size: 20px; }

.comment-list li .comment-body .meta { text-transform: uppercase; font-size: 13px; letter-spacing: .1em; color: #ccc; }

.comment-list li .comment-body .reply { padding: 5px 10px; background: #e6e6e6; color: #000; text-transform: uppercase; font-size: 11px; letter-spacing: .1em; font-weight: 400; border-radius: 4px; }

.comment-list li .comment-body .reply:hover { color: #fff; background: black; }

.search-form .form-group { position: relative; }

.search-form .form-group input { padding-right: 50px; }

.search-form .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.sidebar-box { margin-bottom: 70px; font-size: 15px; width: 100%; float: left; background: #fff; }

.sidebar-box *:last-child { margin-bottom: 0; }

.sidebar-box h3 { font-size: 18px; margin-bottom: 15px; }

.categories li, .sidelink li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dee2e6; list-style: none; }

.categories li:last-child, .sidelink li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }

.categories li a, .sidelink li a { display: block; }

.categories li a span, .sidelink li a span { position: absolute; right: 0; top: 0; color: #ccc; }

.categories li.active a, .sidelink li.active a { color: #000; font-style: italic; }

.post-meta { text-transform: uppercase; font-size: 15px; letter-spacing: .1em; color: #ccc; margin-bottom: 20px; }

.post-meta .sep { margin-left: 10px; margin-right: 10px; }

.block-38 .block-38-header .block-38-heading { font-size: 18px; color: #000; margin: 0; font-weight: 300; }

.block-38 .block-38-header .block-38-subheading { color: #b3b3b3; margin: 0 0 20px 0; text-transform: uppercase; font-size: 15px; }

.block-38 .block-38-header img { width: 90px; border-radius: 50%; margin-bottom: 20px; }

.carousel-item .embed-responsive {
    max-width: calc(100vw - 30%);
}

.cta-inner{
        font-family: "Akzidenz-Grotesk Super", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    text-transform: uppercase;
}
.project-hover-small span { line-height: 1; color:#000; font-size: .875em;letter-spacing:0.32px!important;font-family: "Akzidenz-Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.project-hover-small.d-md-none {padding-top:10px;}
.carousel-control .icon-prev, 
.carousel-control .icon-next {
    font-size: 4rem;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 60px!important;
    height: 60px!important;
}
#sliderContent{
    height: calc(100% - 100px);
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex;
    height: calc(100% - 100px)!important;
}

#lg-counter {
    display:none!important;
}
body > div > div.container-fluid.d-flex > div{
    margin-left:auto;margin-right:auto;
}
@media screen and (min-width:768px){
    #carouselIndicators > div > div.carousel-item.align-items-center.justify-content-center.justify-content-md-center.active > div > div.col-12.col-md-6.align-items-center.justify-content-center.justify-content-md-center.text-md-right.text-center > img{
        max-width: 100%!important;
    }
    
}
@media screen and (max-width:767px){
    .masonry-grid img,.top-about h1, .top-about p, .top-about img {
        max-width: 80vw;
    }
    .top-about p {
            padding-left: 1em;
    padding-right: 1em;
    }
    
}
.carousel-item img {
    /*max-width: 90vw!important;
    max-height: 60vh!important;*/
}
.carousel-item p {
    padding-left: 2em;
    padding-right: 2em;
}
.carousel-inner{
    padding-left: 3rem;
    padding-right: 3rem;
}