#stacks_in_683 { background-color: rgba(15, 34, 80, 1.00); padding: 13px 0px 13px 0px; } #stacks_in_684 { margin: 10px 0px 0px 0px; } #stacks_out_684 { width: 91%; } #stacks_in_687>.s3_row { margin: 0 -0px; } #stacks_in_687>.s3_row>.s3_column_left { width: 30.00%; } #stacks_in_687>.s3_row>.s3_column_center { width: 40.000000%; } #stacks_in_687>.s3_row>.s3_column_right { width: 30.00%; } #stacks_in_687>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_687 { margin: 16px 0px 0px 0px; } #stacks_out_687 { width: 235px; } #stacks_in_694 { margin: 5px 0px 0px 0px; } #stacks_out_694 { width: 60%; } #stacks_in_691_button { display:block; position: relative; text-align: center; } #stacks_in_691 a:link, #stacks_in_691 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_691 a:hover, #stacks_in_691 a:active { color:#FFFFFF; } #stacks_in_691 a:link, #stacks_in_691 a:visited { background-color:#FF0208; background: -webkit-gradient(linear, left top, left bottom, from(#FF0208), to(#BC0105)); border:1px solid #BC0105; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_691 a:hover { background-color:#FF0209; background: -webkit-gradient(linear, left top, left bottom, from(#FF0209), to(#A30104)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_691 a:active { background-color:#FF0208; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_691 { margin: 8px 0px 0px 0px; } #stacks_in_688 { padding: 5px 0px 0px 0px; } #stacks_out_688 { width: 59%; } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_697 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_697 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_697 .clean-menu-extra { display: none; } #clean-menu_stacks_in_697 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_697 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_697.cm-full-menu li > a:hover, #clean-menu_stacks_in_697 li > a:hover { text-decoration: none; } #stacks_in_697 nav { border: 0px solid transparent; } #clean-menu_stacks_in_697 { max-width: 864px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_697 ul { margin: 0; } #clean-menu-full_stacks_in_697.cm-full-menu ul, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_697 ul li > a:after, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_697.cm-full-menu, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_697.cm-full-menu ul, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_697.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_697.cm-full-menu ul li, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_697.cm-full-menu ul li > a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_697.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_697.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_697.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_697.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_697.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_697.cm-full-menu ul > div, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_697.cm-full-menu ul > div a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_697.cm-full-menu ul ul, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_697.cm-full-menu, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_697.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_697.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_697.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_697.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_697.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_697.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_697 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_697.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_697 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_697 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_697 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_697 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_697 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_697 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_697 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_697 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_697 > div { align-self: center; } #clean-menu_stacks_in_697 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_697 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_697 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_697 .clean-menu-logo .cm-logo-wrap { max-width: 250px; min-width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_697 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_697.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_697 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_697 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_697.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_697 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_697 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: none; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_697 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_697 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_697 > div:nth-child(1), #clean-menu_stacks_in_697 > div:nth-child(2) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_697 > div:nth-child(1) { margin-right: 10px; } #clean-menu_stacks_in_697 > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_697 > div.clean-menu-top-level:nth-child(2) ul li:first-child, #clean-menu_stacks_in_697 > div.clean-menu-top-level:nth-child(1) ul li:last-child { margin: 0 15px; } #clean-menu_stacks_in_697 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:first-child, #clean-menu_stacks_in_697 > div.clean-menu-top-level:nth-child(1) > ul > li > ul li:last-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_697.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: inherit; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_697.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_697.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a svg, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(0, 0, 0, 0.40); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_697.cm-full-menu ul li > a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_697 li > a svg, #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a svg, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_697 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_697 h1, #clean-menu_stacks_in_697 h2, #clean-menu_stacks_in_697 h3, #clean-menu_stacks_in_697 h4, #clean-menu_stacks_in_697 h5, #clean-menu_stacks_in_697 h6, #clean-menu_stacks_in_697 .layouts-text, #clean-menu_stacks_in_697 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_697.cm-full-menu, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_697.cm-full-menu > ul > li, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_697.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_697.cm-full-menu ul li > a, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a svg, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_697.cm-full-menu ul ul li:before { color: rgba(0, 0, 0, 0.40); fill: rgba(0, 0, 0, 0.40); } #clean-menu-full_stacks_in_697.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_697.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_697.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(0, 0, 0, 0.40); cursor: default; } */ #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } .disable-parents #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_697.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } .disable-parents #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_697 .clean-menu-logo .cm-logo-wrap { max-width: 250px; width: auto; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } #clean-menu_stacks_in_697 .clean-menu-full { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_697 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_697 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_697.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu_stacks_in_697 .clean-menu-logo, #clean-menu_stacks_in_697 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_697.cm-full-menu > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_697.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_697.cm-full-menu { } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a:visited { color: rgba(255,255,255,.6); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a svg { fill: rgba(255,255,255,.6); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a:hover { color: rgba(255,255,255,.9); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a:hover svg { fill: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_697 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(255,255,255,.6); cursor: default; } */ #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-current > a { color: rgba(255,255,255,1); } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(255,255,255,1); } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(255,255,255,.6); } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(255,255,255,.6); } */ #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(255,255,255,1); } #clean-menu_stacks_in_697 .cm-toggle span { background: rgba(255,255,255,1); } #clean-menu_stacks_in_697 h1, #clean-menu_stacks_in_697 h2, #clean-menu_stacks_in_697 h3, #clean-menu_stacks_in_697 h4, #clean-menu_stacks_in_697 h5, #clean-menu_stacks_in_697 h6, #clean-menu_stacks_in_697 .layouts-text, #clean-menu_stacks_in_697 p { color: rgba(255,255,255,1); } .disable-parents #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(255,255,255,.6); border-color: rgba(255,255,255,.6); } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_697.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_697 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_697 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_697 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu_stacks_in_697.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_697 { min-width: 300px; } #clean-menu_stacks_in_697 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_697 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_697 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_697 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_697.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_697.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_697.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_697.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_697.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_697.cm-full-menu ul li > a { font-size: calc(inherit + 2 ); line-height: calc(inherit + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_697.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_697.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_697.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_697 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_697 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_697 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_697 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_697 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_697.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_697 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_700 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_700 .jwresp_col{float:none} #stacks_in_700 #jwresp_col2_stacks_in_700{position:relative;margin:0 auto;width:26%;float:none}#stacks_in_700 #jwresp_col1_stacks_in_700,#stacks_in_700 #jwresp_col3_stacks_in_700{width:37%}#stacks_in_700 #jwresp_col1_stacks_in_700{float:left}#stacks_in_700 #jwresp_col3_stacks_in_700{float:right} @media screen and (max-width:770px){#stacks_in_700 #jwresp_col1_stacks_in_700,#stacks_in_700 #jwresp_col3_stacks_in_700{margin-bottom:10px}#stacks_in_700 #jwresp_col1_stacks_in_700{width:50%}#stacks_in_700 #jwresp_col3_stacks_in_700{width:50%}#stacks_in_700 #jwresp_col2_stacks_in_700{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_700 #jwresp_col1_stacks_in_700,#stacks_in_700 #jwresp_col3_stacks_in_700,#stacks_in_700 #jwresp_col2_stacks_in_700{float:none;width:100%;display:block}#stacks_in_700 #jwresp_col1_stacks_in_700,#stacks_in_700 #jwresp_col3_stacks_in_700{margin-bottom:4px}} #stacks_in_700 { margin: 14px 5px 14px 15px; } #stacks_in_701 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_701 .jwresp_col{overflow:hidden;margin:0;width:36%; float:left;}#stacks_in_701 #jwresp_col2_stacks_in_701{ float:right; width:58%}@media screen and (max-width:500px){#stacks_in_701 #jwresp_col1_stacks_in_701,#stacks_in_701 #jwresp_col2_stacks_in_701{width:100%;float:none;display:block}#stacks_in_701 #jwresp_col1_stacks_in_701{margin-bottom:15px}} #stacks_in_701 { margin: 12px 0px 0px 20px; } #stacks_out_701 { width: 77%; margin-left:0; } #stacks_in_702 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_702 .jwresp_col{overflow:hidden;margin:0;width:46%; float:left;}#stacks_in_702 #jwresp_col2_stacks_in_702{ float:right; width:46%}@media screen and (max-width:500px){#stacks_in_702 #jwresp_col1_stacks_in_702,#stacks_in_702 #jwresp_col2_stacks_in_702{width:100%;float:none;display:block}#stacks_in_702 #jwresp_col1_stacks_in_702{margin-bottom:15px}} /* Ghost Button 1.5.0 */ #stacks_in_710 { display: block; position: relative; text-align: center; } .stacks_in_710 { display: block !important; float: left !important; position: relative !important; width: 100px !important; padding: 5px !important; color: rgba(251, 0, 7, 1.00) !important; background-color: transparent !important; border: 2px solid rgba(217, 233, 234, 1.00) !important; border-radius: 6px !important; text-align: center !important; outline: none !important; text-decoration: none !important; transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; } .stacks_in_710:visited { color: rgba(251, 0, 7, 1.00) !important; } .stacks_in_710:hover, .stacks_in_710:active { background-color: rgba(98, 177, 228, 1.00) !important; color: rgba(120, 121, 120, 1.00) !important; transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in; } #stacks_in_710 { margin: 6px 0px 0px 0px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive' Nav Menu Res1 fsrnavmenures1.css Style Sheet Created: 12, October, 2012 Last Modified: 12, November, 2014 Author: Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_714 #navbar { font-size: 0.95em; font-weight: 700; } #stacks_in_714 #navbar ul { bottom: 0; left: 0; height: 38px; line-height: 38px; margin: 0; padding: 0; text-align: center; } *:first-child+html #stacks_in_714 #navbar ul { height: 38px !important; } #stacks_in_714 #navbar ul li { display: inline-block; position: relative; margin: 0; padding: 0; height: 38px; border-right: 0px solid #FFFFFF; width: auto; } #stacks_in_714 #navbar ul li a, #stacks_in_714 #navbar ul li a:visited { background: #0F2250; color: #62B1E4; cursor: pointer; display: inline-block; font-size: 0.95em; font-weight: 700; padding: 0 19px 0 19px; text-decoration: none; } #stacks_in_714 #navbar ul li a:hover { background: #5385C0; color: #FFFFFF; } #stacks_in_714 #navbar ul li #current, #stacks_in_714 #navbar ul li .currentAncestor { background: #CC0A20; color: #FFFFFF; } #stacks_in_714 #navbar ul li a:hover > ul { position: relative; display: inline-block; } #stacks_in_714 #navbar ul li.hasChild > a { background-image: url(../pf-plumbing-services-boiler-installation_files/arrow_down_black50.png); background-position: 94% 50%; background-repeat: no-repeat; padding: 0 33px 0 19px; } #stacks_in_714 #navbar li:first-child > a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar li:last-child > a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar ul li:last-child { border-right: 0px; } /* Sub Menu Levels */ #stacks_in_714 #navbar ul ul { display: none; height: 40px; left: 0; line-height: 40px; margin: 0; position: absolute; top: 38px; width: 109px; z-index: 999; text-align: left; } #stacks_in_714 #navbar ul ul li { padding: 0; height: 40px; width: 109px; border-right: 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar ul ul li a, #navbar ul ul li a:visited { background: #007B98; color: #FFFFFF; border-top: px solid #EFEFEF; font-size: 1.00em; font-weight: normal; height: 40px; padding: 0 14px 0 14px; margin: 0; text-shadow: none; width: 95px; } *:first-child+html #stacks_in_714 #navbar ul ul li a, #stacks_in_714 #navbar ul ul li a:visited { padding: 0 14px 0 14px; line-height: 40px !important; width: 95px !important; } #stacks_in_714 #navbar ul ul li a:hover { background: #D9E9EA; color: #007B98; width: 95px; background-image: none; } #stacks_in_714 #navbar ul ul li #current, #stacks_in_714 #navbar ul ul li .currentAncestor { background: #0C3760; color: #FFFFFF; width: 95px; } #stacks_in_714 #navbar ul ul li:last-child > a { border-bottom: 1px solid #EFEFEF; } #stacks_in_714 #navbar ul ul li.hasChild > a { background-image: url(../pf-plumbing-services-boiler-installation_files/arrow_right_black50.png); background-position: 97% 50%; background-repeat: no-repeat; width: 95px; padding: 0 14px 0 14px; } #stacks_in_714 #navbar li li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar li li:last-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar ul ul ul { top: 0; left: 123px; } *:first-child+html #stacks_in_714 #navbar ul ul ul { top: 0; left: 123px !important; } #stacks_in_714 #navbar li li li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar li li li:last-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar li li li li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #stacks_in_714 #navbar li li li li:last-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { .tinynav { display: block; width: 100% !important; margin-top: 0px; font-size: 18px; } #nav { display: none; } } @media screen and (min-width: 601px) { /* ensure #navbarbar is visible on desktop version */ #nav { display: block !important; } .tinynav { display: none !important; } } #stacks_in_714 { margin: 20px 0px 0px 0px; } #stacks_in_335 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_335 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_335 #jwresp_col2_stacks_in_335{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_335 #jwresp_col1_stacks_in_335,#stacks_in_335 #jwresp_col2_stacks_in_335{width:100%;float:none;display:block}#stacks_in_335 #jwresp_col1_stacks_in_335{margin-bottom:15px}} #stacks_out_335 { width: 60%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_216 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 240%; line-height: 120%; letter-spacing: -2px; direction: ltr; } #fontStackstacks_in_216 { color: rgba(251, 0, 7, 1.00); } } #stacks_in_216 { margin: 20px 0px 0px 0px; } #stacks_in_230 { margin: 10px 0px 0px 0px; } #stacks_in_220 { margin: 0px 0px 10px 0px; } #stacks_in_222 { letter-spacing: -2px; font-size: 91%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_223 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 120%; line-height: 125%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_223 { color: rgba(83, 133, 192, 1.00); } } #stacks_in_223 { margin: 0px 0px 7px 0px; } /* Ghost Button 1.5.0 */ #stacks_in_234 { display: block; position: relative; text-align: center; } .stacks_in_234 { display: block !important; float: left !important; position: relative !important; width: 120px !important; padding: 5px !important; color: rgba(83, 133, 192, 1.00) !important; background-color: transparent !important; border: 2px solid rgba(217, 233, 234, 1.00) !important; border-radius: 6px !important; text-align: center !important; outline: none !important; text-decoration: none !important; transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; } .stacks_in_234:visited { color: rgba(83, 133, 192, 1.00) !important; } .stacks_in_234:hover, .stacks_in_234:active { background-color: rgba(251, 0, 7, 1.00) !important; color: rgba(255, 255, 255, 1.00) !important; transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in; } #stacks_in_234 { margin: 10px 0px 20px 0px; } #stacks_out_234 { width: 72%; margin-left:0; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_494 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 200%; line-height: 120%; letter-spacing: -2px; direction: ltr; } #fontStackstacks_in_494 { color: rgba(251, 0, 7, 1.00); } } #stacks_in_494 { margin: 10px 0px 0px 0px; } #stacks_in_495 { margin: 10px 0px 0px 0px; } #stacks_out_495 { width: 93%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_501 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 190%; line-height: 120%; letter-spacing: -1px; direction: ltr; } #fontStackstacks_in_501 { color: rgba(83, 133, 192, 1.00); } } #stacks_in_501 { margin: 0px 0px 7px 0px; } #stacks_out_516 { width: 93%; } /* Ghost Button 1.5.0 */ #stacks_in_505 { display: block; position: relative; text-align: center; } .stacks_in_505 { display: inline-block !important; position: relative !important; width: 120px !important; padding: 5px !important; color: rgba(83, 133, 192, 1.00) !important; background-color: transparent !important; border: 2px solid rgba(217, 233, 234, 1.00) !important; border-radius: 6px !important; text-align: center !important; outline: none !important; text-decoration: none !important; transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; } .stacks_in_505:visited { color: rgba(83, 133, 192, 1.00) !important; } .stacks_in_505:hover, .stacks_in_505:active { background-color: rgba(251, 0, 7, 1.00) !important; color: rgba(255, 255, 255, 1.00) !important; transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in; } #stacks_in_505 { margin: 10px 0px 20px 0px; } #stacks_out_505 { width: 72%; } #stacks_in_8 .sp-bevel::before,#stacks_in_8 .sp-bevel::after{z-index:-1}#stacks_in_8 .sp-bevel{z-index:0} #stacks_in_8 .bevel-wrap{overflow:hidden;margin-top:0.00px}#stacks_in_8 .sp-bevel.orient-horiz{padding-bottom:calc( 10% * 0.72);position:relative;overflow:hidden}#stacks_in_8 .sp-bevel.orient-horiz::before,#stacks_in_8 .sp-bevel.orient-horiz::after{position:absolute;z-index:-1;content:"";height:100%;background:rgba(98, 177, 228, 1.00)}#stacks_in_8 .sp-bevel.orient-horiz::before{left:0;width:30.00%}#stacks_in_8 .sp-bevel.orient-horiz::after{right:0;width:calc(100% - 30.00%)}#stacks_in_8 .sp-bevel.orient-horiz.arrow-down.arrow-inward{-webkit-transform:translateY(100%);transform:translateY(100%);overflow:visible}#stacks_in_8 .sp-bevel.orient-horiz.arrow-down::before,#stacks_in_8 .sp-bevel.orient-horiz.arrow-down::after{bottom:0}#stacks_in_8 .sp-bevel.orient-horiz.arrow-down::before{-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:skew(0,10deg);transform:skew(0,10deg)}#stacks_in_8 .sp-bevel.orient-horiz.arrow-down::after{-webkit-transform:skew(0,-10deg);transform:skew(0,-10deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}#stacks_in_8 .sp-bevel.orient-horiz.arrow-up.arrow-inward{-webkit-transform:translateY(-100%);transform:translateY(-100%);overflow:visible}#stacks_in_8 .sp-bevel.orient-horiz.arrow-up::before,#stacks_in_8 .sp-bevel.orient-horiz.arrow-up::after{top:0}#stacks_in_8 .sp-bevel.orient-horiz.arrow-up::before{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:skew(0,-10deg);transform:skew(0,-10deg)}#stacks_in_8 .sp-bevel.orient-horiz.arrow-up::after{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:skew(0,10deg);transform:skew(0,10deg)} @media all { #uniqueElement, .classElement, #fontStackstacks_in_194 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 180%; line-height: 129%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_194 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_194 { margin: 15px 0px 7px 0px; } #stacks_out_194 { width: 60%; } #stacks_in_195 { margin: 20px 0px 0px 0px; } /* -- Start Tabloid Each css Template -- */ #stacks_in_190, #stacks_in_190 .stacks_in, #stacks_in_190 .stacks_out { overflow: visible !important; } .stacks_in_190tabloid { -webkit-columns: 300x; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Firefox */ column-rule: 1px solid rgba(0, 0, 0, 0.30); } /* -- End Tabloid Each css Template -- */ #stacks_in_190 { margin: 20px 0px 14px 0px; padding: 0px 0px 18px 0px; } #stacks_out_190 { width: 60%; } #stacks_in_192 { margin: 0px 0px 20px 0px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_484 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 180%; line-height: 116%; letter-spacing: -1px; direction: ltr; } #fontStackstacks_in_484 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_484 { margin: 15px 0px 7px 0px; } #stacks_out_484 { width: 90%; } #stacks_in_485 { margin: 20px 0px 0px 0px; } /* -- Start Tabloid Each css Template -- */ #stacks_in_488, #stacks_in_488 .stacks_in, #stacks_in_488 .stacks_out { overflow: visible !important; } .stacks_in_488tabloid { -webkit-columns: 300x; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Firefox */ column-rule: 1px solid rgba(0, 0, 0, 0.30); } /* -- End Tabloid Each css Template -- */ #stacks_in_488 { margin: 20px 0px 0px 0px; } #stacks_out_488 { width: 89%; } #stacks_in_312 { background-color: rgba(83, 133, 192, 1.00); margin: 20px 0px 0px 0px; } #stacks_out_314 { width: 60%; } #stacks_in_669 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 20px 0px 20px 0px; } #stacks_out_669 { width: 49%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_670 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 180%; line-height: 129%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_670 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_670 { margin: 15px 0px 7px 0px; } #stacks_out_670 { width: 91%; } #stacks_in_671 { margin: 20px 20px 10px 20px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_674 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; font-size: 100%; line-height: 150%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_674 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_674 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0px 0px 20px 0px; padding: 20px; } #stacks_out_674 { width: 92%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_665 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 180%; line-height: 129%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_665 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_665 { margin: 0px 0px 7px 0px; } #stacks_out_665 { width: 90%; } #stacks_in_666 { margin: 20px 0px 10px 0px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_650 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; font-size: 100%; line-height: 150%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_650 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_650 { padding: 10px 0px 20px 0px; } #stacks_out_650 { width: 90%; } /* -- Start Tabloid Each css Template -- */ #stacks_in_651, #stacks_in_651 .stacks_in, #stacks_in_651 .stacks_out { overflow: visible !important; } .stacks_in_651tabloid { -webkit-columns: 300x; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px solid rgba(201, 238, 255, 1.00); /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid rgba(201, 238, 255, 1.00); /* Firefox */ column-rule: 1px solid rgba(201, 238, 255, 1.00); } /* -- End Tabloid Each css Template -- */ #stacks_in_661 { margin: 20px 0px 10px 0px; } html.ncd-photo-lock{ overflow: hidden; } a[data-photo-group]{ cursor:pointer; } .ncd-photo *{ padding: 0; margin: 0; list-style: none; } .ncd-photo *, .ncd-photo *:before, .ncd-photo *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ncd-photo .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ width: 100%; margin: 0 !important; padding: 0 !important; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo li.hide{ display: none !important; } .ncd-photo li div{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: -webkit-box-shadow 150ms ease-out; -moz-transition: -moz-box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo li img{ position: relative; z-index: 10; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); } .ncd-photo ul p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo ul p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo ul p em{ font-weight: normal; font-style: normal; } .ncd-photo ul p span{ display: inline-block; padding: 6px 12px; } .ncd-photo ul p span.empty{ visibility: hidden; } .ncd-photo[data-italic-title="True"] p b, .ncd-photo[data-italic-caption="True"] p em{ font-style: italic; } .ncd-photo[data-bold-title="True"] p b, .ncd-photo[data-bold-caption="True"] p em{ font-weight: bold; } .ncd-photo[data-hide-title="True"] p b, .ncd-photo[data-hide-caption="True"] p em, .ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{ display: none; } .ncd-photo[data-hide-caption="True"] ul p b{padding-right: 0;} /* Caption Positions */ .ncd-photo ul.cap-hov li p{ opacity: 0; -webkit-transition: -webkit-transform 300ms, opacity 300ms; -moz-transition: -moz-transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms; -webkit-transform: -webkit-translate3d(0,4px,0); -moz-transform: -moz-translate3d(0,4px,0); transform: translate3d(0,4px,0); } .ncd-photo ul.cap-hov li:hover p{ opacity: 1; -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } .ncd-photo ul.cap-hide li p{ display: none !important; } .ncd-photo ul.cap-ibl p, .ncd-photo ul.cap-ibc p{ left: 0; bottom: 0; right: 0; margin: 0; text-align: left; } .ncd-photo ul.cap-ibl p span, .ncd-photo ul.cap-ibc p span{ display: block; } .ncd-photo ul.cap-imbl p, .ncd-photo ul.cap-imbc p{ left: 20px; bottom: 10px; right: 20px; text-align: left; } .ncd-photo ul.cap-ibc p, .ncd-photo ul.cap-imbc p{ text-align: center; } .ncd-photo ul.cap-imbl p span, .ncd-photo ul.cap-imbc p span{ border-radius: 3px; } /* FLOW Thumbnails */ .ncd-photo.photo-flow { margin: 0; padding: 0; width: 100%; font-size: .85em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .ncd-photo.photo-flow li div{ display: inline-block; width: 100%; background: none !important; } .ncd-photo.photo-flow li div:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; content: ""; display: block; -webkit-transition: box-shadow 150ms ease-out; -moz-transition: box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo.photo-flow li img { max-width: 100%; width: 100%; height: auto; display: block; } .ncd-photo.photo-flow ul.cap-ibl li p, .ncd-photo.photo-flow ul.cap-ibc li p{ -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } /* Spacing Thumbnails */ .ncd-photo.space-0.photo-grid{margin: 0;} .ncd-photo.space-0.photo-grid li div{margin: 0;} .ncd-photo.space-0.photo-flow li div{margin: 0;} .ncd-photo.space-0.photo-flow { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .ncd-photo.space-1.photo-grid{margin: 0 -1px;} .ncd-photo.space-1.photo-grid li div{margin: 1px;} .ncd-photo.space-1.photo-flow li div{margin: 0 0 2px;} .ncd-photo.space-1.photo-flow { -moz-column-gap: 2px; -webkit-column-gap: 2px; column-gap: 2px; } .ncd-photo.space-3.photo-grid{margin: 0 -3px;} .ncd-photo.space-3.photo-grid li div{margin: 3px;} .ncd-photo.space-3.photo-flow li div{margin: 0 0 6px;} .ncd-photo.space-3.photo-flow { -moz-column-gap: 6px; -webkit-column-gap: 6px; column-gap: 6px; } .ncd-photo.space-5.photo-grid{margin: 0 -5px;} .ncd-photo.space-5.photo-grid li div{margin: 5px;} .ncd-photo.space-5.photo-flow li div{margin: 0 0 10px;} .ncd-photo.space-5.photo-flow { -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .ncd-photo.space-7.photo-grid{margin: 0 -7px;} .ncd-photo.space-7.photo-grid li div{margin: 7px;} .ncd-photo.space-7.photo-flow li div{margin: 0 0 14px;} .ncd-photo.space-7.photo-flow { -moz-column-gap: 14px; -webkit-column-gap: 14px; column-gap: 14px; } .ncd-photo.space-9.photo-grid{margin: 0 -9px;} .ncd-photo.space-9.photo-grid li div{margin: 9px;} .ncd-photo.space-9.photo-flow li div{margin: 0 0 18px;} .ncd-photo.space-9.photo-flow { -moz-column-gap: 18px; -webkit-column-gap: 18px; column-gap: 18px; } .ncd-photo.space-11.photo-grid{margin: 0 -11px;} .ncd-photo.space-11.photo-grid li div{margin: 11px;} .ncd-photo.space-11.photo-flow li div{margin: 0 0 22px;} .ncd-photo.space-11.photo-flow { -moz-column-gap: 22px; -webkit-column-gap: 22px; column-gap: 22px; } .ncd-photo.space-13.photo-grid{margin: 0 -13px;} .ncd-photo.space-13.photo-grid li div{margin: 13px;} .ncd-photo.space-13.photo-flow li div{margin: 0 0 26px;} .ncd-photo.space-13.photo-flow { -moz-column-gap: 26px; -webkit-column-gap: 26px; column-gap: 26px; } .ncd-photo.space-15.photo-grid{margin: 0 -15px;} .ncd-photo.space-15.photo-grid li div{margin: 15px;} .ncd-photo.space-15.photo-flow li div{margin: 0 0 30px;} .ncd-photo.space-15.photo-flow { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } /* GRID Thumbnails */ .ncd-photo.photo-grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.photo-grid li div{ overflow: hidden; } .ncd-photo.photo-grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.photo-grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0.photo-flow li div:before, .ncd-photo.rad-0.photo-flow li img, .ncd-photo.rad-0.photo-flow li div{border-radius: 0;} .ncd-photo.rad-0 ul.cap-ibl p span, .ncd-photo.rad-0 ul.cap-ibc p span{border-radius: 0; } .ncd-photo.rad-3 li div, .ncd-photo.rad-3.photo-flow li div:before, .ncd-photo.rad-3.photo-flow li img, .ncd-photo.rad-3.photo-flow li div{border-radius: 3px;} .ncd-photo.rad-3 ul.cap-ibl p span, .ncd-photo.rad-3 ul.cap-ibc p span{border-radius: 0 0 3px 3px; } .ncd-photo.rad-5 li div, .ncd-photo.rad-5.photo-flow li div:before, .ncd-photo.rad-5.photo-flow li img, .ncd-photo.rad-5.photo-flow li div{border-radius: 5px;} .ncd-photo.rad-5 ul.cap-ibl p span, .ncd-photo.rad-5 ul.cap-ibc p span{border-radius: 0 0 5px 5px; } .ncd-photo.rad-7 li div, .ncd-photo.rad-7.photo-flow li div:before, .ncd-photo.rad-7.photo-flow li img, .ncd-photo.rad-7.photo-flow li div{border-radius: 7px;} .ncd-photo.rad-7 ul.cap-ibl p span, .ncd-photo.rad-7 ul.cap-ibc p span{border-radius: 0 0 7px 7px; } /* Break Points for Columns */ @media only screen and (min-width: 400px) { .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} .ncd-photo.photo-col-1.photo-flow, .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 550px) { .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 50%;} .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 750px) { .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 33.3333%;} .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 950px) { .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 25%;} .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1200px) { .ncd-photo.photo-col-5.photo-grid li{width: 20%;} .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } .batch-hide{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } @media only screen and (max-width: 400px) { .ncd-photo ul p{ opacity: 0 !important; } } /* Captions Under Flow */ .ncd-photo.photo-flow.cap-under ul p, .ncd-photo.photo-flow.cap-under ul p span{ position: static; display: block; margin-bottom: 0; } .ncd-photo.photo-flow.cap-under ul p span{ border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; padding: 10px; } .ncd-photo.photo-flow.cap-under ul img{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ncd-photo.photo-flow.cap-under li div{ -webkit-box-shadow: none; box-shadow: none; } /* Lightbox */ #ncdPhotoLoader{ position: absolute; color: #ff0000; top: 50%; left: 50%; opacity: 0; -webkit-transition: opacity 350ms 150ms; -moz-transition: opacity 350ms 150ms; transition: opacity 350ms 150ms; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ height: 44px; width: 44px; margin: 0 auto; position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-radius: 100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; -webkit-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; -moz-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none;} #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; -webkit-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; -moz-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out;} #ncdPhotoBase.out { z-index: 10000; } .ncdPhotoZoom, .ncdPhotoClose, .ncdPhotoNext, .ncdPhotoPrev { z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; } /* ZOOM & CLOSE */ .ncdPhotoZoom, .ncdPhotoClose{ margin-top: 4%; top: 0; -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out; } .ncdPhotoZoom:before, .ncdPhotoZoom:after, .ncdPhotoClose:before, .ncdPhotoClose:after { top:50%; left:0; width:2px; height:18px; content:""; position:absolute; margin:-9px 22.5px 0; -webkit-transition: opacity 300ms, transform 300ms; -moz-transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms;} /* ZOOM */ .ncdPhotoZoom{ -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; left: 0; transform: rotate(90deg); opacity: 0; margin-left: 4%;} .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom:after { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .ncdPhotoZoom.zoom:after { opacity: 0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .ncdPhotoZoom:before { transform:rotate(0deg);} .ncdPhotoZoom.zoom:before { transform:rotate(-90deg);} /* CLOSE */ .ncdPhotoClose { right: 0; margin-right: 4%;} .ncdPhotoClose:before, .ncdPhotoClose:after { height:22px; margin:-11px 22.5px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoClose:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev { top: 50%; margin-top: -25px; opacity: 0; transition: opacity 0.2s ease-out, transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -moz-transition: opacity 0.2s ease-out, -moz-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; } .ncdPhotoNext:before, .ncdPhotoNext:after, .ncdPhotoPrev:before, .ncdPhotoPrev:after { top:50%; left:0; width:2px; height:15px; content:''; position:absolute; margin:-13px 24px 0;} .ncdPhotoNext:after, .ncdPhotoPrev:after{ margin-top: -3px; } .ncdPhotoPrev:after,.ncdPhotoPrev:before {left:-3px;} .ncdPhotoNext:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoNext:before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .ncdPhotoPrev:after{ -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);} .ncdPhotoPrev:before { -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); -ms-transform:rotate(-315deg); -o-transform:rotate(-315deg); transform:rotate(-315deg);} @media screen and (min-width: 800px) { #ncdPhotoControls #ncdPhotoCounter{ display: none; } } @media screen and (max-width: 800px) { #ncdPhotoControls{ position: absolute; bottom: 100%; left: 0; width: 100%; height: 53px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; z-index: 100;} /* No Caption Mobile */ #ncdPhotoBase.cap-hide #ncdPhotoControls{height: 70px;} #ncdPhotoBase.cap-hide .ncd-ui{bottom: 8px !important;} .ncdPhotoZoom.zoom{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } } /* Prev Button */ .ncdPhotoNext { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); right: 4%;} .ncdPhotoPrev { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); left: 4%;} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg);opacity: 1; -moz-transform: translateX(0) rotate(0deg);opacity: 1; transform: translateX(0) rotate(0deg);opacity: 1; } @media screen and (max-width: 800px) { #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg); -moz-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); margin-top: 4%; top: 0; opacity: 1; } #ncdPhotoBase .ncdPhotoNext{margin-right: 20%; } #ncdPhotoBase .ncdPhotoZoom{margin-left: -25px;left: 50%;} #ncdPhotoBase .ncdPhotoPrev{margin-left: 20%;} #ncdPhotoBase #ncdPhotoCounter, #ncdPhotoBase .ncdPhotoClose, #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoZoom, #ncdPhotoBase .ncdPhotoPrev{top: auto; bottom: 0;} #ncdPhotoOverlay div.slide p{ position: absolute; bottom: 100%; left: 0; } #ncdPhotoCounter{ position: absolute; left: 4%; margin-left: 10px; font-family: 'Helvetica Neue'; font-weight: 300; letter-spacing: -1px; height: 27px; line-height: 0; font-size: 16px; z-index: 100; } #ncdPhotoCounter .lb-current{ font-size: 28px; padding-right: 2px; letter-spacing: -2px; } } #ncdPhotoBase.out .ncdPhotoNext { -webkit-transform: translateX(30px) rotate(0deg);opacity: 0; -moz-transform: translateX(30px) rotate(0deg);opacity: 0; transform: translateX(30px) rotate(0deg);opacity: 0; } #ncdPhotoBase.out .ncdPhotoPrev { -webkit-transform: translateX(-30px) rotate(0deg);opacity: 0; -moz-transform: translateX(-30px) rotate(0deg);opacity: 0; transform: translateX(-30px) rotate(0deg);opacity: 0; } #ncdPhotoBase .ncdPhotoNext.hide, #ncdPhotoBase .ncdPhotoPrev.hide {opacity: 0;} #ncdPhotoBase.single-image .ncdPhotoNext, #ncdPhotoBase.single-image .ncdPhotoPrev, #ncdPhotoOverlay[data-hide-full-title="True"] span b, #ncdPhotoOverlay[data-hide-full-caption="True"] span em{ display: none; } /* Lightbox */ #ncdPhotoOverlay { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #ncdPhotoOverlay div.slide { display: block; height: 100%; text-align: center; vertical-align: middle; line-height: 0; position:absolute; top:-9999px; left:-9999px; } #ncdPhotoOverlay div.slide.ncd-show{ position: relative; top: 50%; left: 0%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #ncdPhotoOverlay div.slide.out{ position: absolute; top: 50%; left: 0; right: 0; height: auto; -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-prev #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(10px); -ms-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next div.slide.out img, #ncdPhotoBase.go-prev div.slide.out img, #ncdPhotoBase.processing div.slide.ncd-show.out img{ -webkit-animation: none !important; animation: none !important; opacity: 1 !important; } #ncdPhotoOverlay div.slide.out.ncd-show, .go-next #ncdPhotoOverlay div.slide.out.ncd-show, .go-prev #ncdPhotoOverlay div.slide.out.ncd-show{ opacity: 0; transition: none; } #ncdPhotoOverlay div.slide > div { display: inline-block; position: relative; padding: 4%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #ncdPhotoOverlay div.slide.zoom.in > div { padding: 0; } #ncdPhotoOverlay div.slide.zoom.in, #ncdPhotoOverlay div.slide.zoom.in > div {font-size: 0;} #ncdPhotoOverlay div.slide.zoom { overflow: scroll; cursor:move; -webkit-overflow-scrolling: touch;} #ncdPhotoOverlay div.slide.zoom::-webkit-scrollbar { display: none; } #ncdPhotoOverlay div.slide.zoom.in br{display: none;} #ncdPhotoOverlay div.slide.zoom.out br{display: block;} #ncdPhotoOverlay div.slide.zoom.in.transition, #ncdPhotoOverlay div.slide.zoom.out{overflow: hidden;} #ncdPhotoOverlay div.slide.zoom.transition div{ -webkit-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in div{ line-height: normal; -webkit-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in.transition div{ -webkit-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.out div{ -webkit-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.ncd-show > div{opacity: 1;} @-webkit-keyframes float-zoom-in { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(1.03);opacity: 0} } @keyframes float-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @-webkit-keyframes float-zoom-in-complete { from {-webkit-transform: scale(.98);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-in-complete { from {transform: scale(.98);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-zoom-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(.98);opacity: 0} } @keyframes float-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @-webkit-keyframes float-zoom-out-complete { from {-webkit-transform: scale(1.03);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-in { from {-webkit-transform: scale(1.04);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-in { from {transform: scale(1.02);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-down { from {-webkit-transform: translateY(-10px);opacity: 0} to {-webkit-transform: translateY(0);opacity: 1} } @keyframes float-down { from {transform: translateY(-10px);opacity: 0} to {transform: translateY(0);opacity: 1} } @-webkit-keyframes float-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(0.97);opacity: 0} } @keyframes float-out { from {transform: scale(1);opacity: 1} to {transform: scale(0.97);opacity: 0} } @-webkit-keyframes float-up { from {-webkit-transform: translateY(0px);opacity: 1} to {-webkit-transform: translateY(10px);opacity: 0} } @keyframes float-up { from {transform: translateY(0px);opacity: 1} to {transform: translateY(10px);opacity: 0} } @-webkit-keyframes float-next { from {-webkit-transform: translateX(5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-next { from {transform: translateX(5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes float-prev { from {-webkit-transform: translateX(-5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-prev { from {transform: translateX(-5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes text-swap { from {-webkit-opacity: 0} to {-webkit-opacity: 1} } @keyframes text-swap { from {opacity: 0} to {opacity: 1} } #ncdPhotoOverlay div.slide img { list-style: none; line-height: 0; max-width: 100% !important; max-height: 80vh !important; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; border-radius: 0px; } #ncdPhotoOverlay div.slide.zoom.in > div{ height: auto; } #ncdPhotoOverlay div.slide.zoom.in img{ max-width: none !important; max-height: none !important; border-radius: 0; } #ncdPhotoBase.go-next div.slide img{ -webkit-animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.go-prev div.slide img{ -webkit-animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing div.slide.ncd-show img{ -webkit-animation: none; animation: none; opacity: 0; } @media screen and (min-width: 800px) { /* #ncdPhotoOverlay div.slide > div{ height: 60vh; } */ } @media screen and (max-width: 800px) { #ncdPhotoBase > .ncdPhotoZoom{display: none} #ncdPhotoBase.go-next #ncdPhotoCaption p, #ncdPhotoBase.go-prev #ncdPhotoCaption p { -webkit-animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; } } /* COUNTER */ .ncdPhotoCounter{ left: auto !important; right: 0;} .ncdPhotoCounter[data-show-count="False"], #ncdPhotoCounter[data-show-count="False"]{ display: none !important;} /* CAPTION - MOBILE */ #ncdPhotoCaption{ display: block; position: fixed; bottom: 0; left: 0; right: 0; text-align:center; padding: 12px 4%; font-size: 15px; z-index: 100; line-height: 1.4; } #ncdPhotoCaption p{ margin: 0; } #ncdPhotoCaption b{ padding-right: 5px; } #ncdPhotoOverlay p b, #ncdPhotoCaption p b{ font-weight: normal; font-style: normal; padding-right: 5px; } #ncdPhotoOverlay p em, #ncdPhotoCaption p em{ font-weight: normal; font-style: normal; } @media screen and (min-width: 800px) { #ncdPhotoCaption{ display: none; } .img-caption-in{ display: block; } .img-caption-in:after { content: ""; display: table; clear: both; } } #ncdPhotoOverlay p.ncdPhotoCounter, #ncdPhotoOverlay p{ display: inline-block; text-align: left; padding: 12px 0 18px; font-size: 14px; font-variant: normal; line-height: 20px; margin: 0; float: left; } #ncdPhotoOverlay p.ncdPhotoCounter{ float: right; } /* CAPTION - DESK */ #ncdPhotoBase:hover .img-caption-in {opacity: 1} #ncdPhotoBase.cap-hide .img-caption-in{ display: none; } #ncdPhotoBase.cap-show .img-caption-in.invis{ visibility: hidden; -webkit-animation:none; animation:none } #ncdPhotoBase .img-caption-in{ opacity: 0 ; transition: opacity 200ms; } #ncdPhotoBase.cap-show .ncd-show .img-caption-in{ opacity: 1; -webkit-animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing .img-caption-in{ opacity: 0 ; } @media screen and (max-width: 800px) { .img-caption-in{display: none} } /* LB Font Styles */ #ncdPhotoBase [data-italic-title="True"] p b, #ncdPhotoBase [data-italic-caption="True"] p em{ font-style: italic; } #ncdPhotoBase [data-bold-title="True"] p b, #ncdPhotoBase [data-bold-caption="True"] p em{ font-weight: bold; } #ncdPhotoBase [data-hide-title="True"] p b, #ncdPhotoBase [data-hide-caption="True"] p em{ display: none; } /* LB Theme - Default Dark */ .style-default #ncdPhotoOverlay p b, .style-default #ncdPhotoCaption p b{color: #FFF} /* Caption Title */ .style-default #ncdPhotoOverlay p em, .style-default #ncdPhotoCaption p em, .style-default .ncdPhotoCounter, .style-default #ncdPhotoCounter{color: #EEE} /* Caption Text */ .style-default img{box-shadow: 0 2px 16px rgba(0,0,0,0.6);} /* Img Shadow */ .style-default{background: rgba(0,0,0,0.85) !important} /* Overlay */ .style-default #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(200,200,200, .15); border-right: 3px solid rgba(200,200,200, .15); border-bottom: 3px solid rgba(200,200,200, .15); border-top: 3px solid rgba(200,200,200, .8); } @media screen and (max-width: 800px) { .style-default #ncdPhotoControls{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));} } .style-default .ncdPhotoZoom, .style-default .ncdPhotoClose, .style-default .ncdPhotoNext, .style-default .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); } .style-default #ncdPhotoCaption{background: #000;} .style-default .ncdPhotoNext:before,.ncdPhotoNext:after, .style-default .ncdPhotoPrev:before,.ncdPhotoPrev:after, .style-default .ncdPhotoZoom:before,.ncdPhotoZoom:after, .style-default .ncdPhotoClose:before,.ncdPhotoClose:after, .style-default .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .style-default .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .style-default .ncdPhotoClose:hover:before,.ncdPhotoClose:hover:after {background: #FFF} .style-default #ncdPhotoCounter{color: #FFF} .style-default .ncdPhotoZoom:active, .style-default .ncdPhotoClose:active, .style-default .ncdPhotoNext:active, .style-default .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255,255,255,0.6); border: 2px solid #FFF;} .style-default .ncdPhotoZoom.zoom{border: 2px solid #FFF;} @media screen and (min-width: 800px) { .style-default .ncdPhotoZoom:hover, .style-default .ncdPhotoClose:hover, .style-default .ncdPhotoNext:hover, .style-default .ncdPhotoPrev:hover{border: 2px solid #FFF;} } /* LB Theme - Contrast Light */ .style-contrast #ncdPhotoOverlay p b{color: #333} .style-contrast #ncdPhotoCaption p b{color: #FFF} .style-contrast #ncdPhotoOverlay p em, .style-contrast .ncdPhotoCounter{color: #555} .style-contrast #ncdPhotoCaption p em{color: #EEE} .style-contrast img{box-shadow: 0 2px 10px rgba(0,0,0,0.15);} .style-contrast{background: rgba(255,255,255,0.85) !important} .style-contrast #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(100,100,100, .15); border-right: 3px solid rgba(100,100,100, .15); border-bottom: 3px solid rgba(100,100,100, .15); border-top: 3px solid rgba(100,100,100, .8); } .style-contrast #ncdPhotoCaption{background: #000} .style-contrast #ncdPhotoCounter{color: #222} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #222} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: rgba(0,0,0,0.3); } .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoZoom:before, .style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoClose:after{transition: transform 300ms, border 300ms, box-shadow 300ms, background 300ms;} .style-contrast .ncdPhotoZoom.zoom:before, .style-contrast .ncdPhotoZoom.zoom:after, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:after{background: #FFF;} .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(0,0,0,0.15); border: 2px solid #222;} .ncdPhotoZoom.zoom{border: 2px solid rgba(0,0,0,0.6);} @media screen and (min-width: 800px) { .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoNext, .style-contrast .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255,255,255, 0.00)), to(rgba(255,255,255, 0.4))); background-image: -webkit-radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); } .style-contrast .ncdPhotoZoom:hover, .style-contrast .ncdPhotoClose:hover, .style-contrast .ncdPhotoNext:hover, .style-contrast .ncdPhotoPrev:hover{border: 2px solid #222;} } @media screen and (max-width: 800px) { .style-contrast #ncdPhotoCounter{color: #fff} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #fff} .style-contrast #ncdPhotoControls{ background-color: rgba(0,0,0,0.3); background-image: none;} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: transparent; } .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px transparent; border: 2px solid transparent;} .style-contrast .ncdPhotoZoom.zoom{transform: translateY(0px);} #ncdPhotoBase.style-contrast .ncdPhotoNext.hide, #ncdPhotoBase.style-contrast .ncdPhotoPrev.hide{opacity: 1;} } .processing img{ box-shadow: none !important; } /* Edit Mode */ #stacks_in_239 { margin: 15px 0px 18px 0px; } #stacks_out_239 { width: 61%; } /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ /* @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } */ /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .sf-flexslider { margin: 0; padding: 0; } .sf-flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .sf-flexslider .slides img { width: 100%; display: block; } .sf-flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .sf-flexslider .slides { display: block; } * html .sf-flexslider .slides { height: 1%; } .no-js .sf-flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .sf-flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .sf-flexslider .slides { zoom: 1; } .sf-flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { /*font-family: "flexslider-icon";*/ font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .sf-flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .sf-flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { /*font-family: "flexslider-icon";*/ font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* SuperFlex 3.0.8 */ @font-face { font-family: 'sf-icons'; src: url('fonts/sf-icons.eot'); } @font-face { font-family: 'sf-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R/OYAAAC8AAAAYGNtYXAgVsCMAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zl5qkmkAAAF4AAAB6GhlYWQHMNyTAAADYAAAADZoaGVhBv4DywAAA5gAAAAkaG10eB4ABTYAAAO8AAAAKGxvY2ECLgHGAAAD5AAAABZtYXhwAAwAGQAAA/wAAAAgbmFtZQNRKj8AAAQcAAABknBvc3QAAwAAAAAFsAAAACAAAwO3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4AX//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPT/0QMMA8AAFgAAATIWFxYUBwkBFhQHBiInASY0NwE+ATMC4gwWCBIS/mUBmxISETES/jwSEgHECRYLA8AJCBIxEf5l/mURMRIREQHFETIRAcUICQAAAQDE/8ADPAPAAAUAAAU3CQEnAQLEeP53AYl4/gBAdwGJAYl3/gAAAAEA4//PAx0DsQAVAAATARYyPwE2NCcJATY0LwEmIgcBBhQX4wHLECsPJRAQ/n8BgRAQJQ8rEP41EBABm/40Dw8lECsPAYIBgg8rECUPD/40DywPAAEA9P/AAwwDrwAWAAAFIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwEeDBYIEhIBm/5lEhIRMRIBxBIS/jwJFgtACQgSMREBmwGbETESERH+OxEyEf47CAkAAAABAOP/zwMdA7EAFQAACQEmIg8BBhQXCQEGFB8BFjI3ATY0JwMd/jUQKw8lEBABgf5/EBAlDysQAcsQEAHlAcwPDyUQKw/+fv5+DysQJQ8PAcwPLA8AAAAAAQDE/8ADPAPAAAUAAAEHCQEXAQE8eAGJ/nd4AgADwHf+d/53dwIAAAEAAAABAAC/FVBDXw889QALBAAAAAAA0mrMCwAAAADSaswLAAD/wAM8A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAzwAAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAA9AQAAMQEAADjBAAA9AQAAOMEAADEAAAAAAAKABQAHgBKAF4AiAC0AOAA9AAAAAEAAAAKABcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); font-weight: normal; font-style: normal; } i.sf-control { font-family: 'sf-icons'; font-size: 18px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sf-icon-cl-1:before { content: "\e000"; } .sf-icon-cl-2:before { content: "\e002"; } .sf-icon-cl-3:before { content: "\e001"; } .sf-icon-cr-1:before { content: "\e003"; } .sf-icon-cr-2:before { content: "\e004"; } .sf-icon-cr-3:before { content: "\e005"; } #sf3-folder-check{ margin: 20px 0 10px; } #sf3-folder-check:not(.sf3-error) span{ background: #119115; border-radius: 50px; padding: 8px 15px; } #sf3-folder-check div, #sf3-folder-check.sf3-error{ text-align: center; font-size: 16px; color: #AFFFB7; padding: 10px; } .sf3-error:before{ content:'Folder cannot be found.'; color: #fff; font-weight: bolder; background:#D53F4F; border-radius: 50px;padding: 8px 15px; } #stacks_in_530-sf .sf3-error:after{ content:'http://my-website.com/remote'; color: #D53F4F; font-weight: bolder; background:#fff; margin-left: 15px; border: 2px solid #D53F4F; border-radius: 50px;padding: 8px 15px; } .sf3-error img{ display: none; } #stacks_in_530-sf .flex-control-nav{ bottom: 0; padding: 12px 0 0 !important; position: relative; } #stacks_in_530-sf .flex-control-nav.flex-control-paging li a.flex-active{ background: rgba(36, 181, 227, 1.00); } #stacks_in_530-sf .flex-control-nav.flex-control-paging li a{ background: rgba(17, 17, 17, 0.75); -webkit-transition: background 300ms; transition: background 300ms; } #stacks_in_530-sf ul.slides{ margin:0 !important; padding:0 !important; } #stacks_in_530-sf{ position: relative; z-index: 10; height: auto; } #stacks_in_530-sf, #stacks_in_530-sf .slider.sf-flexslider{ background-color: transparent; overflow: hidden; margin: 0; border: 0; } #stacks_in_530-sf .sf-flexslider{ opacity: 1; margin: 0; border-radius: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; } #stacks_in_530-sf .sf-error{ text-align: center; font-size: 15px; margin: 30px 0; font-weight: bolder; padding: 7px 10px; line-height: 20px; border-radius: 4px; color: #FFF; background: #F78E8F; display: inline-block; } #stacks_in_530-sf .slider.loaded{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Instant Load */ #stacks_in_530-sf .loaded .flex-viewport, #stacks_in_530-sf .slider, #stacks_in_530-sf .flex-viewport{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } #stacks_in_530-sf .sf-flexslider.loading{opacity: 0;} #stacks_in_530-sf{min-height: 70px;} #stacks_in_530-sf .carousel{ background-color: rgba(0, 0, 0, 1.00); line-height: 0; } #stacks_in_530-sf .flex-loading{ width: 50px; height: 50px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 5px solid transparent; border-bottom-color: rgba(25, 165, 223, 1.00); border-top-color: rgba(25, 165, 223, 1.00); -webkit-animation: rotate 500ms linear 0s infinite; animation: rotate 500ms linear 0s infinite; } @media only screen and (max-width: 400px) { #stacks_in_530-sf .flex-loading{ display: none; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_530-sf .sf-flexslider.carousel{ line-height: 0; } #stacks_in_530-sf .sf-flexslider .slides.sf-effect-fade > li.flex-active-slide{ position: relative !important; top: 0 !important; left: 0 !important; } #stacks_in_530-sf .sf-flexslider .slides > li{ position: relative; line-height: normal; } #stacks_in_530-sf .sf-flexslider .slides > li img{ padding-bottom: 0 !important; } #stacks_in_530-sf .sf-flexslider .slides > li, #stacks_in_530-sf .sf-flexslider .carousel > li, #stacks_in_530-sf ul.flex-direction-nav{ background: none inherit; /*margin: 0 !important;*/ opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 0 !important; list-style: none !important; } #stacks_in_530-sf ul.flex-direction-nav li{ background: none inherit; padding: 0 !important; list-style: none !important; } #stacks_in_530-sf .sf-flexslider .slides > li.hero{ text-align: center; } #stacks_in_530-sf .sf-flexslider .slides > li.hero div.sf-hero-background{ background-size: cover; background-position: center; position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_530-sf .sf-hero-bg-crop{ overflow: hidden; position:absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_530-sf .sf-flexslider .slides > li.hero .sf-hero-content{ text-align: center; position: relative; padding: 20% 5%; z-index: 10; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } #stacks_in_530-sf .sf-flexslider .slides > li.hero .sf-hero-tint{ position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_530-sf .sf-flexslider .slides > li.hero h2, #stacks_in_530-sf .sf-flexslider .slides > li.hero p{ text-shadow: none; display: inline-block; margin: 0; text-decoration: none; padding: 5px 0 !important; } #stacks_in_530-sf .sf-flexslider .slides > li.hero a.sf-hero-button{ display: inline-block; text-shadow: none; border-radius: 4px; margin-top: 10px; text-decoration: none; } #stacks_in_530-sf .sf-flexslider .slides > li.youtube .embed-container, #stacks_in_530-sf .sf-flexslider .slides > li.vimeo .embed-container, #stacks_in_530-sf .sf-flexslider .slides > li.map .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 0; overflow: hidden; max-width: 100%; } #stacks_in_530-sf .sf-flexslider .slides > li.instagram .embed-container{ position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #stacks_in_530-sf .sf-flexslider .slides > li .embed-container iframe, #stacks_in_530-sf .sf-flexslider .slides > li .embed-container object, #stacks_in_530-sf .sf-flexslider .slides > li .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #stacks_in_530-sf .sf-flexslider .slides > li .embed-container div.fluid-width-video-wrapper{ padding-top: 56.25% !important; } #stacks_in_530-sf li.hero h2, #stacks_in_530-sf li.hero p, #stacks_in_530-sf li.hero a.sf-hero-button{ opacity: 0; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #stacks_in_530-sf li.hero:not(.flex-active-slide) h2, #stacks_in_530-sf li.hero:not(.flex-active-slide) p, #stacks_in_530-sf li.hero:not(.flex-active-slide) a.sf-hero-button{ -webkit-transition: opacity 300ms !important; transition: opacity 300ms !important; } #stacks_in_530-sf .slider.loaded .flex-active-slide.hero h2, #stacks_in_530-sf .slider.loaded .flex-active-slide.hero p, #stacks_in_530-sf .slider.loaded .flex-active-slide.hero a.sf-hero-button{ opacity: 1; } /* Caption */ #stacks_in_530-sf p.flex-caption { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; background: rgba(0,0,0,0.65); width: 100%; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } #stacks_in_530-sf .slider.loaded p.flex-caption{ -webkit-transition: opacity 300ms 300ms; transition: opacity 300ms 300ms; } #stacks_in_530-sf p.flex-caption span { color: #fff; font-family: Arial; display: block; font-size: 14px; line-height: 140%; text-shadow: none; padding: 2% 3%; } #stacks_in_530-sf .flex-active-slide .caption-wrap, #stacks_in_530-sf .slider.loaded .flex-active-slide p.flex-caption, #stacks_in_530-sf .slider.loaded .flex-active-slide:hover .caption-wrap, #stacks_in_530-sf .caption-wrap{ opacity: 1; } #stacks_in_530-sf .flex-active-slide .caption-wrap{ position: relative; z-index: 100; } #stacks_in_530-sf .caption-wrap{ -webkit-transition: opacity .3s 300ms; transition: opacity .3s 300ms; } li.sf3-slide.hide-caption .caption-wrap{ display: none; } #stacks_in_530-sf .slider.loaded .flex-active-slide .caption-wrap{ opacity: 0; -webkit-transition: opacity .5s 303ms; transition: opacity .5s 30300ms; -webkit-transition: opacity .5s 3300ms; transition: opacity .5s 3300ms; } #stacks_in_530-sf .slider.loaded .flex-active-slide:hover .caption-wrap{ -webkit-transition: opacity .3s !important; transition: opacity .3s !important; } @media only screen and (max-width: 400px) { #stacks_in_530-sf p.flex-caption{ display: none; } } /* Direction */ #stacks_in_530-sf .flex-direction-nav .flex-disabled{display: none;} #stacks_in_530-sf .slider .flex-direction-nav .flex-prev, #stacks_in_530-sf .slider:hover .flex-direction-nav .flex-prev{left: 30px;} #stacks_in_530-sf .slider .flex-direction-nav .flex-next, #stacks_in_530-sf .slider:hover .flex-direction-nav .flex-next{right: 30px;} #stacks_in_530-sf .carousel .flex-direction-nav .flex-prev, #stacks_in_530-sf .carousel:hover .flex-direction-nav .flex-prev{left: 15px;} #stacks_in_530-sf .carousel .flex-direction-nav .flex-next, #stacks_in_530-sf .carousel:hover .flex-direction-nav .flex-next{right: 15px;} #stacks_in_530-sf .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_530-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transition: transform .3s, background-color .3s; -webkit-transition: transform .3s, background-color .3s; transition: transform .3s, background-color .3s; } #stacks_in_530-sf .sf-flexslider .flex-direction-nav .flex-prev { -moz-transform: translateX(-118px); -webkit-transform: translateX(-118px); transform: translateX(-118px); } #stacks_in_530-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transform: translateX(118px); -webkit-transform: translateX(118px); transform: translateX(118px); } #stacks_in_530-sf .sf-flexslider:hover .flex-direction-nav .flex-prev, #stacks_in_530-sf .sf-flexslider:hover .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } #stacks_in_530-sf .flex-direction-nav a { position: absolute; top: 50%; opacity: 1; outline: 0; width: 44px; height: 44px; margin-top: -22.000000px; border-radius: 4px; text-shadow: none; text-indent: 0; z-index: 9999; } #stacks_in_530-sf .flex-direction-nav a {background: rgba(0, 0, 0, 0.50);} #stacks_in_530-sf .flex-direction-nav a:hover {background: rgba(0, 0, 0, 1.00);} #stacks_in_530-sf .flex-direction-nav a:before {display: none;} #stacks_in_530-sf .sf-control{ position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; } #stacks_in_530-sf .sf-control:before, #stacks_in_530-sf .sf-control:after{ -webkit-transition: color 300ms; transition: color 300ms; color: rgba(255, 255, 255, 1.00); } #stacks_in_530-sf .flex-direction-nav a:hover .sf-control:before, #stacks_in_530-sf .flex-direction-nav a:hover .sf-control:after{color: rgba(8, 211, 253, 1.00);} @media only screen and (max-width: 400px) { #stacks_in_530-sf .flex-direction-nav{ opacity: 0; } } @media only screen and (max-width: 400px) { #stacks_in_530-sf.iframe .flex-direction-nav{display: block;} } @media only screen and (max-width: 400px) { #stacks_in_530-sf.iframe .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_530-sf.iframe .sf-flexslider .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Thumbnails */ #stacks_in_530-sf .carousel{ border-radius: 0 0 3px 3px; line-height: 0; margin-top: -1px; border: 6px solid rgba(0, 0, 0, 1.00); } @media only screen and (max-width: 400px) { #stacks_in_530-sf .carousel{ display: none; } } #stacks_in_530-sf .carousel *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #stacks_in_530-sf .carousel .slides li{ width: 70px; margin-right: 0; opacity: 0.65; transition: opacity 150ms; cursor: pointer; overflow: hidden; position: relative; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; } #stacks_in_530-sf .carousel .slides li:before{ content: ''; display: block; padding-top: 70%; } #stacks_in_530-sf .carousel .slides li + li{ margin-left: 5px !important; } #stacks_in_530-sf .carousel .slides li:hover, #stacks_in_530-sf .carousel .slides li.flex-active-slide, #stacks_in_530-sf .carousel .slides li.flex-active-slide:hover{ opacity: 1; } #stacks_in_530-sf .carousel .flex-direction-nav .flex-prev { -moz-transform: translateX(-103px); -webkit-transform: translateX(-103px); transform: translateX(-103px); } #stacks_in_530-sf .carousel .flex-direction-nav .flex-next { -moz-transform: translateX(103px); -webkit-transform: translateX(103px); transform: translateX(103px); } #stacks_in_530-sf .carousel .flex-direction-nav a { background: rgba(0, 0, 0, 0.50); } #stacks_in_530-sf .carousel .flex-direction-nav a:hover { background: rgba(0, 0, 0, 1.00); } #stacks_in_530-sf .carousel .sf-control{ color: rgba(255, 255, 255, 1.00);} #stacks_in_530-sf .carousel .flex-direction-nav a:hover .sf-control{ color: rgba(8, 211, 253, 1.00); } /* Edit */ #stacks_in_530-sf .freeze{ text-align: center; padding: 20px 0; margin: 20px 0; border-radius: 5px; border: 2px solid #2E83F8; } #stacks_in_530-sf .freeze span{ color: #2E83F8; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 600; } #stacks_in_530 { margin: 13px 0px 0px 0px; } #stacks_out_530 { width: 93%; } #stacks_in_310 { padding: 20px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_552 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 180%; line-height: 129%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_552 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_552 { margin: 0px 0px 17px 0px; } #stacks_out_552 { width: 90%; } #stacks_in_553 { margin: 10px 0px 0px 0px; } #stacks_in_556 { margin: 0px 0px 11px 0px; } #stacks_out_556 { width: 90%; } #stacks_in_557 { display:inline-block; width:100%; line-height: 1.350000em; } #stacks_in_330 { margin: 0px 0px 14px 0px; } #stacks_in_76 { margin: 7px 0px 21px 0px; } #stacks_out_76 { width: 90%; } #stacks_in_77 { display:inline-block; width:100%; line-height: 1.650000em; } #stacks_in_558 { margin: 0px 0px 20px 0px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_318 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 180%; line-height: 129%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_318 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_318 { margin: 10px 0px 17px 0px; } #stacks_out_318 { width: 61%; } #stacks_in_319 { margin: 10px 0px 0px 0px; } #stacks_in_325 { margin: 0px 0px 17px 0px; } #stacks_out_325 { width: 61%; } #stacks_in_326 { display:inline-block; width:100%; line-height: 1.350000em; } #stacks_in_332 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_332 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_332 #jwresp_col2_stacks_in_332{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_332 #jwresp_col1_stacks_in_332,#stacks_in_332 #jwresp_col2_stacks_in_332{width:100%;float:none;display:block}#stacks_in_332 #jwresp_col1_stacks_in_332{margin-bottom:15px}} #stacks_out_332 { width: 61%; } #stacks_in_562 { margin: 7px 0px 21px 0px; } #stacks_in_563 { display:inline-block; width:100%; line-height: 1.410000em; } #stacks_in_560 { margin: 13px 0px 0px 0px; } #stacks_in_572 { margin: 20px; } #stacks_out_572 { width: 57%; } #stacks_in_573 { display:inline-block; width:100%; line-height: 1.350000em; font-size: 120%; } #stacks_in_574 { margin: 4px 0px 13px 0px; } #stacks_out_574 { width: 90%; } #stacks_in_575 { display:inline-block; width:100%; line-height: 1.350000em; } #stacks_out_679 { width: 12%; } #stacks_out_681 { width: 38%; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 05, November, 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_577 #fsr_colwrap_stacks_in_577 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_leftcol_stacks_in_577 { float: left; display: block; width: 69%; height: auto; margin: 0; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_leftcol_stacks_in_577 .leftcolpad_stacks_in_577 { padding: 0px 0px 0px 0px; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_rightcol_stacks_in_577 { float: right; display: block; width: 31%; height: auto; margin: 0; padding: 0; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_rightcol_stacks_in_577 .rightcolpad_stacks_in_577 { padding: 0px 0px 0px 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_leftcol_stacks_in_577 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_leftcol_stacks_in_577 .leftcolpad_stacks_in_577 { padding: 0px 0px 0px 0px; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_rightcol_stacks_in_577 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_577 #fsr_colwrap_stacks_in_577 #fsr_rightcol_stacks_in_577 .rightcolpad_stacks_in_577 { padding: 0px 0px 0px 0px; } } #stacks_out_577 { width: 54%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_578 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 200%; line-height: 138%; letter-spacing: -1px; direction: ltr; } #fontStackstacks_in_578 { color: rgba(255, 0, 0, 1.00); } } #stacks_in_578 { margin: 7px 0px 0px 0px; } #stacks_in_580 { margin: 20px 0px 0px 0px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_583 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 250%; line-height: 100%; letter-spacing: -1px; direction: ltr; } #fontStackstacks_in_583 { color: rgba(255, 0, 0, 1.00); } } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 05, November, 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_579 #fsr_colwrap_stacks_in_579 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_leftcol_stacks_in_579 { float: left; display: block; width: 69%; height: auto; margin: 0; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_leftcol_stacks_in_579 .leftcolpad_stacks_in_579 { padding: 0px 0px 0px 0px; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_rightcol_stacks_in_579 { float: right; display: block; width: 31%; height: auto; margin: 0; padding: 0; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_rightcol_stacks_in_579 .rightcolpad_stacks_in_579 { padding: 0px 0px 0px 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_leftcol_stacks_in_579 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_leftcol_stacks_in_579 .leftcolpad_stacks_in_579 { padding: 0px 0px 0px 0px; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_rightcol_stacks_in_579 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_579 #fsr_colwrap_stacks_in_579 #fsr_rightcol_stacks_in_579 .rightcolpad_stacks_in_579 { padding: 0px 0px 0px 0px; } } #stacks_out_579 { width: 92%; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_591 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 150%; line-height: 106%; letter-spacing: -1px; direction: ltr; } #fontStackstacks_in_591 { color: rgba(255, 0, 0, 1.00); } } #stacks_in_591 { margin: 7px 0px 0px 0px; } #stacks_in_592 { margin: 20px 0px 0px 0px; } @media all { #uniqueElement, .classElement, #fontStackstacks_in_595 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 200%; line-height: 100%; letter-spacing: -1px; direction: ltr; } #fontStackstacks_in_595 { color: rgba(255, 0, 0, 1.00); } } /* ------------------------------------------- File: 'Blueball FreeStacks' fsseethrough.css Style Sheet Created: 24, July, 2011 Last Modified: 7, May, 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2011-2012 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_723_wrapper { } #stacks_in_723_wrapper #stacks_in_723_transbackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); opacity: 0.0; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } #stacks_in_723 { background-color: rgba(15, 34, 80, 1.00); } @media all { #uniqueElement, .classElement, #fontStackstacks_in_724 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 100%; line-height: 170%; letter-spacing: 0px; direction: ltr; } #fontStackstacks_in_724 { color: rgba(255, 255, 255, 1.00); } } #stacks_in_724 { margin: 0px 0px 25px 0px; padding: 17px 0px 0px 0px; } #stacks_out_724 { width: 55%; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 05, November, 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_725 #fsr_colwrap_stacks_in_725 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_leftcol_stacks_in_725 { float: left; display: block; width: 39%; height: auto; margin: 0; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_leftcol_stacks_in_725 .leftcolpad_stacks_in_725 { padding: 0px 0px 0px 0px; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_rightcol_stacks_in_725 { float: right; display: block; width: 61%; height: auto; margin: 0; padding: 0; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_rightcol_stacks_in_725 .rightcolpad_stacks_in_725 { padding: 0px 0px 0px 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_leftcol_stacks_in_725 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_leftcol_stacks_in_725 .leftcolpad_stacks_in_725 { padding: 0px 0px 0px 0px; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_rightcol_stacks_in_725 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_725 #fsr_colwrap_stacks_in_725 #fsr_rightcol_stacks_in_725 .rightcolpad_stacks_in_725 { padding: 0px 0px 0px 0px; } }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 05, November, 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_729 #fsr_colwrap_stacks_in_729 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_leftcol_stacks_in_729 { float: left; display: block; width: 50%; height: auto; margin: 0; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_leftcol_stacks_in_729 .leftcolpad_stacks_in_729 { padding: 0px 0px 0px 0px; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_rightcol_stacks_in_729 { float: right; display: block; width: 50%; height: auto; margin: 0; padding: 0; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_rightcol_stacks_in_729 .rightcolpad_stacks_in_729 { padding: 0px 0px 0px 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_leftcol_stacks_in_729 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_leftcol_stacks_in_729 .leftcolpad_stacks_in_729 { padding: 0px 0px 0px 0px; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_rightcol_stacks_in_729 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_729 #fsr_colwrap_stacks_in_729 #fsr_rightcol_stacks_in_729 .rightcolpad_stacks_in_729 { padding: 0px 0px 0px 0px; } } #stacks_in_729 { margin: 10px 0px 0px 0px; padding: 21px 0px 10px 0px; } #stacks_out_729 { width: 94%; margin-left:0; } #stacks_in_733 { margin: 5px 0px 0px 0px; } #stacks_in_736 { margin: 20px 0px 0px 0px; } #stacks_in_738 { display:inline-block; width:100%; line-height: 1.440000em; } /* */ #stacks_in_739 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; } #stacks_in_739 {width: 100%; font-size: 14px;} #stacks_in_739,#stacks_in_739 * {line-height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #stacks_in_739 .robotNick{display:none!important} #stacks_in_739 label{display:none} #stacks_in_739 label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_739 select{color:#aaa}.php{display:none} #stacks_in_739 .info{color:#00529B;background-color:#BDE5F8} #stacks_in_739 .success{color:#4F8A10;background-color:#DFF2BF} #stacks_in_739 .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_739 .error{color:#D8000C;background-color:#FFBABA} #stacks_in_739 textarea{resize:vertical;} #stacks_in_739 .submitMessage, #stacks_in_739 .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; animation: animate-bg 5s linear infinite; -webkit-animation: animate-bg 5s linear infinite; -moz-animation: animate-bg 5s linear infinite; border-radius:3px; max-width: 301px; } #stacks_in_739 .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_739 .error, #stacks_in_739 .errorMessage { background-color: #DE4343; border-color: rgba(0,0,0,0.25); } #stacks_in_739 .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_739 .success { background-color: #61B832; border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_739 .submitMessage h3 { margin: 0 0 5px 0 !important; } #stacks_in_739 .submitMessage p { margin: 0; } @keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-webkit-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-moz-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } /* ---------------------------------------- */ #stacks_in_739 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_739 a { text-decoration: none; } #stacks_in_739 .header-stacks_in_739, #stacks_in_739 form { /* padding: 15px 10%;*/ padding: 15px 50px; } #stacks_in_739 form { background: #62B1E4; background: transparent; } #stacks_in_739 form .note { display: block; font-size: 85%; color: #a2a2a2; margin: 0 0 5px 10px; } #stacks_in_739 .header-stacks_in_739 { background-color: #077ABC; color: white; text-align: center; } #stacks_in_739 .header-stacks_in_739 h1 { font-weight: 400; text-transform: uppercase; font-size: 36px; margin-bottom: 10px; } #stacks_in_739 .header-stacks_in_739 h1 i { color: #055a8b; } #stacks_in_739 .header-stacks_in_739 h1 span { font-weight: 300; } #stacks_in_739 .header-stacks_in_739 p { font-weight: 400; font-size: 16px; color: rgba(255, 255, 255, 0.9); letter-spacing: .05em; margin-bottom: 10px; } #stacks_in_739 .header-stacks_in_739 h3, #stacks_in_739 .header-stacks_in_739 h3 a { color: #32CCFE; } #stacks_in_739 .header-stacks_in_739 h3 a, #stacks_in_739 .header-stacks_in_739 h3 a a { -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_739 .header-stacks_in_739 h3 a:hover, #stacks_in_739 .header-stacks_in_739 h3 a a:hover { color: white; } #stacks_in_739 #stacks_in_739 form-group { margin-bottom: 20px; } #stacks_in_739 .heading { font-weight: 300; text-align: left; border-bottom: 1px solid; padding-bottom: 3px; margin-bottom: 15px; display: block; } #stacks_in_739 h1.heading { font-size: 20px; } #stacks_in_739 h2.heading { font-size: 18px; } #stacks_in_739 h3.heading { font-size: 18px; border-bottom: 0px solid; } #stacks_in_739 h4.heading { font-size: 16px; border-bottom: 0px solid; } #stacks_in_739 em.heading { font-weight: 300; border: 0px solid; margin: 0; padding: 0; } #stacks_in_739 strong.heading { font-weight: bold; border: 0px solid; margin: 0; padding: 0; padding-bottom: 3px; margin-bottom: 15px; } #stacks_in_739 span.heading { font-weight: 300; border: 0px solid; margin: 0; padding: 0; padding-bottom: 3px; margin-bottom: 15px; } #stacks_in_739 .controls { text-align: left; position: relative; margin-bottom: 15px; width: 100%; max-width: 301px; } #stacks_in_739 .controls .fileUpload { position: relative; overflow: hidden; padding: 12px; border: 1px solid #c6c6c6; margin-bottom: 0px; font-size: 14px; font-weight: 300; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #1F7DC1; border: none; color: #fff; padding: 0px 0; line-height: 44px; width: 96px; vertical-align: bottom; margin: 0; box-shadow: 0px 0px 0px rgba(0,0,0,0); } #stacks_in_739 .controls .fileUpload:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_739 .controls .fileUpload input.upload { position: absolute; height: 44px; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #stacks_in_739 input.upload.hasError { border-color: red; opacity: 1 !important; } #stacks_in_739 .controls input[type="text"], #stacks_in_739 .controls input[type="email"], #stacks_in_739 .controls input[type="tel"], #stacks_in_739 .controls input[type="url"], #stacks_in_739 .controls input[type="date"], #stacks_in_739 .controls input[type="number"], #stacks_in_739 .controls input[disabled="disabled"], #stacks_in_739 .controls input[readonly], #stacks_in_739 .controls textarea, #stacks_in_739 .controls > button, #stacks_in_739 .controls select { padding: 12px; font-size: 14px; border: 1px solid #0F2250; max-width: 301px; width: 100%; margin-bottom: 0px; color: #FFFFFF; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; background-color: #62B1E4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0; height: auto; } #stacks_in_739 .controls select { line-height: 22px; padding: 10px 12px; } #stacks_in_739 .controls input:-webkit-autofill, #stacks_in_739 .controls textarea:-webkit-autofill, #stacks_in_739 .controls select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #62B1E4 inset; color: #FFFFFF !important; } #stacks_in_739 .controls input:disabled { color: #FFFFFF !important; } #stacks_in_739 .controls input[disabled="disabled"] { width: 201px; opacity: 1; } #stacks_in_739 .controls input[type="text"].hasError, #stacks_in_739 .controls input[type="email"].hasError, #stacks_in_739 .controls input[type="tel"].hasError, #stacks_in_739 .controls input[type="url"].hasError, #stacks_in_739 .controls input[type="date"].hasError, #stacks_in_739 .controls input[type="number"].hasError, #stacks_in_739 .controls textarea.hasError, #stacks_in_739 .controls button.hasError, #stacks_in_739 .controls select.hasError { border-color: red; } #stacks_in_739 .controls textarea { margin-bottom: 2px; white-space: pre-line; padding-top: 12px; } #stacks_in_739 .controls input[type="text"]:focus,#stacks_in_739 .controls input[type="text"]:hover, #stacks_in_739 .controls input[type="email"]:focus, #stacks_in_739 .controls input[type="email"]:hover, #stacks_in_739 .controls input[type="tel"]:focus, #stacks_in_739 .controls input[type="tel"]:hover, #stacks_in_739 .controls textarea:focus, #stacks_in_739 .controls textarea:hover, #stacks_in_739 .controls button:focus, #stacks_in_739 .controls button:hover, #stacks_in_739 .controls select:focus, #stacks_in_739 .controls select:hover { outline: none; border-color: #0F2250; } #stacks_in_739 .controls input[type="text"]:focus + label, #stacks_in_739 .controls input[type="text"]:hover + label, #stacks_in_739 .controls input[type="email"]:focus + label, #stacks_in_739 .controls input[type="email"]:hover + label, #stacks_in_739 .controls input[type="tel"]:focus + label, #stacks_in_739 .controls input[type="tel"]:hover + label, #stacks_in_739 .controls textarea:focus + label, #stacks_in_739 .controls textarea:hover + label, #stacks_in_739 .controls button:focus + label, #stacks_in_739 .controls button:hover + label, #stacks_in_739 .controls select:focus + label, #stacks_in_739 .controls select:hover + label { color: #FFFFFF; cursor: text; } #stacks_in_739 .controls .dateIcon { position: absolute; right: 10px; top: 14px; fill: #FFFFFF; width: 16px; height: 16px; pointer-events: none; } #stacks_in_739 .controls select { -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } #stacks_in_739 div[type="stacks-pin"] { display: none; } #stacks_in_739 .controls label { position: absolute; left: 8px; top: 12px; color: #FFFFFF; border-radius: 3px; font-size: 16px; line-height: 22px; display: inline-block; padding: 0px 10px 0px; font-weight: 400; background-color: rgba(255, 255, 255, 0); -moz-transition: color 0.3s, top 0.3s, background-color 0.8s; -o-transition: color 0.3s, top 0.3s, background-color 0.8s; -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s; transition: color 0.3s, top 0.3s, background-color 0.8s; /* white-space: nowrap;*/ } #stacks_in_739 .controls .dummyLabel { color: #FFFFFF; } #stacks_in_739 .controls label.active { top: -11px; color: #FFFFFF; background-color: #62B1E4; } #stacks_in_739 .controls textarea { resize: none; height: 200px; } #stacks_in_739 .controls > button { cursor: pointer; background-color: #1F7DC1; border: none; color: #fff; padding: 12px 0; } #stacks_in_739 .controls > button:hover { background-color: #1F7DC1; } #stacks_in_739 .controls input[type=checkbox] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; } #stacks_in_739 .controls input[type=checkbox]:after { cursor: pointer; content: " "; background-color: #62B1E4; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #0F2250; line-height: 20px; text-align: center; position: relative; left: 0px; } #stacks_in_739 .controls input[type=checkbox]:checked:after { content: "\2714"; color: #FFFFFF; } #stacks_in_739 .label { display: inline; padding: 12px; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; position: absolute; left: -40px; background: inherit; } #stacks_in_739 form > span { display: inline-block; max-width: 301px; line-height: 1.1; vertical-align: middle; font-size: 90%; white-space: normal; } #stacks_in_739 form .help i { display: inline-block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: default; font-style: normal; } #stacks_in_739 form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_739 form .help i:after { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: -2px; z-index: 2; } #stacks_in_739 form .help > span { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; position: absolute; left: 5px; top: 40px; z-index: 1; width: 160px; padding: 7px 10px 9px 10px; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); /* general */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF585854', endColorstr='#FF585854'); /* IE */ background-color: #585854; /* fallback */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6D6D67', endColorstr='#FF585854'); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #stacks_in_739 form .help i:hover:after { display: block; } #stacks_in_739 form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_739 form .note { display: block; font-size: 85%; color: #FFFFFF; margin: 5px 0 0 5px; max-width: 260px; } #stacks_in_739 form .hint, #stacks_in_739 form .message { position: relative; left: 0; color: #6f6f6f; padding: 9px 10px 7px 10px; margin-left: 10px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); /* general */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F6', endColorstr='#FFF7F7F6'); /* IE */ background-color: #f7f7f6; /* fallback */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F6'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.3); vertical-align: top; } #stacks_in_739 form .hint:before, #stacks_in_739 form .hint:after, #stacks_in_739 form .message:before, #stacks_in_739 form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: rgba(255, 255, 255, 0) #f7f7f6 rgba(255, 255, 255, 0); position: absolute; top: 14px; left: -8px; margin-top: -8px; z-index: 2; } #stacks_in_739 form .hint:after, #stacks_in_739 form .message:after { border-right-color: rgba(0,0,0,0.3); left: -9px; z-index: 1; } #stacks_in_739 form .hint { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 320px; } #stacks_in_739 form .hint.always_visible { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; position: relative; left: 0; } #stacks_in_739 form .message ~ .hint { display: none; } #stacks_in_739 form .controls input:focus ~ .hint, #stacks_in_739 form .controls select:focus ~ .hint, #stacks_in_739 form .controls textarea:focus ~ .hint{ -moz-transition: all 0.29s ease; -o-transition: all 0.29s ease; -webkit-transition: all 0.29s ease; transition: all 0.29s ease; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 100%; width: 100%; } #stacks_in_739 form .controls input:focus ~ .hint.always_visible, #stacks_in_739 form .controls select:focus ~ .hint.always_visible, #stacks_in_739 form .controls textarea:focus ~ .hint.always_visible { left: 0; } #stacks_in_739 form .success .message, #stacks_in_739 form .warning .message, #stacks_in_739 form .error .message { padding-left: 29px; max-width: 261px; } #stacks_in_739 form .success .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px; background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_739 form .warning .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px; background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_739 form .error .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px; background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_739 .captchaImage { vertical-align: middle; border-radius: 3px; width: 50px; height: 24px; text-align: center; float: right; box-sizing: content-box; border-width: 10px 0px; } #stacks_in_739 .controls input[type="text"].captchaSize { max-width: 225px; } /* ======================================= NARROW MODE ======================================= */ /* ======================================= RESPONSIVE ======================================= */ #stacks_in_739 form.labels_top .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_739 form.labels_top .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_739 form.labels_top .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_739 form.labels_top .label.help > span { left: 60%; top: 27px; } #stacks_in_739 form.labels_top .value { padding-top: 2px; } #stacks_in_739 form.labels_top .required label:after { right: 0; top: 0; } #stacks_in_739 form.labels_top .required label.help i { right: -19px; } /* #stacks_in_739 form.labels_top .input { margin: 0 0 5px 0; } */ #stacks_in_739 form.messages_bottom .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; top: -10px; } #stacks_in_739 form.messages_bottom .hint ~ .note, #stacks_in_739 form.messages_bottom .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_739 form.messages_bottom .message ~ .hint { display: none; } #stacks_in_739 form.messages_bottom .hint, #stacks_in_739 form.messages_bottom .message { display: block; position: relative; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_739 form.messages_bottom .hint:before, #stacks_in_739 form.messages_bottom .hint:after, #stacks_in_739 form.messages_bottom .message:before, #stacks_in_739 form.messages_bottom .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_739 form.messages_bottom .hint:after, #stacks_in_739 form.messages_bottom .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_739 form.messages_bottom .hint:hover, #stacks_in_739 form.messages_bottom .message:hover { left: 0; } #stacks_in_739 form.messages_bottom .controls input:focus ~ .hint, #stacks_in_739 form.messages_bottom .controls select:focus ~ .hint, #stacks_in_739 form.messages_bottom .controls textarea:focus ~ .hint { left: 0; } #stacks_in_739 form.messages_bottom .success .message, #stacks_in_739 form.messages_bottom .warning .message, #stacks_in_739 form.messages_bottom .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_739 form.messages_bottom .success .message ~ .hint, #stacks_in_739 form.messages_bottom .warning .message ~ .hint, #stacks_in_739 form.messages_bottom .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_739 form.messages_bottom .success .message ~ .hint:before, #stacks_in_739 form.messages_bottom .success .message ~ .hint:after, #stacks_in_739 form.messages_bottom .warning .message ~ .hint:before, #stacks_in_739 form.messages_bottom .warning .message ~ .hint:after, #stacks_in_739 form.messages_bottom .error .message ~ .hint:before, #stacks_in_739 form.messages_bottom .error .message ~ .hint:after { display: none; } @media screen and (max-width: 1024px) { #stacks_in_739 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_739 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_739 form .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_739 form .label.help > span { left: 60%; top: 27px; } #stacks_in_739 form .value { padding-top: 2px; } #stacks_in_739 form .required label:after { right: 0; top: 0; } #stacks_in_739 form .required label.help i { /* right: -19px;*/ } /* #stacks_in_739 form .input { margin: 0 0 5px 0; } */ } /* ======================================= 768px MEDIA QUERY ======================================= */ @media screen and (max-width: 768px) { #stacks_in_739 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_739 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_739 form .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_739 form .label.help > span { left: 60%; top: 27px; } #stacks_in_739 form .value { padding-top: 2px; } #stacks_in_739 form .required label:after { right: 0; top: 0; } #stacks_in_739 form .required label.help i { /* right: -19px;*/ } /* #stacks_in_739 form .input { margin: 0 0 5px 0; } */ #stacks_in_739 form .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; max-width: 301px; } #stacks_in_739 form .hint ~ .note, #stacks_in_739 form .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_739 form .message ~ .hint { display: none; } #stacks_in_739 form .hint, #stacks_in_739 form .message { display: block; position: relative; left: 0; max-width: 301px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_739 form .hint:before, #stacks_in_739 form .hint:after, #stacks_in_739 form .message:before, #stacks_in_739 form .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_739 form .hint:after, #stacks_in_739 form .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_739 form .hint:hover, #stacks_in_739 form .message:hover { left: 0; } #stacks_in_739 form .controls input:focus ~ .hint, #stacks_in_739 form .controls select:focus ~ .hint, #stacks_in_739 form .controls textarea:focus ~ .hint { left: 0; } #stacks_in_739 form .success .message, #stacks_in_739 form .warning .message, #stacks_in_739 form .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_739 form .success .message ~ .hint, #stacks_in_739 form .warning .message ~ .hint, #stacks_in_739 form .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_739 form .success .message ~ .hint:before, #stacks_in_739 form .success .message ~ .hint:after, #stacks_in_739 form .warning .message ~ .hint:before, #stacks_in_739 form .warning .message ~ .hint:after, #stacks_in_739 form .error .message ~ .hint:before, #stacks_in_739 form .error .message ~ .hint:after { display: none; } #stacks_in_739 .controls .fileUpload { position: absolute; right: 0px; width: 100px; top: 0px; } #stacks_in_739 .controls input[disabled="disabled"] { width: 100%; } #stacks_in_739 .captchaImage { margin: 0 auto; display: block; /* width: 100px;*/ height: auto; } #stacks_in_739 .controls { max-width: 301px; } #stacks_in_739 form .label.help > span { left: 10px; top: 41px; } #stacks_in_739 .controls input[type="text"].captchaSize { max-width: 100%; } #stacks_in_739 .captchaImage { width: 50px; position: absolute; z-index: 1; right: 0px; top: 0px; } } /* ======================================= EXTRA NARROW MODE ======================================= */ #stacks_in_739 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_739 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_739 form .label.help i { } #stacks_in_739 form .label.help > span { left: 60%; top: 27px; } #stacks_in_739 form .value { padding-top: 2px; } #stacks_in_739 form .required label:after { right: 0; top: 0; } #stacks_in_739 form .required label.help i { } #stacks_in_739 form .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; max-width: 301px; } #stacks_in_739 form .hint ~ .note, #stacks_in_739 form .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_739 form .message ~ .hint { display: none; } #stacks_in_739 form .hint, #stacks_in_739 form .message { display: block; position: relative; left: 0; max-width: 301px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_739 form .hint:before, #stacks_in_739 form .hint:after, #stacks_in_739 form .message:before, #stacks_in_739 form .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_739 form .hint:after, #stacks_in_739 form .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_739 form .hint:hover, #stacks_in_739 form .message:hover { left: 0; } #stacks_in_739 form .controls input:focus ~ .hint, #stacks_in_739 form .controls select:focus ~ .hint, #stacks_in_739 form .controls textarea:focus ~ .hint { left: 0; } #stacks_in_739 form .success .message, #stacks_in_739 form .warning .message, #stacks_in_739 form .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_739 form .success .message ~ .hint, #stacks_in_739 form .warning .message ~ .hint, #stacks_in_739 form .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_739 form .success .message ~ .hint:before, #stacks_in_739 form .success .message ~ .hint:after, #stacks_in_739 form .warning .message ~ .hint:before, #stacks_in_739 form .warning .message ~ .hint:after, #stacks_in_739 form .error .message ~ .hint:before, #stacks_in_739 form .error .message ~ .hint:after { display: none; } #stacks_in_739 .controls .fileUpload { position: absolute; right: 0px; width: 100px; top: 0px; } #stacks_in_739 .controls input[disabled="disabled"] { width: 100%; } #stacks_in_739 .captchaImage { margin: 0 auto; display: block; /* width: 100px;*/ height: auto; } #stacks_in_739 .submitMessage, #stacks_in_739 .errorMessage, #stacks_in_739 .controls, #stacks_in_739 form > span, #stacks_in_739 form .hint, #stacks_in_739 form .note, #stacks_in_739 .controls input[type="text"], #stacks_in_739 .controls input[type="email"], #stacks_in_739 .controls input[type="tel"], #stacks_in_739 .controls input[type="url"], #stacks_in_739 .controls input[type="date"], #stacks_in_739 .controls input[type="number"], #stacks_in_739 .controls input[disabled="disabled"], #stacks_in_739 .controls input[readonly], #stacks_in_739 .controls textarea, #stacks_in_739 .controls > button, #stacks_in_739 .controls select, #stacks_in_739 .controls input[type="text"].captchaSize { max-width: 100%; } #stacks_in_739 .header-stacks_in_739, #stacks_in_739 form { padding: 15px 40px; } #stacks_in_739 form .label.help > span { left: 10px; top: 41px; } #stacks_in_739 .captchaImage { width: 50px; position: absolute; z-index: 1; right: 0px; top: 0px; } /* ======================================= CUSTOM FIT MODE ======================================= */ /* ======================================= Autoreply ======================================= */ #stacks_in_739 .autoreply { border-radius: 4px; background: #1656a5; padding: 5px; } #stacks_in_739 .autoreply h5 { color: #999; margin: 10px 0px 5px 0px; padding: 0px; font-size: 20px; line-height: 22px; } #stacks_in_739 .autoreply .title { color: #f1f1f1; font-size: 22px; line-height: 24px; display: block; padding: 15px; box-sizing: border-box; } #stacks_in_739 .autoreply .content { padding: 20px; display: block; background: #f1f1f1; } #stacks_in_739 .autoreply {display: none;} #stacks_in_739 .autoreply {display: none;} #stacks_in_739 .bootstrap-datetimepicker-widget table td span { line-height: 54px !important; } #stacks_in_739 .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5em !important; } #stacks_in_739 .bootstrap-datetimepicker-widget table td.active { color: #fff !important; } #stacks_in_739 .hideSlice { display: none !important; } /* ======================================= Customization / More Styles / Advanced Styles ======================================= */ #stacks_in_739 { font-family: 'Open Sans'; font-weight: 500; } #stacks_in_739 .controls input[type="text"], #stacks_in_739 .controls input[type="email"], #stacks_in_739 .controls input[type="tel"], #stacks_in_739 .controls input[type="url"], #stacks_in_739 .controls input[type="date"], #stacks_in_739 .controls input[type="number"], #stacks_in_739 .controls input[disabled="disabled"], #stacks_in_739 .controls input[readonly], #stacks_in_739 .controls textarea, #stacks_in_739 .controls > button, #stacks_in_739 .controls select { padding: 9.500000px 12px; font-size: 14px; /* height: 33px;*/ /* line-height: 33px;*/ line-height: 22px; border-radius: 2px; border-width: 0px; font-family: 'Open Sans'; font-weight: 500; } #stacks_in_739 .controls .fileUpload { height: 41px; line-height: 41px; border-radius: 2px; font-family: 'Open Sans'; font-weight: 500; } #stacks_in_739 .heading { font-family: 'Open Sans'; } #stacks_in_739 .captchaImage, #stacks_in_739 .dummyCaptcha{ border-radius: 2px; border-width: 4.500000px 0px 4.500000px 0px; } #stacks_in_739 .controls { margin-bottom: 15px; } #stacks_in_739 .controls label { top: 9.500000px; left: 9px; font-size: 14px; font-weight: 500; /* line-height: 14px; */ line-height: 22px; /* padding-bottom: 0px; */ /* border-radius: 2px;*/ } #stacks_in_739 .controls label.active { top: -%( 7.000000 - %( 0 )% )%px; } #stacks_in_739 h2.heading { font-size: 16px; } #stacks_in_739 .controls .dateIcon { right: 12px; top: 11.500000px; fill: #FFFFFF; width: 14px; height: 14px; } /* ======================================= IE tweaks ======================================= */ .ie8 #stacks_in_739 form .help i:hover:after { display: none; } .ie8 #stacks_in_739 form .help > span { top: 25px; } .ie8 #stacks_in_739 form.labels_top .help > span { top: 20px; } .ie8 #stacks_in_739 form .hint:before, .ie8 #stacks_in_739 form .hint:after, .ie8 #stacks_in_739 form .message:before, .ie8 #stacks_in_739 form .message:after { display: none; } .ie8 #stacks_in_739 form .hint { display: none; } .ie8 #stacks_in_739 form .hint.always_visible { display: inline-block; } .ie8 #stacks_in_739 form .controls input:focus ~ .hint, .ie8 #stacks_in_739 form .controls select:focus ~ .hint, .ie8 #stacks_in_739 form .controls textarea:focus ~ .hint { display: block; } .ie8 #stacks_in_739 form .controls input:focus ~ .hint.always_visible, .ie8 #stacks_in_739 form .controls select:focus ~ .hint.always_visible, .ie8 #stacks_in_739 form .controls textarea:focus ~ .hint.always_visible { display: inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_739 .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_739 table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_739 .collapse.in { height: auto; } #stacks_in_739 .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } #stacks_in_739 .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } #stacks_in_739 .hiddenFormSubmit { display: none; } #stacks_in_739 { margin: 20px 0px 0px 0px; } /* * Super Forms - Input * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_742 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_742 .controls.hidden { display: none; } #stacks_in_742 .controls.hidden.field-number { display: block; opacity: .8; } /* * Super Forms - Input * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_743 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_743 .controls.hidden { display: none; } #stacks_in_743 .controls.hidden.field-number { display: block; opacity: .8; } /* * Super Forms - Email * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_744 { overflow: visible; display: inline-block; width: 100%; } /* * Super Forms - Select * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_745 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_726 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_726 .jwresp_col{overflow:hidden;margin:0;width:56%; float:left;}#stacks_in_726 #jwresp_col2_stacks_in_726{ float:right; width:36%}@media screen and (max-width:320px){#stacks_in_726 #jwresp_col1_stacks_in_726,#stacks_in_726 #jwresp_col2_stacks_in_726{width:100%;float:none;display:block}#stacks_in_726 #jwresp_col1_stacks_in_726{margin-bottom:15px}} #stacks_in_726 { margin: 20px 0px 0px 0px; } #stacks_out_726 { width: 79%; } #stacks_in_756 { margin: 10px 0px 0px 0px; } #stacks_out_756 { margin-right:0; } /* */ #stacks_in_727 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; } #stacks_in_727 {width: 100%; font-size: 14px;} #stacks_in_727,#stacks_in_727 * {line-height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #stacks_in_727 .robotNick{display:none!important} #stacks_in_727 label{display:none} #stacks_in_727 label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_727 select{color:#aaa}.php{display:none} #stacks_in_727 .info{color:#00529B;background-color:#BDE5F8} #stacks_in_727 .success{color:#4F8A10;background-color:#DFF2BF} #stacks_in_727 .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_727 .error{color:#D8000C;background-color:#FFBABA} #stacks_in_727 textarea{resize:vertical;} #stacks_in_727 .submitMessage, #stacks_in_727 .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; animation: animate-bg 5s linear infinite; -webkit-animation: animate-bg 5s linear infinite; -moz-animation: animate-bg 5s linear infinite; border-radius:3px; max-width: 301px; } #stacks_in_727 .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_727 .error, #stacks_in_727 .errorMessage { background-color: #DE4343; border-color: rgba(0,0,0,0.25); } #stacks_in_727 .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_727 .success { background-color: #61B832; border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_727 .submitMessage h3 { margin: 0 0 5px 0 !important; } #stacks_in_727 .submitMessage p { margin: 0; } @keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-webkit-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-moz-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } /* ---------------------------------------- */ #stacks_in_727 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_727 a { text-decoration: none; } #stacks_in_727 .header-stacks_in_727, #stacks_in_727 form { /* padding: 15px 10%;*/ padding: 15px 50px; } #stacks_in_727 form { background: #62B1E4; background: transparent; } #stacks_in_727 form .note { display: block; font-size: 85%; color: #a2a2a2; margin: 0 0 5px 10px; } #stacks_in_727 .header-stacks_in_727 { background-color: #077ABC; color: white; text-align: center; } #stacks_in_727 .header-stacks_in_727 h1 { font-weight: 400; text-transform: uppercase; font-size: 36px; margin-bottom: 10px; } #stacks_in_727 .header-stacks_in_727 h1 i { color: #055a8b; } #stacks_in_727 .header-stacks_in_727 h1 span { font-weight: 300; } #stacks_in_727 .header-stacks_in_727 p { font-weight: 400; font-size: 16px; color: rgba(255, 255, 255, 0.9); letter-spacing: .05em; margin-bottom: 10px; } #stacks_in_727 .header-stacks_in_727 h3, #stacks_in_727 .header-stacks_in_727 h3 a { color: #32CCFE; } #stacks_in_727 .header-stacks_in_727 h3 a, #stacks_in_727 .header-stacks_in_727 h3 a a { -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_727 .header-stacks_in_727 h3 a:hover, #stacks_in_727 .header-stacks_in_727 h3 a a:hover { color: white; } #stacks_in_727 #stacks_in_727 form-group { margin-bottom: 20px; } #stacks_in_727 .heading { font-weight: 300; text-align: left; border-bottom: 1px solid; padding-bottom: 3px; margin-bottom: 15px; display: block; } #stacks_in_727 h1.heading { font-size: 20px; } #stacks_in_727 h2.heading { font-size: 18px; } #stacks_in_727 h3.heading { font-size: 18px; border-bottom: 0px solid; } #stacks_in_727 h4.heading { font-size: 16px; border-bottom: 0px solid; } #stacks_in_727 em.heading { font-weight: 300; border: 0px solid; margin: 0; padding: 0; } #stacks_in_727 strong.heading { font-weight: bold; border: 0px solid; margin: 0; padding: 0; padding-bottom: 3px; margin-bottom: 15px; } #stacks_in_727 span.heading { font-weight: 300; border: 0px solid; margin: 0; padding: 0; padding-bottom: 3px; margin-bottom: 15px; } #stacks_in_727 .controls { text-align: left; position: relative; margin-bottom: 15px; width: 100%; max-width: 301px; } #stacks_in_727 .controls .fileUpload { position: relative; overflow: hidden; padding: 12px; border: 1px solid #c6c6c6; margin-bottom: 0px; font-size: 14px; font-weight: 300; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #1F7DC1; border: none; color: #fff; padding: 0px 0; line-height: 44px; width: 96px; vertical-align: bottom; margin: 0; box-shadow: 0px 0px 0px rgba(0,0,0,0); } #stacks_in_727 .controls .fileUpload:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_727 .controls .fileUpload input.upload { position: absolute; height: 44px; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #stacks_in_727 input.upload.hasError { border-color: red; opacity: 1 !important; } #stacks_in_727 .controls input[type="text"], #stacks_in_727 .controls input[type="email"], #stacks_in_727 .controls input[type="tel"], #stacks_in_727 .controls input[type="url"], #stacks_in_727 .controls input[type="date"], #stacks_in_727 .controls input[type="number"], #stacks_in_727 .controls input[disabled="disabled"], #stacks_in_727 .controls input[readonly], #stacks_in_727 .controls textarea, #stacks_in_727 .controls > button, #stacks_in_727 .controls select { padding: 12px; font-size: 14px; border: 1px solid #0F2250; max-width: 301px; width: 100%; margin-bottom: 0px; color: #FFFFFF; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; background-color: #62B1E4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0; height: auto; } #stacks_in_727 .controls select { line-height: 22px; padding: 10px 12px; } #stacks_in_727 .controls input:-webkit-autofill, #stacks_in_727 .controls textarea:-webkit-autofill, #stacks_in_727 .controls select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #62B1E4 inset; color: #FFFFFF !important; } #stacks_in_727 .controls input:disabled { color: #FFFFFF !important; } #stacks_in_727 .controls input[disabled="disabled"] { width: 201px; opacity: 1; } #stacks_in_727 .controls input[type="text"].hasError, #stacks_in_727 .controls input[type="email"].hasError, #stacks_in_727 .controls input[type="tel"].hasError, #stacks_in_727 .controls input[type="url"].hasError, #stacks_in_727 .controls input[type="date"].hasError, #stacks_in_727 .controls input[type="number"].hasError, #stacks_in_727 .controls textarea.hasError, #stacks_in_727 .controls button.hasError, #stacks_in_727 .controls select.hasError { border-color: red; } #stacks_in_727 .controls textarea { margin-bottom: 2px; white-space: pre-line; padding-top: 12px; } #stacks_in_727 .controls input[type="text"]:focus,#stacks_in_727 .controls input[type="text"]:hover, #stacks_in_727 .controls input[type="email"]:focus, #stacks_in_727 .controls input[type="email"]:hover, #stacks_in_727 .controls input[type="tel"]:focus, #stacks_in_727 .controls input[type="tel"]:hover, #stacks_in_727 .controls textarea:focus, #stacks_in_727 .controls textarea:hover, #stacks_in_727 .controls button:focus, #stacks_in_727 .controls button:hover, #stacks_in_727 .controls select:focus, #stacks_in_727 .controls select:hover { outline: none; border-color: #0F2250; } #stacks_in_727 .controls input[type="text"]:focus + label, #stacks_in_727 .controls input[type="text"]:hover + label, #stacks_in_727 .controls input[type="email"]:focus + label, #stacks_in_727 .controls input[type="email"]:hover + label, #stacks_in_727 .controls input[type="tel"]:focus + label, #stacks_in_727 .controls input[type="tel"]:hover + label, #stacks_in_727 .controls textarea:focus + label, #stacks_in_727 .controls textarea:hover + label, #stacks_in_727 .controls button:focus + label, #stacks_in_727 .controls button:hover + label, #stacks_in_727 .controls select:focus + label, #stacks_in_727 .controls select:hover + label { color: #FFFFFF; cursor: text; } #stacks_in_727 .controls .dateIcon { position: absolute; right: 10px; top: 14px; fill: #FFFFFF; width: 16px; height: 16px; pointer-events: none; } #stacks_in_727 .controls select { -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } #stacks_in_727 div[type="stacks-pin"] { display: none; } #stacks_in_727 .controls label { position: absolute; left: 8px; top: 12px; color: #FFFFFF; border-radius: 3px; font-size: 16px; line-height: 22px; display: inline-block; padding: 0px 10px 0px; font-weight: 400; background-color: rgba(255, 255, 255, 0); -moz-transition: color 0.3s, top 0.3s, background-color 0.8s; -o-transition: color 0.3s, top 0.3s, background-color 0.8s; -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s; transition: color 0.3s, top 0.3s, background-color 0.8s; /* white-space: nowrap;*/ } #stacks_in_727 .controls .dummyLabel { color: #FFFFFF; } #stacks_in_727 .controls label.active { top: -11px; color: #FFFFFF; background-color: #62B1E4; } #stacks_in_727 .controls textarea { resize: none; height: 200px; } #stacks_in_727 .controls > button { cursor: pointer; background-color: #1F7DC1; border: none; color: #fff; padding: 12px 0; } #stacks_in_727 .controls > button:hover { background-color: #1F7DC1; } #stacks_in_727 .controls input[type=checkbox] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; } #stacks_in_727 .controls input[type=checkbox]:after { cursor: pointer; content: " "; background-color: #62B1E4; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #0F2250; line-height: 20px; text-align: center; position: relative; left: 0px; } #stacks_in_727 .controls input[type=checkbox]:checked:after { content: "\2714"; color: #FFFFFF; } #stacks_in_727 .label { display: inline; padding: 12px; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; position: absolute; left: -40px; background: inherit; } #stacks_in_727 form > span { display: inline-block; max-width: 301px; line-height: 1.1; vertical-align: middle; font-size: 90%; white-space: normal; } #stacks_in_727 form .help i { display: inline-block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: default; font-style: normal; } #stacks_in_727 form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_727 form .help i:after { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: -2px; z-index: 2; } #stacks_in_727 form .help > span { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; position: absolute; left: 5px; top: 40px; z-index: 1; width: 160px; padding: 7px 10px 9px 10px; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); /* general */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF585854', endColorstr='#FF585854'); /* IE */ background-color: #585854; /* fallback */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6D6D67', endColorstr='#FF585854'); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #stacks_in_727 form .help i:hover:after { display: block; } #stacks_in_727 form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_727 form .note { display: block; font-size: 85%; color: #FFFFFF; margin: 5px 0 0 5px; max-width: 260px; } #stacks_in_727 form .hint, #stacks_in_727 form .message { position: relative; left: 0; color: #6f6f6f; padding: 9px 10px 7px 10px; margin-left: 10px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); /* general */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F6', endColorstr='#FFF7F7F6'); /* IE */ background-color: #f7f7f6; /* fallback */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F6'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.3); vertical-align: top; } #stacks_in_727 form .hint:before, #stacks_in_727 form .hint:after, #stacks_in_727 form .message:before, #stacks_in_727 form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: rgba(255, 255, 255, 0) #f7f7f6 rgba(255, 255, 255, 0); position: absolute; top: 14px; left: -8px; margin-top: -8px; z-index: 2; } #stacks_in_727 form .hint:after, #stacks_in_727 form .message:after { border-right-color: rgba(0,0,0,0.3); left: -9px; z-index: 1; } #stacks_in_727 form .hint { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 320px; } #stacks_in_727 form .hint.always_visible { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; position: relative; left: 0; } #stacks_in_727 form .message ~ .hint { display: none; } #stacks_in_727 form .controls input:focus ~ .hint, #stacks_in_727 form .controls select:focus ~ .hint, #stacks_in_727 form .controls textarea:focus ~ .hint{ -moz-transition: all 0.29s ease; -o-transition: all 0.29s ease; -webkit-transition: all 0.29s ease; transition: all 0.29s ease; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 100%; width: 100%; } #stacks_in_727 form .controls input:focus ~ .hint.always_visible, #stacks_in_727 form .controls select:focus ~ .hint.always_visible, #stacks_in_727 form .controls textarea:focus ~ .hint.always_visible { left: 0; } #stacks_in_727 form .success .message, #stacks_in_727 form .warning .message, #stacks_in_727 form .error .message { padding-left: 29px; max-width: 261px; } #stacks_in_727 form .success .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px; background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_727 form .warning .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px; background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_727 form .error .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px; background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_727 .captchaImage { vertical-align: middle; border-radius: 3px; width: 50px; height: 24px; text-align: center; float: right; box-sizing: content-box; border-width: 10px 0px; } #stacks_in_727 .controls input[type="text"].captchaSize { max-width: 225px; } /* ======================================= NARROW MODE ======================================= */ /* ======================================= RESPONSIVE ======================================= */ #stacks_in_727 form.labels_top .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_727 form.labels_top .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_727 form.labels_top .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_727 form.labels_top .label.help > span { left: 60%; top: 27px; } #stacks_in_727 form.labels_top .value { padding-top: 2px; } #stacks_in_727 form.labels_top .required label:after { right: 0; top: 0; } #stacks_in_727 form.labels_top .required label.help i { right: -19px; } /* #stacks_in_727 form.labels_top .input { margin: 0 0 5px 0; } */ #stacks_in_727 form.messages_bottom .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; top: -10px; } #stacks_in_727 form.messages_bottom .hint ~ .note, #stacks_in_727 form.messages_bottom .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_727 form.messages_bottom .message ~ .hint { display: none; } #stacks_in_727 form.messages_bottom .hint, #stacks_in_727 form.messages_bottom .message { display: block; position: relative; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_727 form.messages_bottom .hint:before, #stacks_in_727 form.messages_bottom .hint:after, #stacks_in_727 form.messages_bottom .message:before, #stacks_in_727 form.messages_bottom .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_727 form.messages_bottom .hint:after, #stacks_in_727 form.messages_bottom .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_727 form.messages_bottom .hint:hover, #stacks_in_727 form.messages_bottom .message:hover { left: 0; } #stacks_in_727 form.messages_bottom .controls input:focus ~ .hint, #stacks_in_727 form.messages_bottom .controls select:focus ~ .hint, #stacks_in_727 form.messages_bottom .controls textarea:focus ~ .hint { left: 0; } #stacks_in_727 form.messages_bottom .success .message, #stacks_in_727 form.messages_bottom .warning .message, #stacks_in_727 form.messages_bottom .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_727 form.messages_bottom .success .message ~ .hint, #stacks_in_727 form.messages_bottom .warning .message ~ .hint, #stacks_in_727 form.messages_bottom .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_727 form.messages_bottom .success .message ~ .hint:before, #stacks_in_727 form.messages_bottom .success .message ~ .hint:after, #stacks_in_727 form.messages_bottom .warning .message ~ .hint:before, #stacks_in_727 form.messages_bottom .warning .message ~ .hint:after, #stacks_in_727 form.messages_bottom .error .message ~ .hint:before, #stacks_in_727 form.messages_bottom .error .message ~ .hint:after { display: none; } @media screen and (max-width: 1024px) { #stacks_in_727 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_727 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_727 form .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_727 form .label.help > span { left: 60%; top: 27px; } #stacks_in_727 form .value { padding-top: 2px; } #stacks_in_727 form .required label:after { right: 0; top: 0; } #stacks_in_727 form .required label.help i { /* right: -19px;*/ } /* #stacks_in_727 form .input { margin: 0 0 5px 0; } */ } /* ======================================= 768px MEDIA QUERY ======================================= */ @media screen and (max-width: 768px) { #stacks_in_727 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_727 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_727 form .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_727 form .label.help > span { left: 60%; top: 27px; } #stacks_in_727 form .value { padding-top: 2px; } #stacks_in_727 form .required label:after { right: 0; top: 0; } #stacks_in_727 form .required label.help i { /* right: -19px;*/ } /* #stacks_in_727 form .input { margin: 0 0 5px 0; } */ #stacks_in_727 form .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; max-width: 301px; } #stacks_in_727 form .hint ~ .note, #stacks_in_727 form .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_727 form .message ~ .hint { display: none; } #stacks_in_727 form .hint, #stacks_in_727 form .message { display: block; position: relative; left: 0; max-width: 301px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_727 form .hint:before, #stacks_in_727 form .hint:after, #stacks_in_727 form .message:before, #stacks_in_727 form .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_727 form .hint:after, #stacks_in_727 form .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_727 form .hint:hover, #stacks_in_727 form .message:hover { left: 0; } #stacks_in_727 form .controls input:focus ~ .hint, #stacks_in_727 form .controls select:focus ~ .hint, #stacks_in_727 form .controls textarea:focus ~ .hint { left: 0; } #stacks_in_727 form .success .message, #stacks_in_727 form .warning .message, #stacks_in_727 form .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_727 form .success .message ~ .hint, #stacks_in_727 form .warning .message ~ .hint, #stacks_in_727 form .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_727 form .success .message ~ .hint:before, #stacks_in_727 form .success .message ~ .hint:after, #stacks_in_727 form .warning .message ~ .hint:before, #stacks_in_727 form .warning .message ~ .hint:after, #stacks_in_727 form .error .message ~ .hint:before, #stacks_in_727 form .error .message ~ .hint:after { display: none; } #stacks_in_727 .controls .fileUpload { position: absolute; right: 0px; width: 100px; top: 0px; } #stacks_in_727 .controls input[disabled="disabled"] { width: 100%; } #stacks_in_727 .captchaImage { margin: 0 auto; display: block; /* width: 100px;*/ height: auto; } #stacks_in_727 .controls { max-width: 301px; } #stacks_in_727 form .label.help > span { left: 10px; top: 41px; } #stacks_in_727 .controls input[type="text"].captchaSize { max-width: 100%; } #stacks_in_727 .captchaImage { width: 50px; position: absolute; z-index: 1; right: 0px; top: 0px; } } /* ======================================= EXTRA NARROW MODE ======================================= */ #stacks_in_727 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_727 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_727 form .label.help i { } #stacks_in_727 form .label.help > span { left: 60%; top: 27px; } #stacks_in_727 form .value { padding-top: 2px; } #stacks_in_727 form .required label:after { right: 0; top: 0; } #stacks_in_727 form .required label.help i { } #stacks_in_727 form .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; max-width: 301px; } #stacks_in_727 form .hint ~ .note, #stacks_in_727 form .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_727 form .message ~ .hint { display: none; } #stacks_in_727 form .hint, #stacks_in_727 form .message { display: block; position: relative; left: 0; max-width: 301px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_727 form .hint:before, #stacks_in_727 form .hint:after, #stacks_in_727 form .message:before, #stacks_in_727 form .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_727 form .hint:after, #stacks_in_727 form .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_727 form .hint:hover, #stacks_in_727 form .message:hover { left: 0; } #stacks_in_727 form .controls input:focus ~ .hint, #stacks_in_727 form .controls select:focus ~ .hint, #stacks_in_727 form .controls textarea:focus ~ .hint { left: 0; } #stacks_in_727 form .success .message, #stacks_in_727 form .warning .message, #stacks_in_727 form .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_727 form .success .message ~ .hint, #stacks_in_727 form .warning .message ~ .hint, #stacks_in_727 form .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_727 form .success .message ~ .hint:before, #stacks_in_727 form .success .message ~ .hint:after, #stacks_in_727 form .warning .message ~ .hint:before, #stacks_in_727 form .warning .message ~ .hint:after, #stacks_in_727 form .error .message ~ .hint:before, #stacks_in_727 form .error .message ~ .hint:after { display: none; } #stacks_in_727 .controls .fileUpload { position: absolute; right: 0px; width: 100px; top: 0px; } #stacks_in_727 .controls input[disabled="disabled"] { width: 100%; } #stacks_in_727 .captchaImage { margin: 0 auto; display: block; /* width: 100px;*/ height: auto; } #stacks_in_727 .submitMessage, #stacks_in_727 .errorMessage, #stacks_in_727 .controls, #stacks_in_727 form > span, #stacks_in_727 form .hint, #stacks_in_727 form .note, #stacks_in_727 .controls input[type="text"], #stacks_in_727 .controls input[type="email"], #stacks_in_727 .controls input[type="tel"], #stacks_in_727 .controls input[type="url"], #stacks_in_727 .controls input[type="date"], #stacks_in_727 .controls input[type="number"], #stacks_in_727 .controls input[disabled="disabled"], #stacks_in_727 .controls input[readonly], #stacks_in_727 .controls textarea, #stacks_in_727 .controls > button, #stacks_in_727 .controls select, #stacks_in_727 .controls input[type="text"].captchaSize { max-width: 100%; } #stacks_in_727 .header-stacks_in_727, #stacks_in_727 form { padding: 15px 40px; } #stacks_in_727 form .label.help > span { left: 10px; top: 41px; } #stacks_in_727 .captchaImage { width: 50px; position: absolute; z-index: 1; right: 0px; top: 0px; } /* ======================================= CUSTOM FIT MODE ======================================= */ /* ======================================= Autoreply ======================================= */ #stacks_in_727 .autoreply { border-radius: 4px; background: #1656a5; padding: 5px; } #stacks_in_727 .autoreply h5 { color: #999; margin: 10px 0px 5px 0px; padding: 0px; font-size: 20px; line-height: 22px; } #stacks_in_727 .autoreply .title { color: #f1f1f1; font-size: 22px; line-height: 24px; display: block; padding: 15px; box-sizing: border-box; } #stacks_in_727 .autoreply .content { padding: 20px; display: block; background: #f1f1f1; } #stacks_in_727 .autoreply {display: none;} #stacks_in_727 .autoreply {display: none;} #stacks_in_727 .bootstrap-datetimepicker-widget table td span { line-height: 54px !important; } #stacks_in_727 .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5em !important; } #stacks_in_727 .bootstrap-datetimepicker-widget table td.active { color: #fff !important; } #stacks_in_727 .hideSlice { display: none !important; } /* ======================================= Customization / More Styles / Advanced Styles ======================================= */ #stacks_in_727 { font-family: 'Open Sans'; font-weight: 500; } #stacks_in_727 .controls input[type="text"], #stacks_in_727 .controls input[type="email"], #stacks_in_727 .controls input[type="tel"], #stacks_in_727 .controls input[type="url"], #stacks_in_727 .controls input[type="date"], #stacks_in_727 .controls input[type="number"], #stacks_in_727 .controls input[disabled="disabled"], #stacks_in_727 .controls input[readonly], #stacks_in_727 .controls textarea, #stacks_in_727 .controls > button, #stacks_in_727 .controls select { padding: 7.500000px 12px; font-size: 14px; /* height: 29px;*/ /* line-height: 29px;*/ line-height: 22px; border-radius: 2px; border-width: 0px; font-family: 'Open Sans'; font-weight: 500; } #stacks_in_727 .controls .fileUpload { height: 37px; line-height: 37px; border-radius: 2px; font-family: 'Open Sans'; font-weight: 500; } #stacks_in_727 .heading { font-family: 'Open Sans'; } #stacks_in_727 .captchaImage, #stacks_in_727 .dummyCaptcha{ border-radius: 2px; border-width: 2.500000px 0px 2.500000px 0px; } #stacks_in_727 .controls { margin-bottom: 15px; } #stacks_in_727 .controls label { top: 7.500000px; left: 9px; font-size: 14px; font-weight: 500; /* line-height: 14px; */ line-height: 22px; /* padding-bottom: 0px; */ /* border-radius: 2px;*/ } #stacks_in_727 .controls label.active { top: -%( 7.000000 - %( 0 )% )%px; } #stacks_in_727 h2.heading { font-size: 16px; } #stacks_in_727 .controls .dateIcon { right: 12px; top: 9.500000px; fill: #FFFFFF; width: 14px; height: 14px; } /* ======================================= IE tweaks ======================================= */ .ie8 #stacks_in_727 form .help i:hover:after { display: none; } .ie8 #stacks_in_727 form .help > span { top: 25px; } .ie8 #stacks_in_727 form.labels_top .help > span { top: 20px; } .ie8 #stacks_in_727 form .hint:before, .ie8 #stacks_in_727 form .hint:after, .ie8 #stacks_in_727 form .message:before, .ie8 #stacks_in_727 form .message:after { display: none; } .ie8 #stacks_in_727 form .hint { display: none; } .ie8 #stacks_in_727 form .hint.always_visible { display: inline-block; } .ie8 #stacks_in_727 form .controls input:focus ~ .hint, .ie8 #stacks_in_727 form .controls select:focus ~ .hint, .ie8 #stacks_in_727 form .controls textarea:focus ~ .hint { display: block; } .ie8 #stacks_in_727 form .controls input:focus ~ .hint.always_visible, .ie8 #stacks_in_727 form .controls select:focus ~ .hint.always_visible, .ie8 #stacks_in_727 form .controls textarea:focus ~ .hint.always_visible { display: inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_727 .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_727 table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_727 .collapse.in { height: auto; } #stacks_in_727 .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } #stacks_in_727 .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } #stacks_in_727 .hiddenFormSubmit { display: none; } #stacks_in_727 { margin: 20px 0px 0px 0px; } #stacks_out_727 { width: 94%; } /* * Super Forms - Input * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_762 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_762 .controls.hidden { display: none; } #stacks_in_762 .controls.hidden.field-number { display: block; opacity: .8; } /* * Super Forms - Input * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_763 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_763 .controls.hidden { display: none; } #stacks_in_763 .controls.hidden.field-number { display: block; opacity: .8; } /* * Super Forms - Email * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_764 { overflow: visible; display: inline-block; width: 100%; } /* * Super Forms - Select * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_765 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_728 { margin: 0px 0px 15px 0px; } #stacks_out_728 { width: 72%; } #stacks_in_771 { display:inline-block; width:100%; line-height: 1.440000em; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Footer' Style Sheet: fsrfooter.css Created: 25, October, 2010 Last Modified: 10, November, 2014 Author: Blueball Design www.blueballdesign.com Copyright 2013-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_269 { } #stacks_in_269 #footer { font-size: 0.95em; line-height: 1.20em; width: 100%; } #stacks_in_269 { background-color: rgba(0, 15, 56, 1.00); padding: 20px 0px 20px 0px; } #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-9999px;background:url(../pf-plumbing-services-boiler-installation_files/elevator-images/top.png) no-repeat left top;z-index:9988}#toTop:hover{background:url(../pf-plumbing-services-boiler-installation_files/elevator-images/top.png) no-repeat left -51px}#toTop:active,#toTop:focus{outline:none}