/* 

Green       = #F5DF4D

Orange      = #F5DF4D

Blue        = #F5DF4D

Coral   =    #F5DF4D

pantone blue = #F5DF4D

Blue Pantone 2020 = #F5DF4D

30.2001n
Yellow = #F5DF4D 
Yello2 = #F9E548

Gray = # 939597 ultimater gray
Gray = # c2bfb5
Gray = # 97999a

*/
@import url('https://fonts.googleapis.com/css?family=Englebert|Montserrat:400,600|Sanchez:400,400i');
html { background: #f5f5f5; }
body { font-family: 'Sanchez', serif; font-size: 15px; color: #252525; background: #fff; }
a { color: #939597; -webkit-transition-timing-function: ease; -webkit-transition-duration: .3s; -webkit-transition-property: all; }
a:hover, a:focus { color: rgba(252, 113, 100, .8); text-decoration: underline; outline: none; }
h1 { margin-top: 0px; }
h1 { font-size: 30px; }
h2, h3, h4, h5 { font-family: 'Sanchez', serif; font-weight: 400; }
h4 { color: #939597; margin-bottom: 5px; font-size: 16px; }
.label { font-family: 'Arial', sans-serif; font-weight: 400; font-size: 12px; background-color: #939597; border-radius: 0px; }
.label-green { background-color: #939597; }
.label-blue { background-color: #939597; }
ul { padding-left: 18px; }
ul li { margin-bottom: 5px; }
.m-t-0 { margin-top: 0px; }
.m-b-0 { margin-bottom: 0px !important; }
.btn-jumbo { font-size: 20px; padding: 15px; margin-bottom: 15px; }
.btn-default { color: #F5DF4D; border: solid 1px rgba(252, 113, 100, .8); font-size: 15px; padding: 8px 15px; white-space: pre-wrap; text-transform: capitalize; }
.btn-default:hover, .btn-default:focus { color: #252525; background: #F5DF4D; border: solid 1px rgba(252, 113, 100, 1); }
.btn-outline { border: solid 1px rgba(255, 255, 255, .4); }
.btn-primary { color: #252525; background-color: #F5DF4D; border-color: #F5DF4D; }
.btn-primary:hover, .btn-primary:focus { color: #F5DF4D; background: #F5DF4D; border: solid 1px rgba(252, 113, 100, 1); }
.btn:active { background: #F5DF4D !important; border: solid 1px #F5DF4D !important; color: #252525 !important; }
.site-wrapper { padding-bottom: 40px; }
.container { width: 1000px }
.thumbnail { border-radius: 0px; }
.highlight { background: rgba(150, 150, 150, 0.2); padding: 60px 0; margin-bottom: -40px; margin-top: 20px; }
.highlight.blue { background: #939597 }
.highlight.blue * { color: #939597; }
.highlight.green { padding: 30px; margin: 0 0 30px 0; background: #F5DF4D }
.title-container { height: 600px; margin-bottom: 0px; position: relative; padding-top: 20px; overflow: hidden; }
.title-container .container { height: 600px; display: table; position: relative; z-index: 3 }
.title-container .container .row { display: table-cell; vertical-align: middle; height: 600px; }
.title-container .overlay { background-color: rgba(32, 26, 22, .2); position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
.title-container h1 { font-size: 45px !important; margin-top: 20px; }
.title-container.image { }
.title-container.image h1 { color: #252525; text-shadow: 0px 0px 10px rgba(0, 0, 0, .6); }
.title-container.image p { font-size: 26px; max-width: 750px; color: #F5DF4D; text-shadow: 0px 0px 10px rgba(0, 0, 0, .4); display: inline-block; padding: 30px; margin-top: 20px; border-radius: 6px; }

/*.title-container.solid { background-color: #F5DF4D; }

.title-container.solid.purple { background: #D2C7E2 }*/
.title-container h1 { font-weight: 700; color: #252525; font-size: 60px; }
.title-container p.lead { color: #252525; }
.title-container p.lead.light { color: #252525; }
.color-bar { background: linear-gradient(to right, #939597 0%, #939597 33%, #939597 33%, #939597 66%, #939597 66%, #939597 100%); height: 6px; margin-bottom: 40px; }
.color-bar.btm { margin-bottom: 0px; }
.nav>li a { border: none; border-bottom: solid 1px transparent; border-radius: 0px !important; }
.nav>li a:hover, .nav>li a:focus { background: transparent; }
.nav>li.active a { color: #252525; border: none; border-bottom: solid 1px #252525; background-color: transparent; }
.navbar:before { content: ""; display: block; height: 300px; width: 120%; background-color: transparent; z-index: -1; position: absolute; top: -320px; box-shadow: 0px 0px 230px 55px rgba(0, 0, 0, 0.3); left: -20%; }
.navbar { border-bottom: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.navbar.shadow { background: rgba(100, 76, 25, 0) !important; -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15); }
.navbar .container { padding: 14px 15px; }
.navbar-brand { color: #252525; font-size: 36px; font-family: 'Englebert', sans-serif; padding: 0px 15px; line-height: inherit; border: none; background: url('../_img/mm-icon-black-center.png') no-repeat 10px top; background-size: 42px 40px; padding-left: 57px; }
.navbar-brand sup { top: -.8em; font-size: 14px; }
.navbar-brand:hover, .navbar-brand:focus { color: #252525 }
.navbar-brand span { position: relative; top: 3px; }
.navbar-brand img { max-height: 40px; margin-right: 5px; display: inline-block; }
.navbar-nav>li>a { color: #252525; font-size: 16px; border-radius: 6px; padding: 15px 0 5px; margin: 0px 12px; }
.navbar .phone { float: right; color: #252525; font-size: 12px; }
.navbar .phone a { color: #252525; }
.navbar.shadow .navbar-brand { color: #252525; background: url('../_img/mm-icon-black.png') no-repeat 10px top; background-size: 42px 40px; padding-left: 57px; }
.navbar.shadow .navbar-brand:hover, .navbar.shadow .navbar-brand:focus { color: #252525 }
.navbar.shadow .navbar-nav>li>a { color: #252525; }
.navbar.shadow .navbar-nav>li.active>a { color: #252525; border-bottom: solid 1px #252525; }
.intro p { font-size: 20px; color: #444; }
.intro.homepage { padding: 30px 60px 0px }
#work { margin-top: 20px; }
#work.home .work-section .panel-default { margin-bottom: 30px; }
#work.home .work-section.white { background: transparent; box-shadow: none; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.work-section { background: #f9f9f9; padding: 40px 20px 20px; margin: 0px 0px 40px; box-shadow: inset 0 0 100px 50px rgba(100, 100, 100, .05); border-radius: 6px; position: relative; }
.work-section p, #work p { margin-bottom: 20px; }
.work-section .panel-default { margin-bottom: 20px; }
.panel-heading { font-family: 'Montserrat', sans-serif !important; font-weight: 400; }
.section-heading { font-size: 24px; color: #555; text-align: center; text-transform: capitalize; margin: 0px 0 40px; }
.faqs .panel-default { margin-bottom: 30px; border: 0px; }
.faqs .panel-default .panel-heading { background: #f9f9f9; padding: 15px; }
.faqs .panel-default .panel-heading a { color: #888; display: block; font-size: 18px; cursor: default; }
.faqs .panel-default .panel-heading a:hover, .faqs .panel-default .panel-heading a:focus { text-decoration: none; }
.panel.left { position: relative; z-index: 2; }
.panel.left h3 { font-size: 20px; }
.panel.right { position: relative; left: -40px; margin-right: -40px; padding-left: 20px; }
.panel-default { margin-bottom: 30px; padding: 2px; border: none; box-shadow: 0 0 20px rgba(0, 0, 0, .2) }
.panel-default .panel-heading { color: #252525; font-size: 18px; font-weight: 400; background: #F5DF4D; border: 0px; position: relative; line-height: normal; }
.panel-default .panel-body h3 .fa-angle-double-right { color: #F5DF4D; }
.panel-default img { max-width: 100%; height: auto; display: block; }
.tooltip { white-space: nowrap; padding: 20px }
.tooltip-inner { padding: 10px 14px }
.an-event-is { font-family: 'Montserrat', sans-serif; margin: 0px auto; display: inline-block; font-size: 22px; line-height: 120%; }
.an-event-is div.wrap { margin-top: 5px; }
.an-event-is div.orange { color: #F5DF4D; display: inline-block; text-align: right; border-right: 1px solid #333; padding-right: 10px; margin-right: 5px; }
.an-event-is span { color: #888; position: relative; top: -0.7em; }
#video-bg { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent url('../video/homepage-video-image.jpg') no-repeat; background-size: cover; }
#video-bg-img { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent url('../video/homepage-video-image.jpg') no-repeat center center; background-size: cover; }
#video-bg-work { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent url('../video/work-video-image.jpg') no-repeat; background-size: cover; }
#video-bg-img-work { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent url('../video/work-video-image.jpg') no-repeat center center; background-size: cover; }
.video-container { position: absolute; top: 0; bottom: 0; width: 100%; height: 80%; overflow: hidden; }
.video-container:before, .title-container:before { content: ''; background: #F5DF4D; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0; opacity: .5; z-index: 2; }
.video-container .title-container:before { display: none; }
.video-container .overlay { background-color: rgba(32, 26, 22, .2); position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1 }
.video-container .title-container { z-index: 1000; position: absolute; top: 40%; width: 100%; text-align: center; color: #252525; box-shadow: none; padding: 0px; }
.video-container .title-container h1 { text-shadow: 0px 0px 10px rgba(0, 0, 0, .6); font-size: 60px !important; }
.homepage-hero-module { border-right: none; border-left: none; position: relative; }
a.anchor { display: block; position: relative; top: -110px; visibility: hidden; }
.down-arrow a { background: rgba(255, 255, 255, .6); color: #F5DF4D; position: absolute; z-index: 1000; bottom: 20px; left: 50%; margin-left: -19px; width: 40px; height: 40px; text-align: center; line-height: 38px; border: solid 2px rgba(100, 76, 25, 0); border-radius: 50%; font-size: 34px; }
.down-arrow a span { color: #252525; font-size: 17px; line-height: normal !important; display: block; position: absolute; top: -30px; left: -36px; white-space: nowrap; text-shadow: 0px 0px 10px rgba(0, 0, 0, .4); }
.down-arrow a:hover { color: #252525; background: #F5DF4D }
footer { background: #f5f5f5; padding: 40px 0; color: #aaa; }
footer p { margin-bottom: 0px; }
footer .copy { margin-top: 5px; font-size: 11px; color: #aaa }
footer a { line-height: 22px; }
footer .copy a { color: #aaa; text-decoration: underline; }
footer .social a { color: #888; font-size: 22px; }
footer .social a:hover { color: #F5DF4D }
.modal .close { font-size: 40px; line-height: 24px; }
.modal .modal-header { font-size: 18px; font-weight: 400; background: #F5DF4D; border-radius: 6px 6px 0 0; border: 2px solid #252525; }
.modal .modal-title { color: #252525; font-size: 18px; }
.modal .left h3 { margin-top: 0px }
.modal .left .highligtht h3+p { margin-bottom: 0px !important; }
.modal .left p.desc { padding: 0px 30px }
.slick-dots li button:before { display: none; }
.slick-dots li.slick-active button { color: #252525 !important }
.slick-dots li button { font-size: inherit; line-height: normal; color: #aaa; }
.slick-list { padding: 15px; }
.slick-prev, .slick-next { width: 40px; height: 40px; z-index: 3000 }
.slick-prev:before, .slick-next:before { color: #F5DF4D; font-size: 40px; }
.slick-next { right: -30px; }
.slick-prev { left: -30px; }
.grad { border-top: solid 1px #ececec; background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #252525 100%); background: -webkit-linear-gradient(top, #f5f5f5 0%, #252525 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #252525 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#252525', GradientType=0); }
.examples { background-color: rgba(255, 255, 255, .4); margin-top: 20px; }
.examples hr { margin: 10px 0; border-style: dashed; border-color: #ddd }
.examples h4 { margin-top: 5px; font-size: 18px; color: #252525; }
table.table-striped { width: 100% }
table.table-striped thead { align: center; background-color: black; color: white; padding: 15px; }
table.table-striped tbody { align: left; padding: 15px; tr }
table.table-striped tfoot { align: center; }
table.table-striped th { background-color: black; color: white; padding: 15px; }
table.table-striped tr { padding: 15px; }
table.table-striped tr:nth-child(even) { background-color: #D6DBDF; }
.highlight-border { width: inherit; border-right: 3px solid black; padding: 20px; }
hr.dark { border-color: #252525; }
hr.big.green { border: 0px; border-bottom: solid 3px #F5DF4D }
hr.big.orange { border: 0px; border-bottom: solid 3px #F5DF4D }
hr.big.blue { border: 0px; border-bottom: solid 3px #F5DF4D }
hr.big.black { border: 0px; border-bottom: solid 3px #252525; }
.top-heading { position: relative; display: block; text-align: center; text-transform: capitalize; color: #252525; }
.top-heading:before { content: ""; display: block; margin: 0px auto 5px; background: url(../_img/toy-top-upper.png); width: 60px; height: 60px; background-size: 60px 60px; }
.top-heading:after { content: ""; display: block; margin: 5px auto 0px; background: url(../_img/toy-top-lower.png); width: 60px; height: 30px; background-size: 60px 30px; }
.section-divider { margin: 0 auto; left: 0; right: 0; text-align: center; overflow: hidden; z-index: 6; margin: 30px 0 }
.section-divider .top { display: inline-block; position: relative; margin-bottom: 0px; background: url(../_img/mm-icon-black.png); width: 30px; height: 29px; background-size: 30px 29px; }
.section-divider .top:before, .section-divider .top:after { content: ""; position: absolute; top: 50%; width: 100vh; height: 1px; background: rgba(84, 88, 90, 0.4) }
.section-divider .top:before { left: calc(100% + 15px) }
.section-divider .top:after { right: calc(100% + 15px) }
.section-divider .top.dark { color: #252525 }
.section-divider .top.dark:before, .section-divider .top.dark:after { content: ""; position: absolute; top: 50%; width: 100vh; height: 1px; background: rgba(255, 255, 255, 0.4) }
@media (max-width:992px) {
    .navbar-brand { font-size: 30px; }
    .navbar-nav>li>a { font-size: 14px; margin: 0px 10px }
    .container { width: 95% }
}
@media (max-width:768px) {
    .navbar { background: rgba(0, 0, 0, .85) !important; }
    .site-wrapper { padding-bottom: 30px; }
    .video-container .title-container { top: 30% }
    .video-container .title-container h1 { font-size: 30px !important; }
    .navbar-nav { margin: 0; }
    .navbar-collapse { text-align: center; }
    .navbar-nav>li>a { font-size: 20px; color: #999; }
    .nav>li.active a { border-bottom: solid 1px transparent !important }
    .navbar .container { padding: 2px 10px; }
    .navbar-collapse { padding-bottom: 20px }
    .navbar-brand { padding: 10px 15px; font-size: 30px; color: #252525; background: url(../_img/mm-icon-black.png) no-repeat 18px 10px !important; background-size: 38px 36px !important; padding-left: 62px !important; }
    .navbar-brand:hover, .navbar-brand:focus { color: #c7c7c7 }
    .navbar-brand span { position: relative; top: 5px }
    .navbar-brand-tag { color: #252525; font-size: 12px; font-family: 'verdana', sans-serif; padding: 0px 15px; line-height: inherit; border: none;background-size: 42px 40px; padding-left: 45px; background-color: white;}
    .navbar-toggle { border: none }
    .navbar-toggle i { font-size: 24px; color: #252525 }
    .title-container { height: 490px; }
    .title-container .container { height: 490px; }
    .title-container h1 { font-size: 36px !important; }
    .title-container.image p { font-size: 18px; padding: 15px; }
    .work-section { padding: 15px 0px 0px; }
    .section-heading { font-size: 22px; margin-bottom: 20px }
    h1 { font-size: 28px; }
    .btn { white-space: inherit; }
    .btn-jumbo { font-size: 16px; }
    .intro p { font-size: 16px; }
    footer, footer .text-right { text-align: center; }
    .title-container .container .row { height: auto }
    .home .panel.right { position: relative; left: 0; margin-right: 0; padding-left: 0; top: -40px; padding-top: 10px; margin-bottom: 0px !important }
    .home .panel.left h3 { margin-bottom: 0px; }
    .modal .home .panel.left h3 { margin-bottom: 10px; }
    .an-event-is { font-size: 18px; }
    .bio { margin-bottom: 40px }
}

/* PRINT STYLES */
@media print {
    body { border-top: none; margin: 0; padding: 0 !important; min-width: 768px; }
    a[href]:after { content: none !important; }
    abbr[title]:after { content: none !important; }
}
/* center */
.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.background-highlight {
    background-color: #F5DF4D;
}