/*********** Build Version: 1.268.4556.9430, Date: Fri, 25 Oct 2024 22:50:47 GMT ******************/

/*********** Elements & Resets ********************************************************************/
html                                    { background-color: #001D57 }
a, body, div, h1, h2, h3, html, iframe, img, p
                                        { border: none; margin: 0; padding: 0 }
body                                    { font-family: "Open Sans", Arial, "Sans Serif"; margin: 0; position: relative; background-color: #001D57; padding: 110px 0 0 }
a                                       { text-decoration: none }
h1                                      { font-family: "Bebas Neue"; color: #D3071A; font-size: 70px; text-align: center; letter-spacing: 3px; margin: 0 auto 10px }
::-moz-selection, ::selection           { background-color: #D3071A }
::selection                             { background-color: #FF7070 }
ul                                      { list-style-type: none; list-style-position: inside; padding: 0; margin: 0 }
h2, h3                                  { color: #003399; font-family: "Bebas Neue"; letter-spacing: 3px; font-size: 30px; line-height: 100% }
p                                       { margin: 0 auto 25px; line-height: 150%; font-size: 18px }
p:last-child                            { margin-bottom: 0 }
input, textarea                         { font-family: "Open Sans"; padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: none; width: 300px; box-sizing: border-box }
button                                  { font-family: "Bebas Neue"; font-size: 25px; line-height: 100%; background-color: #D3071A; border: none; color: #FFFFFF; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 13px 30px 10px; letter-spacing: 2px; font-weight: bold; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s }
button:not([disabled]):hover            { background-color: #F7081E; cursor: pointer }
::-webkit-scrollbar                     { width: 15px; background-color: #000C24 }
::-webkit-scrollbar-thumb               { background-color: #003399; border-left: 1px solid #000C24 }
button.round                            { padding: 13px 40px 10px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; font-weight: normal }
a.button                                { display: inline-block; line-height: 100%; background-color: #D3071A; color: #FFFFFF; font-size: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; height: 48px; box-sizing: border-box; padding: 14px 40px; font-family: "Bebas Neue"; font-weight: normal; letter-spacing: 1px; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s }
a.button:hover                          { background-color: #F7081E }
@keyframes bounce {
	from {
		transform: translateY(7px);
	}
	to {
		transform: translateY(0)
	}
}

/*********** Header *******************************************************************************/
header.main-header                      { display: flex; justify-content: space-between; box-sizing: border-box; -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.24); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.24); padding: 15px 25px; align-items: center }
header.mobile                           { display: none }
header.desktop                          { height: 110px; align-items: center; position: fixed; right: 0; left: 0; top: 0; z-index: 10; box-sizing: border-box; background-color: #FFFFFF; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-property: background-color; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color }
header.desktop .logo a                  { display: block }
header.desktop .logo img                { width: auto; height: 80px; display: none }
header.main-header > div:first-child, header.main-header > div:last-child
                                        { width: 100px }
header.main-header > div:last-child     { text-align: right }
header.desktop nav                      { display: flex; justify-content: space-between; align-items: center }
.init header.desktop nav a              { color: #FFFFFF }
header.desktop nav a                    { text-transform: uppercase; line-height: 24px; color: #000000; font-family: "Bebas Neue", Arial; font-size: 24px; padding: 5px 10px; letter-spacing: 2px; margin: 0 5px; display: block; font-weight: normal; position: relative }
body.at-top header.desktop nav a        { color: #FFFFFF }
body.at-top header.desktop              { -moz-box-shadow: 0 2px 20px transparent; -webkit-box-shadow: 0 2px 20px transparent; box-shadow: 0 2px 20px transparent; background-color: transparent }
header.desktop .logo img.color          { display: block }
.at-top.home header.desktop .logo img.white
                                        { display: block }
.at-top.home header.desktop .logo img.color
                                        { display: none }
.admin-bar header.desktop               { top: 32px }
header.desktop nav a:after              { -o-transform: scale(0,1); -ms-transform: scale(0,1); -moz-transform: scale(0,1); -webkit-transform: scale(0,1); transform: scale(0,1); content: ""; border-bottom: 4px solid #D3071A; -moz-transition: 0.4s cubic-bezier(0, 1.0, 0, 1.0); -webkit-transition: 0.4s cubic-bezier(0, 1.0, 0, 1.0); -o-transition: 0.4s cubic-bezier(0, 1.0, 0, 1.0); transition: 0.4s cubic-bezier(0, 1.0, 0, 1.0); position: absolute; right: 7px; bottom: -1px; left: 7px; display: block }
header.desktop nav a:hover:after, .wccg-page-at-your-service a.menu-service:after, .wccg-page-contact a.menu-contact:after, .wccg-page-say-cheese a.menu-cheese:after, .wccg-page-see-the-work a.menu-reels:after, .wccg-page-who-we-work-with a.menu-work-with:after
                                        { -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1) }

/*********** Menu *********************************************************************************/
#mobile_menu                            { display: none }

/*********** Main Content *************************************************************************/
section                                 { padding: 80px 0; background-color: #FFFFFF }
section .content-width                  { width: 1200px; margin-left: auto; margin-right: auto; min-height: 200px; outline-width: 2px }
.light-gray                             { background-color: #E8E8E8 }
.page-container                         { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s }
.-page-container.init                   { -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); background-color: #FFFFFF }
section h1                              { line-height: 92px }
h1.bordered > span                      { display: inline-block; border-bottom: 5px solid #003399; line-height: 90%; margin-bottom: 50px; position: relative }
h1.bordered > span:after                { content: ""; border-bottom: 3px solid #D3071A; bottom: -15px; right: 10px; left: 10px; position: absolute; z-index: 1 }
.flex                                   { display: flex; height: 100% }
#success_message                        { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 4, 0.39); display: flex; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-property: background-color; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; justify-content: center; align-items: center }
#success_message.init                   { background-color: transparent }
#success_message img                    { width: 100%; height: auto; max-width: 500px; display: block }
.full-height                            { height: calc(100vh - 110px); padding: 0 }

/*********** Page *********************************************************************************/
.page-content                           { min-height: 600px; background-color: #FFFFFF }

/*********** Footer *******************************************************************************/
footer                                  { background-color: #001D57 }
footer > .content-width                 { margin-left: auto; margin-right: auto; width: 1200px; display: flex; padding: 80px 0; justify-content: space-between }
footer .legal                           { background-color: #000000 }
footer .legal .content-width            { margin-left: auto; margin-right: auto; width: 1200px; display: flex; color: #70A0FF; font-size: 13px; justify-content: space-between; padding: 9px 0 }
footer .legal .content-width a          { color: #FFFFFF }
footer h3                               { color: #94B8FF; font-family: "Bebas Neue"; font-weight: normal; letter-spacing: 1px; font-size: 26px; margin-bottom: 10px }
footer a                                { color: #FFFFFF; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; font-size: 18px }
.footer-logo                            { margin-bottom: 20px }
.footer-logo a                          { display: block }
.footer-logo img                        { display: block }
.footer-contact                         { font-size: 24px; line-height: 100%; font-family: "Bebas Neue"; letter-spacing: 2px; text-align: center }
.footer-contact i                       { font-size: 22px; vertical-align: middle; display: inline-block; margin-right: 10px }
.footer-contact p:first-child           { margin-bottom: 10px }
.social-icons                           { text-align: center; margin-top: 15px; margin-bottom: 30px }
.social-icons a                         { display: inline-block; margin: 0 8px }
.social-icons a i                       { font-size: 40px }
footer a:hover                          { color: #D3071A }
footer ul li                            { margin-bottom: 10px }
footer ul li:last-child                 { margin-bottom: 0 }
footer .legal a                         { font-size: 13px }

/*********** Home *********************************************************************************/
body.home                               { padding: 0 }
body.loading                            { overflow: hidden }
.init section.hero                      { height: 100vh }
section.hero                            { display: flex; justify-items: center; align-content: center; align-items: center; justify-content: center; padding: 0; height: 100vh; background: repeat-y 0 0 / 25vw url('/wp-content/themes/windycitycg/img/hero-a.jpg'),repeat-y 25vw 10px / 25vw url('/wp-content/themes/windycitycg/img/hero-b.jpg'),repeat-y 50vw 30px / 25vw url('/wp-content/themes/windycitycg/img/hero-c.jpg'),repeat-y 75vw 40px / 25vw url('/wp-content/themes/windycitycg/img/hero-d.jpg'),#003399; position: relative; z-index: 1 }
section.hero > div                      { width: 600px; text-align: center; padding: 42px; -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.39); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.39); background-color: rgba(0, 19, 56, 0.38); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s }
/* hero.css */
section.hero {
  animation: scroll 70s infinite;
  animation-timing-function: linear;
}

@keyframes scroll {
  0% {
    background-position: 0 0, 25vw 200px, 50vw 250px, 75vw 50px
  }
  50% {
    background-position: 0 2160px, 25vw 2160px, 50vw 2560px, 75vw 2160px
  }
  100% {
    background-position: 0 4320px, 25vw 4520px, 50vw 4570px, 75vw 4370px
  }
}


body.loading section.hero h1 i.init {
  animation: none;
}

section.hero h1 i.init {
  opacity: 0;
  animation-fill-mode: forwards;
}

.hero h1 i.init {
  animation-delay: 3s;
  animation: sweep 0.5s 1;
  animation-timing-function: cubic-bezier(.03,.38,.2,.8);  
}

.hero h1 i:nth-child(1) { animation-delay: 0.25s; }
.hero h1 i:nth-child(2) { animation-delay: 0.3s; }
.hero h1 i:nth-child(3) { animation-delay: 0.35s; }
.hero h1 i:nth-child(4) { animation-delay: 0.4s; }
.hero h1 i:nth-child(5) { animation-delay: 0.45s; }
.hero h1 i:nth-child(6) { animation-delay: 0.5s; }
.hero h1 i:nth-child(7) { animation-delay: 0.55s; }
.hero h1 i:nth-child(8) { animation-delay: 0.6s; }
.hero h1 i:nth-child(9) { animation-delay: 0.65s; }

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translate(0, 40px) scale(0.1);
    filter: blur(0);
  }
  50% {
    opacity: 0.7;
    transform: translate(0, -35px) scale(1.2);
    filter: blur(2px);
  }
  100% {
    transform: translate(0, 0) scale(1.0);
    filter: blur(0);
    opacity: 1;
  }
}

section.hero > div {
  border: 5px solid #E8E8E8;  
  border-image-outset: 0px;  
  border-image-slice: 1;
}
section.hero h1                         { padding: 0; margin: 0 0 30px }
section.hero h1 span                    { margin: 0; padding: 0; line-height: 100% }
section.hero h1 span:first-child        { font-size: 115px; display: block; letter-spacing: 6px; line-height: 90%; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1) }
section.hero h1 span:last-of-type       { display: block; color: #FFFFFF; font-size: 39px; font-weight: normal; padding: 0; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; letter-spacing: 3px; transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); -o-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; filter: alpha(opacity=100); opacity: 1.0; margin: 0 }
section.hero h1 i                       { font-style: normal; display: inline-block }
section.hero div p                      { color: #FFFFFF; font-size: 20px; filter: alpha(opacity=100); opacity: 1.0; -o-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); display: block; -moz-transition: 0.8s cubic-bezier(0,1,.08,.96) 1.35s; -webkit-transition: 0.8s cubic-bezier(0,1,.08,.96) 1.35s; -o-transition: 0.8s cubic-bezier(0,1,.08,.96) 1.35s; transition: 0.8s cubic-bezier(0,1,.08,.96) 1.35s; margin-bottom: 0 }
.section-partners                       { padding: 100px 0; z-index: 1; height: calc(100vh - 110px); box-sizing: border-box; display: flex; background-color: #001D57; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); position: relative }
.section-partners .content-width        { display: flex; justify-content: space-between; align-items: center }
.partner-column                         { display: flex; flex-direction: column }
.section-partners .content-width        { width: 1170px }
.section-partners .content-width div.partner-item
                                        { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 300px; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); padding: 30px; text-align: center; background-color: #FFFFFF; -o-filter: ; -ms-filter: ; -moz-filter: ; -webkit-filter: ; filter: ; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s }
.partner-column .partner-item:nth-child(2)
                                        { margin-top: 40px }
.partner-column .partner-item > div:first-child
                                        { height: 100px }
.partner-column .partner-item > div:nth-child(2)
                                        { margin-bottom: 10px }
.section-partners h3                    { text-align: center; font-size: 30px; letter-spacing: 1px; color: #003399; margin-bottom: 6px; width: 235px; margin-left: auto; margin-right: auto }
.section-partners h4                    { line-height: 100%; color: #D3071A; text-transform: uppercase; font-weight: bold; font-size: 16px; text-align: center; margin: 0 }
.section-partners .partner-icon         { display: inline-block; height: 113px }
.partner-column .partner-more           { text-transform: uppercase; font-weight: bold; font-size: 16px; color: #001D57 }
.client-logos                           { margin-top: 30px; display: grid; grid-template-rows: 100px 100px 100px; grid-template-columns: 220px 320px 220px; justify-content: center; column-gap: 20px; row-gap: 20px }
.client-logos > p                       { outline-color: rgba(232, 232, 232, 0.42); color: #FFFFFF; font-size: 29px; font-weight: bold; display: flex; align-items: center; margin: 0; justify-self: center; text-align: center }
.section-intro                          { background: no-repeat center 130% / 400px url('/wp-content/themes/windycitycg/img/skyline.png'),no-repeat center -20% / 90% url('/wp-content/themes/windycitycg/img/arch.svg'), white; padding: 80px 0 250px; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; transition-timing-function: ease-out; height: calc(100vh - 110px); box-sizing: border-box; position: relative; border-bottom: 10px solid #E8E8E8; z-index: 1 }
.section-intro.active                   { background: no-repeat center 100% / 400px url('/wp-content/themes/windycitycg/img/skyline.png'),no-repeat center -20% / 90% url('/wp-content/themes/windycitycg/img/arch.svg'), white }
.section-intro .button-view             { text-align: center }
section.client-group                    { padding: 80px 0 100px; position: relative; z-index: 0; box-sizing: border-box; height: calc(100vh - 110px);; display: flex; align-items: center; position: sticky; bottom: 0; background-position: center; background-size: cover }
section.client-group .button-contact    { text-align: center; margin-top: 50px }
.home-video > div:first-child           { flex-grow: 1; padding-right: 60px }
.home-video > div:last-child            { width: 560px }
.section-intro h1                       { margin-bottom: 60px }
#home_loader                            { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #003399; display: none; color: #FFFFFF; font-family: "Courier New", Courier, "Andale Mono", monospace; font-size: 78px; font-weight: bold; justify-content: center; align-items: center }
body.loading #home_loader               { display: flex }
#hero-more                              { position: absolute; bottom: 30px; cursor: pointer; display: inline-block; -webkit-animation: bounce 0.3s infinite alternate; -moz-animation: bounce 0.3s infinite alternate; -o-animation: bounce 0.3s infinite alternate; animation: bounce 0.3s infinite alternate; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease }
#hero-more i                            { color: #D3071A; font-size: 57px; line-height: 100%; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s }
#hero-more:hover i                      { color: #F7081E }
.home-video p.margin                    { margin-bottom: 40px }
.home-iframe-container                  { height: 100% }
body.loading section.hero > div         { border-image: none; border-color: transparent; background-color: transparent; -moz-box-shadow: 0 2px 20px transparent; -webkit-box-shadow: 0 2px 20px transparent; box-shadow: 0 2px 20px transparent }
body.loading .hero div p                { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; transition-timing-function: ease-in-out; filter: alpha(opacity=0); opacity: 0.0; -o-transform: translate(0,88px); -ms-transform: translate(0,88px); -moz-transform: translate(0,88px); -webkit-transform: translate(0,88px); transform: translate(0,88px) }
body.loading section.hero h1 span:last-of-type
                                        { letter-spacing: 14px; filter: alpha(opacity=0); opacity: 0.0 }
/* home-animations.css */


/*********** Contact ******************************************************************************/
.contact-section                        { background-color: #003399; height: calc(100vh - 110px); padding: 0; display: flex; align-items: center; background: url('/wp-content/themes/windycitycg/img/waves.svg') -10px calc(100vh - 840px) / 800px no-repeat,url('/wp-content/themes/windycitycg/img/hero-v2.jpg') }
.contact-section h1                     { color: #D3071A; margin-bottom: 60px }
.contact-section > div                  { box-sizing: border-box; padding: 0 }
.contact-section .flex > div            { width: 50% }
.contact-section p:nth-child(2)         { margin-bottom: 15px }
.contact-section .flex > div:nth-child(1)
                                        { text-align: center }
.contact-form                           { padding: 50px; background-color: #003399; width: 400px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: auto; margin-right: auto; filter: alpha(opacity=100); opacity: 1.0; -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.39); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.39) }
.contact-form label                     { display: block; margin-bottom: 30px }
.contact-form label > span              { display: block; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 100%; color: #FFFFFF; margin-bottom: 3px }
.contact-form input, .contact-form textarea
                                        { width: 100%; background-color: #E8E8E8; font-size: 16px }
.contact-form textarea                  { height: 100px }
.contact-intro                          { width: 394px; padding: 20px; color: #FFFFFF; font-size: 19px; margin-right: auto; margin-bottom: 20px; margin-left: auto }
.contact-intro h3                       { font-size: 50px; color: #FFFFFF }
.contact-info address                   { font-size: 26px; font-style: normal; color: #FFFFFF; margin-bottom: 20px }
.contact-section .icon-header           { color: #D3071A }
.contact-section .icon-header a         { color: #D3071A; font-size: 30px; display: inline-block; line-height: 100%; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; font-weight: bold }
.contact-section .icon-header a:hover   { color: #F7081E }
.contact-section .contact-info          { display: inline-block; background: url('/wp-content/themes/windycitycg/img/stars.png') no-repeat bottom center / 200px; padding-bottom: 60px }
.contact-section .icon-header i         { margin-right: 10px; vertical-align: middle }
.contact-form input:focus, .contact-form textarea:focus
                                        { outline-width: 2px; outline-color: #D3071A; outline-style: solid; outline: 2px auto #F7081E; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset }
.contact-form label span.required       { display: inline-block; margin-left: 2px }
.contact-scroll                         { background-color: #000000; height: 360px; padding: 0; background: url('/wp-content/themes/windycitycg/img/contact-scroll.jpg') repeat-x left top, black; -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.39) inset; -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.39) inset; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.39) inset }
/* scroll.css */
section.contact-scroll {
  animation: scrollx 70s infinite;
  animation-timing-function: linear;
}

@keyframes scrollx {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -2400px 0
  }
}
.footer-scroll-1                        { background: url('/wp-content/themes/windycitycg/img/footer-scroll-1.jpg') repeat-x left top, black }
.footer-scroll-2                        { background: url('/wp-content/themes/windycitycg/img/footer-scroll-2.jpg') repeat-x left top, black }
.footer-scroll-3                        { background: url('/wp-content/themes/windycitycg/img/footer-scroll-3.jpg') repeat-x left top, black }
#btn_submit[disabled]                   { filter: alpha(opacity=70); opacity: 0.7; -o-filter: saturate(0%); -ms-filter: saturate(0%); -moz-filter: saturate(0%); -webkit-filter: saturate(0%) }
.contact-form input[disabled], .contact-form textarea[disabled]
                                        { filter: alpha(opacity=90); opacity: 0.9 }
.contact-button                         { display: flex; align-items: center }
#record                                 { width: 25px; height: 25px; margin-left: 20px; display: none }

/*********** Reels ********************************************************************************/
.reel-section                           { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 16%, #fff 40%), url('/wp-content/themes/windycitycg/img/countdown.svg') no-repeat -150px calc(100% + 240px) / 1000px;; height: calc(100vh - 110px); box-sizing: border-box; padding: 0; display: flex; align-items: center; justify-content: center }
.reel-section h1                        { margin-bottom: 60px }
.reel-section .flex                     { padding-bottom: 60px; justify-content: center }
.reel-section .flex > div               { width: 50% }
.youtube-reels                          { background-color: #E8E8E8; -moz-transition: 0.2s background-color; -webkit-transition: 0.2s background-color; -o-transition: 0.2s background-color; transition: 0.2s background-color; height: calc(100vh - 110px); box-sizing: border-box; display: flex; align-content: center; justify-content: center; align-items: center; position: relative; padding: 0 }
.youtube-reels .content-width-reels     { width: calc(100% - 320px); margin: 0 }
.youtube-reels iframe                   { width: 100%; background-color: #000000; display: block; margin-left: auto; margin-right: auto; height: 100% }
.youtube-reels .content-width           { display: flex; align-items: center; height: 100% }
.reel-grid                              { width: auto }
.reel-grid > div                        { font-size: 14px; background-color: #FFFFFF; overflow: hidden; margin-bottom: 5px; box-sizing: border-box }
.reel-grid > div.active                 { outline-style: solid; outline-width: 3px; outline-color: #D3071A }
.reel-grid > div:last-child             { margin-bottom: 0 }
.reel-grid [data-video-id]              { background-color: #003399; position: relative; cursor: pointer }
.reel-grid img                          { filter: alpha(opacity=80); opacity: 0.8; display: block; -moz-transition: 0.2s ease-in-out opacity; -webkit-transition: 0.2s ease-in-out opacity; -o-transition: 0.2s ease-in-out opacity; transition: 0.2s ease-in-out opacity; height: auto; width: 100% }
.reel-grid [data-video-id]:hover img    { filter: alpha(opacity=100); opacity: 1.0 }
.reel-grid h2                           { color: #D3071A; font-size: 22px; margin: 0 }
.reel-grid > div > div:last-child       { padding: 15px }
.reel-grid-container                    { background-color: #001D57; overflow-y: auto; padding: 4px; box-sizing: border-box; width: 320px; height: 100% }
section.explainer-section               { background: url('/wp-content/themes/windycitycg/img/explainer-bg-v7.jpg'); height: 766px; background-position: center; background-size: cover; width: 100% }
.explainer-section                      { display: flex; justify-content: center; align-content: center; align-items: normal; justify-self: center; justify-items: center }
.explainer-section h1                   { color: #FFFFFF }
.reel-grid i                            { color: #FFFFFF; font-size: 50px; pointer-events: none; position: absolute; left: -20px; z-index: 1; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin-top: 60px; margin-left: 50%; filter: alpha(opacity=100); opacity: 1.0 }
.reel-grid [data-video-id]:hover i      { filter: alpha(opacity=50); opacity: 0.5 }
.explainer-section p                    { color: #E8E8E8 }
.explainer-section .content-width       { height: 100%; align-items: center; width: 1300px }
.explainer-section .content-width > div:first-child
                                        { padding-right: 60px }
#player-2                               { background-color: rgba(0, 0, 0, 0.39); height: 394px; width: 700px }
html.playing                            { background-color: #000000 }
html.playing header                     { filter: alpha(opacity=0); opacity: 0.0 }
html.playing .youtube-reels             { background-color: #000000 }
html.playing .reel-grid > div, html.playing .reel-section, html.playing footer
                                        { background-color: #121212; color: #999999 }
html.playing body                       { background-color: #000000 }
html.playing .reel-section              { filter: alpha(opacity=0); opacity: 0.0 }
.explainer-section .button-contact      { text-align: center; padding-top: 40px }
#btn_watch                              { margin-left: auto; margin-right: auto; display: block }
.reel-section p                         { margin-bottom: 50px }
html.playing .page-content              { background-color: #000000 }
.youtube-reels .iframe-container        { width: 960px; aspect-ratio: 1.77777; margin-left: auto; margin-right: auto }
.reel-grid-container::-webkit-scrollbar-thumb
                                        { background-color: #003399; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.reel-grid-container::-webkit-scrollbar { width: 6px; background-color: #001D57 }

/*********** Cheese *******************************************************************************/
body.wccg-page-say-cheese               { background-color: #000C24 }
section.cheese-section                  { height: calc(100vh - 110px); background: url('/wp-content/themes/windycitycg/img/cheese-background.jpg') center 50px / cover, black; background-attachment: fixed; box-sizing: border-box; display: flex; align-items: center; justify-content: center }
section.cheese-section .content-width   { width: auto; -o-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) }
section.cheese-section p.cheese-intro   { color: #FFFFFF; font-size: 22px; width: 500px; text-align: center; margin-right: auto; margin-bottom: 50px; margin-left: auto }
section.cheese-section h1               { font-size: 90px; line-height: normal }
section.cheese-section .button-view     { text-align: center }
section.gallery-section                 { background-color: #001D57; height: calc(100vh - 110px); box-sizing: border-box; display: flex; align-items: center; padding: 0 }
.photos-container                       { overflow-y: auto; height: 580px }
#photos                                 { -moz-columns: ; -webkit-columns: ; columns: 8; flex-wrap: wrap; column-gap: 15px }
#photos [data-photo-index]              { background-color: #1E1E1E; height: 130px; margin-bottom: 15px; break-inside: avoid-column; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden }
#photos a                               { display: block; height: 100%; background-position: center; background-repeat: no-repeat; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background-size: 130%; opacity: 0.85 }
#photos a:hover                         { opacity: 1.0; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) }
#photos a img                           { display: block; width: 100%; height: auto }
#photo-page                             { padding: 0 0; height: 5px; background-color: #001642; margin-bottom: 20px }
.photo-nav .button                      { display: flex; justify-content: center }
.photo-nav button                       { -moz-border-radius: 0 50% 50% 0; -webkit-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; margin: 0 5px; padding: 8px 15px }
.photo-nav button:first-child           { -moz-border-radius: 50% 0 0 50%; -webkit-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50% }
#photo-page div                         { height: 100%; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background-color: #D3071A; width: 10.498% }
#photos [data-photo-index].loading      { background-position: 100%; background-size: 200%; -webkit-animation: loading 750ms infinite; -moz-animation: loading 750ms infinite; -o-animation: loading 750ms infinite; animation: loading 750ms infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; background: linear-gradient(90deg, rgb(30, 30, 30) 0%, rgb(30, 30, 30) 10%, rgb(40, 40, 40) 50%, rgb(30, 30, 30) 90%, rgb(30, 30, 30) 100%); }
#photos [data-photo-index].loading a    { filter: alpha(opacity=0); opacity: 0.0 }
@keyframes loading {
  to {
    background-position: 136px
  }
}

/*********** Work With ****************************************************************************/
section.work-with-section               { background-color: #001D57 }
.work-with-section .content-width > div:first-child
                                        { margin-bottom: 75px }
.work-with-section .content-width       { width: 1020px }
.work-with-section .content-width .categories
                                        { display: flex; justify-content: space-between }
.work-with-section .content-width .categories > div
                                        { box-sizing: border-box; padding: 30px; width: 300px; color: #FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #001D57; border: 1px solid #94B8FF }
.work-with-section h2                   { color: #94B8FF; font-size: 34px; margin: 0 auto 15px }
.work-intro                             { width: 730px; color: #FFFFFF }
.work-with-section ul li                { margin-bottom: 7px }
.work-with-section ul li:last-child     { margin-bottom: 0 }
.mobile-background                      { display: none }

/*********** Megabytz Lightbox ********************************************************************/
.megabytz-lightbox                      { z-index: 100; top: 0; right: 0; bottom: 0; left: 0; position: fixed; background-color: #000000; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; display: none; filter: alpha(opacity=0); opacity: 0.0; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; justify-content: center; align-items: center }
.megabytz-lightbox > div                { height: 100%; display: flex; align-items: center }
.megabytz-lightbox.visible              { filter: alpha(opacity=100); opacity: 1.0 }
.megabytz-lightbox:focus                { background-color: #F7081E }
.megabytz-lightbox .mblb-photo-container{ min-width: 600px; min-height: 400px; background-color: #000C24 }
.megabytz-lightbox .mblb-photo-container.loading
                                        { -webkit-animation: mblb-loading 1000ms infinite; -moz-animation: mblb-loading 1000ms infinite; -o-animation: mblb-loading 1000ms infinite; animation: mblb-loading 1000ms infinite; background: linear-gradient(90deg, rgb(30, 30, 30) 0%, rgb(30, 30, 30) 30%, rgb(50, 50, 50) 50%, rgb(30, 30, 30) 70%, rgb(30, 30, 30) 100%);; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; background-size: 200% 100% }
@keyframes mblb-loading {
  0% {
	background-position: 100% 0 
  }
  100% {
	background-position: -100% 0
  }
}
.megabytz-lightbox .mblb-photo-container img
                                        { display: block; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-height: 100%; max-width: 100% }
.megabytz-lightbox .mblb-photo-container.loading img
                                        { filter: alpha(opacity=60); opacity: 0.6 }
.mblb-column                            { position: absolute; top: 0; bottom: 0; left: 0; width: 100px; display: flex; align-items: center; justify-content: center; z-index: 2 }
.mblb-column i                          { color: #FFFFFF; font-size: 50px; cursor: pointer; filter: alpha(opacity=70); opacity: 0.7; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; width: 60px; display: flex; height: 60px; align-items: center; justify-content: center; text-shadow: 0 0 5px #000000 }
.mblb-column i:hover                    { filter: alpha(opacity=100); opacity: 1.0 }
.mblb-right-column                      { right: 0; left: initial }
[data-mblb-page]                        { background-color: rgba(0, 0, 0, 0.59); position: absolute; top: 0; right: 0; left: 0; text-align: center; color: #FFFFFF; font-weight: bold; line-height: 100%; padding: 10px 0 }
i[data-mblb-close]                      { position: absolute; top: 10px; font-size: 42px; height: 50px; width: 50px }
[data-mblb-close] i                     { font-size: 12px }

/*********** Partners *****************************************************************************/
.wccg-page-at-your-service h1           { font-size: 65px; line-height: normal; margin: 0 auto 0 }
.wccg-page-at-your-service section      { position: relative }
.wccg-page-at-your-service section > div{ height: 100%; width: auto }
.wccg-page-at-your-service section p    { max-width: 750px }
.wccg-page-at-your-service .partner-icon{ height: 250px; width: auto; display: block; margin-left: auto; margin-right: auto; padding-top: 40px }
section.service-intro-section           { background: url('/wp-content/themes/windycitycg/img/service-background-2.jpg'), #001D57; box-sizing: border-box; background-position: center 70px; display: flex; z-index: 1; background-attachment: fixed; align-items: center }
.wccg-page-at-your-service section.service-intro-section > div
                                        { margin-bottom: 150px; height: auto }
.service-intro-section h1               { font-size: 91px; color: #D3071A; line-height: normal; margin: 0 auto 10px }
.service-intro-section p                { color: #FFFFFF; width: 700px; font-size: 22px; margin: 0 auto 50px }
.wccg-page-at-your-service h2           { font-size: 35px; background-image: url(''); text-align: center; line-height: 100%; margin: 0 auto 40px }
.service-intro-section .button-view     { text-align: center }
.video-production-section               { background-color: #003399; box-sizing: border-box; -moz-box-shadow: 0 10px 20px #000000; -webkit-box-shadow: 0 10px 20px #000000; box-shadow: 0 10px 20px #000000; background: url('/wp-content/themes/windycitycg/img/partner-video-background.jpg'); background-position: center 0; background-repeat: no-repeat }
.video-production-section > div         { display: flex; justify-items: flex-end; width: auto; height: 100% }
.video-production-section .partner-content
                                        { width: 60%; box-sizing: border-box; padding: 60px 60px 0; -moz-box-shadow: 10px 0 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 10px 0 10px rgba(0, 0, 0, 0.16); box-shadow: 10px 0 10px rgba(0, 0, 0, 0.16); background-color: #F5F5FF; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -o-transform: translate(-100%); -ms-transform: translate(-100%); -moz-transform: translate(-100%); -webkit-transform: translate(-100%); transform: translate(-100%); transition-timing-function: ease-out }
.video-production-section .partner-content p
                                        { width: 800px }
.streaming-section                      { -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); position: relative; z-index: 1; background-color: #003399; background: url('/wp-content/themes/windycitycg/img/partner-stream-background.jpg'); background-position: center 0; overflow: hidden }
.streaming-section > div                { justify-items: flex-end; display: flex; width: auto }
.streaming-section .partner-content     { width: 1155px; margin-left: auto; box-sizing: border-box; padding: 70px 0 0; background-color: #FFFFFF; -moz-box-shadow: -10px 0 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: -10px 0 20px rgba(0, 0, 0, 0.16); box-shadow: -10px 0 20px rgba(0, 0, 0, 0.16); -o-transform: translate(100%,0); -ms-transform: translate(100%,0); -moz-transform: translate(100%,0); -webkit-transform: translate(100%,0); transform: translate(100%,0); -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; transition-timing-function: ease-out }
.streaming-section h1                   { line-height: 100%; margin-bottom: 15px }
.streaming-section h1 span:first-child  { display: block }
.streaming-section .partner-icon        { height: 200px }
.social-media-section                   { background-color: #003399; z-index: 1; -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); background: url('/wp-content/themes/windycitycg/img/partner-seo-background.jpg'); background-position: center }
.social-media-section > div             { height: 100%; display: flex; justify-items: flex-start }
.social-media-section > div .partner-content
                                        { width: 1000px; padding: 60px 60px 0; -moz-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.16); box-shadow: 10px 0 20px rgba(0, 0, 0, 0.16); background-color: #F5F5FF; -o-transform: translate(-100%,0); -ms-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -webkit-transform: translate(-100%,0); transform: translate(-100%,0); -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; transition-timing-function: ease-out }
.branding-section                       { background-color: #003399; z-index: 1; -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); background: url('/wp-content/themes/windycitycg/img/partner-bcg-background.jpg'); background-position: center; overflow: hidden }
.branding-section > div                 { height: 100%; display: flex }
.branding-section > div .partner-content{ margin-left: auto; width: 1200px; padding: 60px 0 0; -moz-box-shadow: -10px 0 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: -10px 0 20px rgba(0, 0, 0, 0.16); box-shadow: -10px 0 20px rgba(0, 0, 0, 0.16); -o-transform: translate(100%); -ms-transform: translate(100%); -moz-transform: translate(100%); -webkit-transform: translate(100%); transform: translate(100%) }
.web-development-section                { background: url('/wp-content/themes/windycitycg/img/partner-webdev-background.jpg'), #001D57; padding: 0; z-index: 1; -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); background-position: center }
.web-development-section > div          { height: 100%; display: flex; width: auto; justify-content: flex-start }
.web-development-section > div .partner-content
                                        { width: 1150px; padding: 60px 60px 0; -moz-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.16); box-shadow: 10px 0 20px rgba(0, 0, 0, 0.16); background-color: #F5F5FF; -o-transform: translate(-57%,-10px); -ms-transform: translate(-57%,-10px); -moz-transform: translate(-57%,-10px); -webkit-transform: translate(-57%,-10px); transform: translate(-57%,-10px); -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; transition-timing-function: ease-out }
.partner-content                        { background-color: #FFFFFF; box-sizing: border-box; width: 40% }
.partner-site                           { text-align: center }
.partner-site a                         { text-transform: uppercase; color: #D3071A; font-weight: bold; font-size: 16px }
.nav-float                              { position: fixed; bottom: 50px; text-align: center; z-index: 5; right: 0; left: 0 }
#section_nav                            { -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.39); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.39); font-weight: normal; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; text-align: center; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; max-width: 250px; filter: alpha(opacity=100); opacity: 1.0; background-color: #D3071A; -o-transform: translate(0,110px); -ms-transform: translate(0,110px); -moz-transform: translate(0,110px); -webkit-transform: translate(0,110px); transform: translate(0,110px) }
#section_nav.active                     { -o-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) }
#section_nav:hover                      { background-color: #F7081E }
.ready-section                          { background: url('/wp-content/themes/windycitycg/img/service-background-2.jpg'); background-position: center -81px; z-index: 1; -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12) }
.ready-section > div                    { text-align: center; display: flex; align-items: center; justify-content: center }
.ready-section h1                       { font-size: 91px }

/* Max 1600 */
@media screen and (max-width:1600px) {

	/*********** Reels *******************************************************************************/

}

/* Max 1280 */
@media screen and (max-width:1280px) {

	/*********** Header ******************************************************************************/
	header.desktop nav a                    { font-size: 19px; margin: 5px 5px }

	/*********** Main Content ************************************************************************/
	section .content-width                  { width: 100%; padding-right: 50px; padding-left: 50px; box-sizing: border-box }

	/*********** Home ********************************************************************************/
	section.client-group                    { height: auto }
	.home-video > div:first-child           { width: 50% }
	.home-video > div:last-child            { width: 50% }
	.home-video > div:last-child iframe     { width: 100% }
	.section-partners                       { height: auto }
	.section-partners .content-width        { width: 100% }

	/*********** Reels *******************************************************************************/
	.youtube-reels .iframe-container        { width: 100%; height: 100% }
	.youtube-reels .content-width           { padding: 0 }
	#player-2                               { width: 100%; height: 100% }
	.iframe-container-2                     { width: 500px; aspect-ratio: 1.77777 }

	/*********** Work With ***************************************************************************/
	.work-with-section .content-width       { width: 1080px }

	/*********** Partners ****************************************************************************/
	.wccg-page-at-your-service h1           { font-size: 50px }
	.wccg-page-at-your-service h2           { font-size: 26px; margin: 0 0 20px }
	.video-production-section .partner-content p
	                                        { width: auto }
	.wccg-page-at-your-service .full-height .content-width
	                                        { padding: 0 }
	.wccg-page-at-your-service .partner-icon{ height: 200px; padding-top: 10px }

}

/* Desktop Images */
@media screen and (min-width:1201px) {

	/*********** Home ********************************************************************************/
	section.client-group            { background: url(/wp-content/themes/windycitycg/img/what-we-do.jpg); background-size: cover }

}

/* Mobile Images */
@media only screen and (max-width: 600px) and (orientation: portrait) {

	/*********** Contact *****************************************************************************/
	section.contact-section { background: url('/wp-content/themes/windycitycg/img/waves-2.svg') center 195px / 120% no-repeat,url('/wp-content/themes/windycitycg/img/mobile/hero-v2.jpg') center / cover }

	/*********** Cheese ******************************************************************************/
	section.cheese-section  { background: url('/wp-content/themes/windycitycg/img/mobile/cheese-background.jpg') center / cover, black }

}

/* Max 1200 */
@media screen and (max-width:1200px) {

	/*********** Elements & Resets *******************************************************************/
	body                                    { padding-top: 77px }

	/*********** Header ******************************************************************************/
	body header.desktop                     { display: none; -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3) }
	header.mobile                           { background-color: #FFFFFF; position: fixed; top: 0; right: 0; left: 0; z-index: 10; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; box-sizing: border-box; width: 100%; display: block; justify-content: initial; padding: 0; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.27); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.27); height: 77px }
	header.mobile > div                     { display: flex; align-items: center; width: 100%; justify-content: space-between; padding: 10px 0 }
	header.mobile > div.content             { width: 100% }
	body.at-top header.mobile               { background-color: rgba(255, 255, 255, 0.0); -moz-box-shadow: 0 3px 20px transparent; -webkit-box-shadow: 0 3px 20px transparent; box-shadow: 0 3px 20px transparent }
	i#mobile                                { font-size: 36px; color: #000000; line-height: 100%; cursor: pointer }
	body.at-top i#mobile                    { color: #FFFFFF }
	body header.mobile img                  { height: 57px; width: auto; display: block }
	body.at-top header.mobile img.white     { display: block }
	body.at-top header.mobile img.color     { display: none }
	body header.mobile img.white            { display: none }
	header.mobile .mobile-logo              { padding-left: 20px }
	header.mobile .button-open              { padding-right: 20px }

	/*********** Menu ********************************************************************************/
	#mobile_menu                            { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; background-color: transparent; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; display: none }
	body.menu-visible #mobile_menu          { background-color: rgba(0, 0, 0, 0.86) }
	#mobile_menu > div                      { height: 100%; background-color: #FFFFFF; box-sizing: border-box; -o-transform: translate(-100%); -ms-transform: translate(-100%); -moz-transform: translate(-100%); -webkit-transform: translate(-100%); transform: translate(-100%); -moz-transition-duration: 250ms; -webkit-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; display: inline-block; padding: 30px; overflow-y: auto }
	body.menu-visible #mobile_menu > div    { -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); transform: translate(0) }
	#close_menu                             { position: absolute; top: 0; right: 0; color: #FFFFFF; font-size: 43px; line-height: 100%; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; filter: alpha(opacity=0); opacity: 0.0; padding: 10px 22px }
	body.menu-visible #close_menu           { filter: alpha(opacity=100); opacity: 1.0; text-shadow: 0 5px 4px rgba(0, 0, 0, 0.39) }
	#mobile_menu .logo                      { display: block; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 180px }
	#mobile_menu ul                         { margin-bottom: 30px }
	#mobile_menu ul li                      { margin-bottom: 10px }
	#mobile_menu ul li a                    { color: #003399; font-size: 24px }
	#mobile_menu .mobile-contact            { margin-bottom: 30px }
	#mobile_menu .mobile-contact p          { margin-bottom: 15px }
	#mobile_menu .mobile-contact i          { color: #003399; margin-right: 5px }
	#mobile_menu .mobile-contact a          { color: #003399; font-size: 20px }
	#mobile_menu .stars                     { width: 150px; display: block; margin: 0 auto }

	/*********** Footer ******************************************************************************/
	footer > .content-width                 { width: 100%; box-sizing: border-box; padding-right: 50px; padding-left: 50px }
	footer .legal .content-width            { width: 100%; box-sizing: border-box; height: auto; padding: 10px 50px }

	/*********** Home ********************************************************************************/
	section.hero                            { height: calc(var(--vh, 1vh) * 100); box-sizing: border-box }
	.section-intro                          { padding: 80px 0 0 0 }
	.section-intro.active                   { height: auto; background: no-repeat center 100% / 330px url('/wp-content/themes/windycitycg/img/skyline.png'),no-repeat center 170px / 140% url('/wp-content/themes/windycitycg/img/arch.svg'), white }
	.section-intro iframe                   { display: block; margin: 0 auto; width: 100%; height: 100% }
	.section-intro .home-video              { display: block }
	section .content-width                  { box-sizing: border-box }
	.home-video > div:first-child           { padding: 0; max-width: 800px; margin-right: auto; margin-bottom: 80px; margin-left: auto; width: auto }
	.home-video > div:last-child            { width: 560px; aspect-ratio: 1.7777777; margin-bottom: 300px; background-color: #001D57; margin-left: auto; margin-right: auto }
	.section-intro iframe                   { width: 100%; height: 100% }
	.section-partners .content-width div.partner-item
	                                        { width: 225px }
	section.client-group                    { background: url(/wp-content/themes/windycitycg/img/mobile/what-we-do.jpg); background-position: left top; background-size: cover }

	/*********** Contact *****************************************************************************/
	section.contact-section                 { height: auto; box-sizing: border-box; padding: 50px 0; background: url('/wp-content/themes/windycitycg/img/waves.svg') -10px  100px / 800px no-repeat,url('/wp-content/themes/windycitycg/img/hero-v2.jpg') center -100px }
	.contact-form                           { width: 100%; box-sizing: border-box; padding: 40px }
	section.contact-section .content-width  { box-sizing: border-box }
	.contact-section .icon-header a         { font-size: 26px }
	section.contact-section h1              { line-height: 100% }
	#success_message                        { align-items: flex-start; padding-top: 250px }
	section.contact-section                 { background: url('/wp-content/themes/windycitycg/img/waves.svg') -10px calc(100vh - 840px) / 800px no-repeat,url('/wp-content/themes/windycitycg/img/hero-v2.jpg') center -100px }

	/*********** Reels *******************************************************************************/
	.reel-section                           { height: calc((var(--vh, 1vh) * 100) - 77px) }
	.youtube-reels                          { height: calc((var(--vh, 1vh) * 100) - 77px) }
	.reel-section .flex > div               { width: 500px }
	.explainer-section h1                   { font-size: 55px }
	.explainer-section p                    { font-size: 16px; max-width: 600px }

	/*********** Cheese ******************************************************************************/
	section.cheese-section                  { height: calc((var(--vh, 1vh) * 100) - 77px); background-repeat: repeat }
	section.gallery-section                 { height: calc((var(--vh, 1vh) * 100) - 77px) }
	#photos                                 { -moz-columns: ; -webkit-columns: ; columns: 5 }
	.photos-container                       { height: 726px; max-height: calc((var(--vh, 1vh) * 100) - 190px) }

	/*********** Work With ***************************************************************************/
	.work-with-section .content-width       { width: 100% }
	.work-with-section .content-width .categories > div
	                                        { width: 31% }
	.streaming-section .partner-content     { width: 100% }
	.social-media-section > div .partner-content
	                                        { width: 100% }
	.branding-section > div .partner-content{ width: 100% }
	.web-development-section > div .partner-content
	                                        { width: 100% }
	.full-height                            { height: calc((var(--vh, 1vh) * 100) - 77px) }

	/*********** Partners ****************************************************************************/
	section.service-intro-section           { height: calc((var(--vh, 1vh) * 100) - 77px) }

}

/* Tablet 1024 */
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {

	/*********** Cheese ******************************************************************************/
	.photos-container { height: 875px }

}

/* Max 1000 */
@media screen and (max-width:1000px) {

	/*********** Footer ******************************************************************************/
	footer > .content-width                 { display: block }
	footer > .content-width > div           { text-align: center; width: 450px; background-color: rgba(0, 0, 0, 0.01); margin-right: auto; margin-left: auto }
	footer > .content-width .footer-logo    { margin-bottom: 50px }
	footer > .content-width .footer-logo img{ margin-left: auto; margin-right: auto; width: 280px }
	footer a                                { font-size: 26px }
	footer > .content-width .policies       { margin-bottom: 15px }
	footer > .content-width > div:nth-child(3)
	                                        { margin-bottom: 50px }
	footer h3                               { font-size: 37px }
	.footer-contact p:first-child           { margin-bottom: 20px }

	/*********** Home ********************************************************************************/
	section.hero h1 span:first-child        { font-size: 90px }
	section.hero > div                      { width: 500px }
	.section-partners .content-width        { display: block }
	.partner-column                         { display: block }
	.partner-column .partner-item:nth-child(2)
	                                        { margin-top: 0 }
	.section-partners .content-width div.partner-item
	                                        { max-width: 400px; width: 100%; margin-right: auto; margin-bottom: 30px; margin-left: auto }
	.section-partners .content-width div.partner-item-last
	                                        { margin-bottom: 0 }
	.partner-column .partner-item > div:first-child
	                                        { height: auto; margin-bottom: 25px }
	.section-partners .partner-icon         { height: 150px }
	.partner-column .partner-item > div:nth-child(2)
	                                        { margin-bottom: 20px }
	section.client-group                    { padding: 50px 0 }
	.client-logos > p                       { font-size: 24px }
	.client-logos                           { grid-template-columns: 200px 200px 200px; margin-top: 0 }
	body.loading section.hero h1 span:last-of-type
	                                        { letter-spacing: 10px }

	/*********** Contact *****************************************************************************/
	section.contact-section                 { background: url('/wp-content/themes/windycitycg/img/waves-2.svg') center 150px / 120% no-repeat,url('/wp-content/themes/windycitycg/img/hero-v2.jpg') center -100px }
	.contact-section .flex                  { display: block }
	.contact-section .flex > div            { width: auto }
	.contact-section .flex > div:nth-child(1)
	                                        { margin-bottom: 50px }
	.contact-section h1                     { margin-bottom: 20px }

	/*********** Reels *******************************************************************************/
	.reel-section                           { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #fff 90%), url(/wp-content/themes/windycitycg/img/countdown.svg) no-repeat center  / 110% }
	.youtube-reels                          { display: block; height: auto; padding: 50px 0 }
	.youtube-reels .content-width-reels     { width: 90%; margin-left: auto; margin-right: auto }
	.reel-grid-container                    { width: 90%; margin-left: auto; margin-right: auto; height: 480px; overflow-y: auto; background-color: transparent; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 0 }
	.reel-grid                              { -moz-columns: ; -webkit-columns: ; columns: 2; column-gap: 5px }
	.reel-grid > div                        { page-break-inside: avoid-column; -webkit-column-break-inside: avoid-column; break-inside: avoid-column; margin-bottom: 10px }
	.youtube-reels .iframe-container        { margin-bottom: 20px }
	.reel-section h1                        { margin-bottom: 20px }
	.explainer-section                      { display: block }
	.explainer-section .content-width       { width: 100%; display: block }
	.explainer-section .content-width > div:first-child
	                                        { padding: 0 }
	.explainer-section .button-contact      { padding-top: 20px; margin-bottom: 60px }
	.iframe-container-2                     { width: 600px; margin-left: auto; margin-right: auto }
	section.explainer-section               { height: auto }
	.reel-grid-container::-webkit-scrollbar { background-color: transparent }

	/*********** Cheese ******************************************************************************/
	#photos                                 { -moz-columns: 4; -webkit-columns: 4; columns: 4 }
	.photos-container                       { height: 582px }
	::-webkit-scrollbar-thumb               { border-left-color: transparent; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px }
	::-webkit-scrollbar                     { width: 4px; background-color: transparent }

	/*********** Work With ***************************************************************************/
	.work-with-section .content-width .categories > div
	                                        { padding: 15px; width: 32% }
	.work-with-section h2                   { font-size: 28px }
	.work-intro                             { width: 100% }

	/*********** Partners ****************************************************************************/
	.mobile-background                      { display: block; margin-bottom: 50px; aspect-ratio: 2.5; background-position: center; background-size: cover }
	.web-development-section .mobile-background
	                                        { background: url('/wp-content/themes/windycitycg/img/mobile/dev.jpg') center / cover }
	.streaming-section .mobile-background   { background: url('/wp-content/themes/windycitycg/img/mobile/streaming.jpg') center / cover }
	.video-production-section .mobile-background
	                                        { background: url('/wp-content/themes/windycitycg/img/mobile/video.jpg') center / cover }
	.social-media-section .mobile-background{ background: url('/wp-content/themes/windycitycg/img/mobile/seo.jpg') center / cover }
	.video-section .mobile-background       { background: url('/wp-content/themes/windycitycg/img/mobile/video.jpg') center / cover }
	.branding-section .mobile-background    { background: url('/wp-content/themes/windycitycg/img/mobile/branding-v2.jpg') center / cover }
	.ready-section                          { padding: 80px 0 }
	.nav-float                              { display: none }
	.wccg-page-at-your-service section p    { max-width: 700px }
	.branding-section > div .partner-content, .social-media-section > div .partner-content, .streaming-section .partner-content, .video-production-section .partner-content, .web-development-section > div .partner-content
	                                        { width: 100%; padding: 0 0 70px 0 }
	.full-height:not(.service-intro-section){ height: auto }
	.branding-section > div .partner-content, .social-media-section > div .partner-content, .streaming-section .partner-content, .video-production-section .partner-content, .web-development-section > div .partner-content
	                                        { -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); transform: translate(0) }
	.branding-section, .web-development-section, .video-production-section, .streaming-section, .social-media-section
	                                        { background: #001D57 }

}

/* Max 800 */
@media screen and (max-width:800px) {

	/*********** Home ********************************************************************************/
	.home-video > div:last-child            { width: auto }
	.section-partners .content-width div.partner-item
	                                        { box-sizing: border-box }
	.client-logos                           { grid-template-columns: 50% 50%; grid-template-rows: 50px 50px 50px 50px 50px }

	/*********** Contact *****************************************************************************/
	section.contact-section                 { background: url('/wp-content/themes/windycitycg/img/waves-2.svg') center 250px / 120% no-repeat,url('/wp-content/themes/windycitycg/img/hero-v2.jpg') center -100px }

	/*********** Cheese ******************************************************************************/
	.gallery-section .content-width         { padding: 0 25px }
	#photos                                 { column-gap: 10px }
	#photos [data-photo-index]              { margin-bottom: 10px; height: 110px }
	.photos-container                       { height: auto; margin-bottom: 2px }
	.photo-nav button                       { width: 60px; margin: 0 10px }
	.photo-nav button:first-child           { border-radius: 24px 0 0 24px; text-align: left; padding: 10px 15px 10px 15px }
	.photo-nav button:last-child            { border-radius: 0 24px 24px 0; text-align: right }
	.megabytz-lightbox .mblb-photo-container{ min-width: 80%; min-height: 200px }
	section.explainer-section               { padding: 50px 0 }
	.iframe-container-2                     { width: 100% }

	/*********** Work With ***************************************************************************/
	.work-with-section .content-width .categories
	                                        { display: block }
	.work-with-section .content-width .categories > div
	                                        { width: 100%; text-align: center; margin-bottom: 30px; padding: 30px }
	.work-with-section h2                   { font-size: 36px }
	.work-with-section .content-width .categories > div:last-child
	                                        { margin-bottom: 0 }
	.work-with-section .content-width > div:first-child
	                                        { margin-bottom: 50px }
	.service-intro-section p                { width: 90% }
	section .partner-content p              { box-sizing: border-box; padding: 0 25px }
	section.service-intro-section           { background: url(/wp-content/themes/windycitycg/img/mobile/wccg.jpg) center / cover, rgb(0, 29, 87); }
	.ready-section                          { background: url(/wp-content/themes/windycitycg/img/mobile/wccg.jpg) center / cover, rgb(0, 29, 87); }

}

/* Max 600 */
@media screen and (max-width:600px) {

	/*********** Elements & Resets *******************************************************************/
	h1                                      { font-size: 50px; line-height: 100% }
	body                                    { padding-top: 60px }

	/*********** Header ******************************************************************************/
	header.mobile                           { height: 60px; box-sizing: border-box; padding: 0; display: flex }
	header .mobile-logo a                   { display: block; height: 100% }
	body header.mobile img                  { width: auto; height: 40px }
	header.mobile > div                     { box-sizing: border-box; margin: 0; padding: 0 }

	/*********** Main Content ************************************************************************/
	section .content-width                  { padding-right: 25px; padding-left: 25px }

	/*********** Footer ******************************************************************************/
	footer > .content-width > div           { width: auto }
	footer h3                               { width: 233px; margin-right: auto; margin-left: auto }
	footer .legal .content-width            { display: block; font-size: 14px; padding: 20px 0 }
	footer .legal .content-width div        { display: block; text-align: center; width: auto }
	footer .legal .content-width a          { font-size: 14px }
	footer .legal .content-width div:first-child
	                                        { margin-bottom: 15px }
	.contact-scroll                         { height: 250px }

	/*********** Home ********************************************************************************/
	.section-intro h1                       { margin-bottom: 40px }
	section.hero h1 span:first-child        { font-size: 70px }
	section.hero h1 span:last-of-type       { font-size: 30px }
	section.hero > div                      { width: 90%; padding: 30px; box-sizing: border-box }
	section.hero div p                      { font-size: 18px }
	.section-intro                          { padding-top: 50px }
	.home-video > div:last-child            { margin-bottom: 250px }
	.section-partners                       { padding: 50px 0 }
	.client-logos > p                       { font-size: 18px }
	body.loading section.hero h1 span:last-of-type
	                                        { letter-spacing: 6px }

	/*********** Contact *****************************************************************************/
	section.contact-section                 { background: url('/wp-content/themes/windycitycg/img/waves-2.svg') center 200px / 120% no-repeat,url('/wp-content/themes/windycitycg/img/mobile/hero-v2.jpg') center / cover }
	#btn_submit                             { width: 100% }
	section.contact-section h1              { font-size: 60px }
	.contact-section h1                     { margin-bottom: 0 }

	/*********** Reels *******************************************************************************/
	.reel-section                           { height: calc((var(--vh, 1vh) * 100) - 60px) }
	.reel-grid > div p                      { font-size: 16px }

	/*********** Cheese ******************************************************************************/
	section.cheese-section p.cheese-intro   { width: 360px }
	section.cheese-section                  { height: calc((var(--vh, 1vh) * 100) - 60px) }
	section.gallery-section                 { height: calc((var(--vh, 1vh) * 100) - 60px) }
	#photos [data-photo-index]              { height: 100px }

	/*********** Work With ***************************************************************************/
	.wccg-page-at-your-service h1           { font-size: 42px; line-height: 44px; max-width: 350px; text-align: center; margin: 0 auto 10px }
	section.service-intro-section           { height: calc((var(--vh, 1vh) * 100) - 60px) }

}

/* Max 480 */
@media screen and (max-width:480px) {

	/*********** Footer ******************************************************************************/
	footer .social-icons a                { margin: 0 13px }

	/*********** Home ********************************************************************************/
	section.hero h1 span:first-child      { font-size: 54px }
	section.hero h1 span:last-of-type     { font-size: 26px }
	section.hero > div                    { border: 5px solid #FFFFFF; padding: 30px 20px; width: 94%; margin-bottom: 30px }
	section.hero div p                    { font-size: 18px }
	section h1                            { line-height: 100%; font-size: 48px }
	.client-logos                         { grid-template-columns: initial; grid-template-rows: none }
	section.client-group h1               { margin-bottom: 25px }

	/*********** Contact *****************************************************************************/
	.contact-intro                        { width: auto; padding: 0 }
	section.contact-section h1            { margin-bottom: 10px }
	.contact-intro h3                     { font-size: 40px }
	.contact-section .icon-header a       { font-size: 24px }
	.contact-form                         { padding: 30px 25px }

	/*********** Cheese ******************************************************************************/
	.youtube-reels                        { padding: 25px 15px }
	#photos                               { -moz-columns: ; -webkit-columns: ; columns: 3 }
	section.cheese-section h1             { font-size: 66px }
	section.cheese-section p.cheese-intro { font-size: 18px; width: auto }
	#photos [data-photo-index]            { height: 90px }
	.reel-grid                            { -moz-columns: 1; -webkit-columns: 1; columns: 1 }
	.youtube-reels .content-width-reels   { width: 100% }
	.reel-grid-container                  { width: 100% }

	/*********** Work With ***************************************************************************/
	section.work-with-section             { padding: 50px 0 }
	.work-with-section h1                 { margin-bottom: 20px }
	.wccg-page-at-your-service section p  { font-size: 16px; padding: 0 15px }
	.mobile-background                    { aspect-ratio: 1.8 }

}

/* Max 400 */
@media screen and (max-width:400px) {

	/*********** Footer ******************************************************************************/
	footer > .content-width                 { padding: 60px 15px }
	footer > .content-width .footer-logo img{ width: auto; max-width: 280px }
	footer .icon-header a                   { font-size: 24px }
	.social-icons                           { margin-bottom: 50px }

	/*********** Home ********************************************************************************/
	.section-intro.active                   { background: no-repeat center 100% / 280px url('/wp-content/themes/windycitycg/img/skyline.png'),no-repeat center 170px / 140% url('/wp-content/themes/windycitycg/img/arch.svg'), white }
	.home-video > div:last-child            { margin-bottom: 200px }
	.client-logos > p                       { font-size: 18px }
	.client-group h1                        { font-size: 40px }

	/*********** Reels *******************************************************************************/
	.explainer-section h1                   { font-size: 48px; margin-bottom: 30px }

	/*********** Work With ***************************************************************************/
	.work-with-section h1                   { font-size: 40px }
	.work-intro                             { font-size: 16px }

}

/* Max 360 */
@media screen and (max-width:360px) {

	/*********** Menu ********************************************************************************/
	#mobile_menu > div                      { width: 100% }
	#close_menu                             { color: #000000 }

	/*********** Home ********************************************************************************/
	.section-partners .partner-icon         { max-width: 100%; height: auto; width: 80% }
	.section-partners h3                    { width: auto; font-size: 24px }
	.section-partners .content-width div.partner-item
	                                        { padding: 25px }
	.client-group h1                        { width: 200px }
	body.loading section.hero h1 span:last-of-type
	                                        { letter-spacing: -2px }

	/*********** Cheese ******************************************************************************/
	#photos [data-photo-index]              { height: 70px }

	/*********** Work With ***************************************************************************/
	section .content-width                  { padding: 0 15px }
	.wccg-page-at-your-service h1           { font-size: 34px; line-height: 34px }

}

/* Max 320 */
@media screen and (max-width:320px) {

	/*********** Home ********************************************************************************/
	section.hero div p                     { font-size: 16px; margin-bottom: 0; padding: 0 10px }
	section.hero h1                        { margin-bottom: 15px }
	section.hero > div                     { margin-bottom: 10px; padding: 10px 0 }
	#hero-more                             { bottom: 20px }
	section.client-group                   { position: relative }

	/*********** Contact *****************************************************************************/
	section.contact-section                { background: url(/wp-content/themes/windycitycg/img/waves-2.svg) center 215px / 120% no-repeat,url(/wp-content/themes/windycitycg/img/hero-v2.jpg) center -95px }
	.contact-section .icon-header a        { font-size: 18px }
	section.contact-section .content-width { padding: 0 10px }
	.contact-section p:nth-child(2)        { margin-bottom: 5px }

	/*********** Reels *******************************************************************************/
	.reel-section p                        { font-size: 16px }
	.reel-section                          { height: auto; padding-top: 25px }

}

/* Laptop */
@media screen and (max-height:800px) and (orientation:landscape) {

	/*********** Home ********************************************************************************/
	.section-intro                          { padding: 50px 0 0 }
	.section-intro h1                       { margin-bottom: 30px }
	.section-intro p                        { font-size: 16px }
	.home-iframe-container                  { width: 100%; aspect-ratio: 1.7777; height: 300px }
	.home-video > div:last-child iframe     { width: 100%; height: 100% }
	.section-intro.active                   { background: no-repeat center 100% / 300px url('/wp-content/themes/windycitycg/img/skyline.png'),no-repeat center -20% / 90% url('/wp-content/themes/windycitycg/img/arch.svg'), white }
	.section-partners                       { padding: 60px 0 }
	.section-partners .content-width div.partner-item
	                                        { padding: 15px }
	.section-partners .content-width        { width: 947px }
	.partner-column .partner-item:nth-child(2)
	                                        { margin-top: 10px }
	.section-partners .partner-icon         { height: 100px }
	.section-partners h3                    { font-size: 24px }
	.partner-column .partner-item > div:first-child
	                                        { height: 90px }
	.section-partners .content-width div.partner-item
	                                        { width: 280px }
	.iframe-container-2                     { width: 500px; aspect-ratio: 1.77777 }
	.iframe-container-2 #player-2           { width: 100%; height: 100% }
	section.explainer-section               { height: auto }
	.explainer-section .content-width       { width: 1100px }

	/*********** Contact *****************************************************************************/
	.contact-section h1                     { font-size: 60px; margin-bottom: 20px }
	.contact-form input, .contact-form textarea
	                                        { font-size: 16px; padding: 6px }
	.contact-form label                     { margin-bottom: 20px }
	.contact-form                           { padding: 35px }
	.contact-form textarea                  { height: 80px }

	/*********** Cheese ******************************************************************************/
	#photos [data-photo-index]              { height: 100px; margin-bottom: 5px }
	#photos                                 { column-gap: 5px }
	.photos-container                       { height: 420px }

	/*********** Partners ****************************************************************************/
	.wccg-page-at-your-service h1           { font-size: 50px }
	.wccg-page-at-your-service h2           { font-size: 24px }
	.partner-content p                      { font-size: 16px }
	.wccg-page-at-your-service .partner-icon{ height: 130px; padding-top: 15px }
	.streaming-section .partner-content     { width: 925px }
	.social-media-section > div .partner-content
	                                        { width: 800px }
	.branding-section > div .partner-content{ width: 900px }
	.web-development-section > div .partner-content
	                                        { width: 800px }

}

/* Tablet 1280 x 800 */
@media only screen and (min-width: 1200px) and (max-width: 1280px) and (max-height: 800px) and (orientation: landscape) {

	/*********** Reels *******************************************************************************/
	.reel-section h1                 { margin-bottom: 0 }
	.reel-section p                  { margin-bottom: 30px }
	.section-partners .content-width { width: 1049px }

}

/* Tablet 1000 x 800 */
@media only screen and (min-width: 1000px) and (max-width: 1199px) and (max-height: 800px) and (orientation: landscape) {

	/*********** Home ********************************************************************************/
	.section-partners .content-width        { width: 960px }
	.section-partners .content-width div.partner-item
	                                        { width: 250px }

}

/* All */
@media screen {

	/*********** Home ********************************************************************************/
/* hero.css */
section.hero {
  animation: scroll 70s infinite;
  animation-timing-function: linear;
}

@keyframes scroll {
  0% {
    background-position: 0 0, 25vw 200px, 50vw 250px, 75vw 50px
  }
  50% {
    background-position: 0 2160px, 25vw 2160px, 50vw 2560px, 75vw 2160px
  }
  100% {
    background-position: 0 4320px, 25vw 4520px, 50vw 4570px, 75vw 4370px
  }
}


body.loading section.hero h1 i.init {
  animation: none;
}

section.hero h1 i.init {
  opacity: 0;
  animation-fill-mode: forwards;
}

.hero h1 i.init {
  animation-delay: 3s;
  animation: sweep 0.5s 1;
  animation-timing-function: cubic-bezier(.03,.38,.2,.8);  
}

.hero h1 i:nth-child(1) { animation-delay: 0.25s; }
.hero h1 i:nth-child(2) { animation-delay: 0.3s; }
.hero h1 i:nth-child(3) { animation-delay: 0.35s; }
.hero h1 i:nth-child(4) { animation-delay: 0.4s; }
.hero h1 i:nth-child(5) { animation-delay: 0.45s; }
.hero h1 i:nth-child(6) { animation-delay: 0.5s; }
.hero h1 i:nth-child(7) { animation-delay: 0.55s; }
.hero h1 i:nth-child(8) { animation-delay: 0.6s; }
.hero h1 i:nth-child(9) { animation-delay: 0.65s; }

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translate(0, 40px) scale(0.1);
    filter: blur(0);
  }
  50% {
    opacity: 0.7;
    transform: translate(0, -35px) scale(1.2);
    filter: blur(2px);
  }
  100% {
    transform: translate(0, 0) scale(1.0);
    filter: blur(0);
    opacity: 1;
  }
}

section.hero > div {
  border: 5px solid #E8E8E8;  
  border-image-outset: 0px;  
  border-image-slice: 1;
}

}