@charset "utf-8";
body,html,form{min-height:100%;height:100%;color:#808285 !important;font-size:1.14rem !important; letter-spacing:1px;font-weight:normal;}
body{opacity:0;}
@media(max-width:1024px){
    body, html, form{font-size:18px !important;}
}
@media(max-width:767px){
    body, html, form{font-size:17px !important;}
}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#eee;cursor:pointer;}
body::-webkit-scrollbar{width:10px;cursor:pointer;}
body::-webkit-scrollbar-thumb{background-color:#444;}
body::-webkit-scrollbar-thumb:hover{background-color:#000;}
.order-now-btn  {
    
    margin-top: 8px;
    padding: 6px 14px;
    border: 1px solid #464646;       /* Thin neutral border */
    border-radius: 2px;           /* Small radius */
    font-size: 1rem;
    letter-spacing: 0.5px;
    color: #464646;
    text-transform: uppercase;    /* Matches menu style */
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    transition: 0.3s ease;
    font-weight:700;
    text-align:left!important;
}

 
order-now-btn:hover{background-color:#464646;color:#fff !important;text-decoration:none; }

.scrollup{padding:11px 12px; display:none;z-index:1;font-size:20px;width:50px;height:50px;line-height:1;text-align:center;text-transform:uppercase;font-size:1rem;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:inherit !important;border:1px solid #464646;border-radius:100%; background:#fff;font-weight:700;}
a.scrollup:hover{background-color:#464646;color:#fff !important;text-decoration:none;}
a.scrollup .fa{color:#464646 !important;}
a.scrollup:hover .fa{color:#fff!important;}

@media(max-width:640px){
a.scrollup{right:0;}
}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.text-initial{text-transform:initial !important;}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
ul.social_media{margin:0px 0 10px;padding:0px;display:block;text-align:center;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0 3px 0px 0px;border:none;vertical-align:top;}
ul.social_media li a{display:block;font-size:18px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;}
ul.social_media .fa{padding:0px;margin:0px;font-weight:500;color:#fff;width:35px;height:35px;line-height:38px;vertical-align:middle;border-radius:100%;text-align:center;}
ul.social_media .fa:hover{color:#3b6fb6;border:transparent;}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram{background:#3b6fb6;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}
.fa-facebook:hover{background:#3b5998;}
.fa-google:hover{background:#3f85f4;}
.fa-google-plus:hover{background:#d13f2d;}
.fa-linkedin:hover{background:#0275b5;}
.fa-youtube:hover{background:#ce332d;}
.fa-youtube-play:hover{background:#ce332d;}
.fa-tumblr:hover{background:#274152;}
.fa-twitter:hover{background:#4dc8f1;}
.fa-pinterest:hover{background:#cb2028;}
.fa-instagram:hover{background:#3e739d;}
.breadcrumb{border-top:1px solid #e7e7e7;}
.breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before{color:#8a8a8a !important;}
.map-container{width:100%;border:0px;box-shadow:0px 0px 8px rgba(0,0,0,0.1);padding:0;margin:0;font-size:0;}
.map-container iframe{width:100%;height:300px;border:1px solid #ccc !important;pointer-events:none;}
.fa-20{width:20px;text-align:center;}
.fa-25{width:25px;text-align:center;}
.fa-30{width:30px;text-align:center;}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#0d265f;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:5px;}
.wrapper{position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -35px;}
.footer{position:relative;width:100%;margin:0 auto;padding: 10px 0 !important;}
.footer, .push{min-height:35px;clear:both;}
.header{z-index:99999;position:relative}

.footer *{font-size:.95rem !important;font-weight:700;}
.wrapper{position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -55px;}
.footer{position:relative;width:100%;margin:0 auto;}
.footer, .push{min-height:55px;clear:both;}
.navbar{background-color:#fff;}
.navbar-nav > .nav-item > .nav-link{padding: 10px 30px 0 !important;text-transform:uppercase; font-weight:700;color:inherit;font-size:1rem;}
.navbar-nav > .nav-item > .nav-link:last-child{padding-right:0 !important;}
.navbar-nav > .nav-item > .nav-link:hover, .navbar-nav > .nav-item.active > .nav-link{color:#464646;}
.navbar-brand{padding: 0 !important;}

@media(max-width:767px){.navbar-brand img{max-width:120px;}
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color:inherit;font-weight:700;}
h2, .h2{font-size:1.7rem !important;}
h3, .h3{font-size:1.5rem !important;}
h4, .h4{font-size:1.3rem !important;}
h4, .h4{font-size:1.2rem !important;}

@media(max-width:1024px){
    h2, .h2{font-size:1.4rem !important;}
    h3, .h3{font-size:1.35rem !important;}
    h4, .h4{font-size:1.28rem !important;}
    h4, .h4{font-size:1.2rem !important;}
}
@media(max-width:767px){
    h2, .h2{font-size:1.3rem !important;}
    h3, .h3{font-size:1.25rem !important;}
    h4, .h4{font-size:1.18rem !important;}
    h4, .h4{font-size:1.12rem !important;}
}
.subhead{font-size:1.1rem !important;}

/*.footer{background-color:#e8e8e8;}*/
.footer *{font-size:.8rem !important;}
.foot-head{font-size:.98rem;text-transform:uppercase; color:#3b6fb6;margin-bottom:0.2rem;display:block;}
/*.footer .container{background:url(images/foot-bg.png) no-repeat bottom right;}*/
@media(min-width:992px){
 .foot-col-first{max-width: 32% !important;flex: 0 0 32% !important;}
 .foot-col-second{max-width: 21% !important;flex: 0 0 21% !important;}
 .foot-col-third{max-width: 16% !important;flex: 0 0 16% !important;}
 .foot-col-fourth{max-width: 31% !important;flex: 0 0 31% !important;}
}

@media(max-width:767px){
    .footer *{font-size:.91rem !important;}
}

.work-tags{margin-bottom:0;}
.work-tags > li{display:inline-block;position:relative;font-size:1rem;color:#000;}
.work-tags > li:not(:last-child):after{content:'/'; position:absolute;right:-10px;top:0}


@media(max-width:767px){
    .footer *, .work-tags > li{font-size:.91rem !important;}
}
.portfolio-section {padding-top: 30px;transition: 1.3s;box-sizing: border-box;height: auto;}

.portfolio-tab ul {text-align: center;padding:0;border:0; }
.portfolio-tab ul li {font-size:1.18rem; color: inherit;background: transparent;display: inline-block; font-weight: 700;padding:0 15px;text-transform:uppercase; margin: 0 5px;cursor: pointer;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;-webkit-tap-highlight-color: transparent;margin-bottom:0;}
.portfolio-tab{margin-bottom:85px;}


.portfolio-grid.row{margin:0 -32.5px;}
.portfolio-grid.row > div{padding:0 32.5px 65px;}
.portfolio-grid .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing:border-box; display:none; overflow:hidden; padding-bottom:1.5rem; }
.portfolio-grid .portfolio a {text-decoration:none !important; text-align:center}
.portfolio-grid .portfolio a img{-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;transition:all 2s ease-in-out;}

.portfolio-grid .portfolio a{overflow:hidden;/*display:table;*/position:relative;color:inherit;margin:auto;}
.grid-card .card-pic{position:relative;margin-bottom:10px;}
.card-caption i{font-weight:400;color:#000;display:block;text-transform:none;}
.card-caption {display:inline-block;position:relative;margin-bottom:0;text-transform:uppercase;font-weight:700;}
.portfolio-tab ul li .tabs-link{position:relative;}
.card-caption:after, .portfolio-tab ul li .tabs-link:after{content:'';position:absolute;bottom:0;left:0;right:0;margin:auto;width:0;height:1px;background-color:#333;}
.portfolio-grid .portfolio .grid-card .card-pic:before{z-index:1; content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);opacity:0;}
.portfolio-tab ul li .tabs-link:after{background-color:#808285;}

.portfolio-grid .portfolio .grid-card .card-pic:before, .card-caption:after, .portfolio-tab ul li .tabs-link:after, .case-btn:after{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.portfolio-grid .portfolio .grid-card:hover .card-pic:before{opacity:1;}
.portfolio-grid .portfolio .grid-card:hover .card-caption:after, .portfolio-tab ul li:hover .tabs-link:after, .portfolio-tab ul li.active .tabs-link:after{width:100%;}
.portfolio-wrapper {overflow:hidden;position: relative !important;cursor:pointer;}

.btn{border:2px solid #464646 !important;font-size:1rem !important;}
.btn:hover{background-color:#464646;color:#fff;}
.case-btn{display:inline-block;min-width:71px;text-align:left;color:inherit;text-transform:uppercase;font-size:.9rem !important;}
.case-btn a:hover{color:#333;text-decoration:none;}
.case-btn a{font-weight:700;}

.py-5{padding-top:85px !important;padding-bottom:85px !important;}
.header.py-5{padding-top:30px !important;padding-bottom:45px !important}
.gal-list{text-align:center}
.gal-list li{margin-bottom:85px;}
/*.gal-list li img{margin-bottom:30px;}*/
.gal-list li h3{margin-bottom:0;}

@media(max-width:1024px) {
    .portfolio-tab ul li{font-size:1.12rem;}
    .portfolio-tab, .gal-list li{margin-bottom:45px;}
    .py-5{padding-top:45px !important;padding-bottom:45px !important;}
    .portfolio-grid.row{margin:0 -15px;}
    .portfolio-grid.row > div{padding:0 15px 30px;}
}


@media(max-width:767px){
    .portfolio-tab ul li .tabs-link:after{display:none;}
    .portfolio-tab ul li{font-size:1rem;padding: 0;}
    .portfolio-tab ul li .tabs-link{padding:5px 0;}
    .portfolio-tab{border:1px solid #ccc;margin-bottom:35px;}
    .gal-list li{margin-bottom:35px;}
    .gal-list li img{margin-bottom:15px;}
    .py-5{padding-top:60px !important;padding-bottom:60px !important;}
    .card-caption i{display:block;}
}
.work-intro{font-weight:400;}
.intro-text p{color:#000;}
.intro-text p:not(:last-child){margin-bottom:2rem;}
.intro-text p:last-child{margin-bottom:0;}

.intro-text:after{content:'';position:absolute;bottom:-80px;left:0;right:0;margin:auto;background-color:#808285;width:50px;height:5px;}

@media(max-width:1024px) {
    .intro-text:after{bottom:-20px;}
}
@media(max-width:767px) {
    .intro-text:after{display:none;}
    .gal-list p{font-size:15px;}
    .brands-left img{max-width:120px;}
}

.brand-vis{margin-bottom:20px;}
.brands-right p{color:#000;}
.brands-right p b, .brands-right p strong{color:#808285 }

@media(min-width:992px){
    .brands-left{padding-right:20px}
.brands-right{-ms-flex: 0 0 calc(100% - 220px);flex: 0 0 calc(100% - 220px);max-width: calc(100% - 220px);font-size:.97rem}
}

@media(min-width:1500px) {
    .masthead-home{min-height:calc(100vh - 132px);margin-top:-45px;}
    .masthead{min-height:calc(100vh - 132px);padding-bottom:35px;}
    .first-intro{padding-top:0 !important;} 
}

@media(min-width:1500px) and (max-width:1600px){
    .header.py-5{padding-bottom:20px !important;}
    .first-intro{padding-top:30px !important;} 
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1420px !important;}
}


@media(min-width:1280px) and (max-width:1300px){
    .header.py-5{padding-bottom:15px !important;padding-top:15px !important;}
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1075px !important;}
}

.font-weight { font-weight:bold!important;}
.fa-volume-control-phone {-webkit-transform: rotate(
-45deg
);
    -moz-transform: rotate(-45deg);
    transform: rotate(
-45deg
);}

.bg-gray {
            background-color: #fff;
            border: 1px solid #808285;
        }
        .profile-pic { float:right; padding:0px!important;}
.fa-user:before {font-size: 20px;}
.fa-envelope:before {font-size: 19px;}

.bg-gray p {color:#808285;}