*{
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@keyframes slidedownfade {
    0% {
        opacity: 0;
        top: 0px
    }
    85% {
        opacity: 0;
        top: -18px
    }
    100% {
        opacity: 1;
        top: 0px
    }
}

@-moz-keyframes slidedownfade {
    0% {
        opacity: 0;
        top: 0px
    }
    85% {
        opacity: 0;
        top: -18px
    }
    100% {
        opacity: 1;
        top: 0px
    }
}

@-webkit-keyframes slidedownfade {
    0% {
        opacity: 0;
        top: 0px
    }
    85% {
        opacity: 0;
        top: -18px
    }
    100% {
        opacity: 1;
        top: 0px
    }
}

@keyframes lineslidedownfade {
    0% {
        margin-top: 600px
    }
    35% {
        margin-top: 600px
    }
    100% {
        margin-top: 0px
    }
}

@-moz-keyframes lineslidedownfade {
    0% {
        margin-top: 600px
    }
    35% {
        margin-top: 600px
    }
    100% {
        margin-top: 0px
    }
}

@-webkit-keyframes lineslidedownfade {
    0% {
        margin-top: 600px
    }
    35% {
        margin-top: 600px
    }
    100% {
        margin-top: 0px
    }
}
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	color:#333;
    background:url(../images/maze.jpg) no-repeat left top;
}

.wrap {
    width: 100%;
    margin: 0 auto
}

a,
a:visited {
    color: #0e1521;
    text-decoration: none
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
    color: #5e7c9d
}

a:link,
a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3)
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    font-family: "league-gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-rendering: optimizelegibility;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
    text-decoration: none
}

h1,
.h1 {
    font-size: 73px;
    line-height: 65px;
    color: #fdfdfe
}

h2,
.h2 {
    font-size: 73px;
    line-height: 65px;
    color: #fdfdfe
}

h3,
.h3 {
    font-size: 34px;
    line-height: 34px;
    color: #fdfdfe
}

h4,
.h4 {
    font-size: 34px;
    line-height: 34px;
    color: #616a7a
}

h5,
.h5 {
    font-size: 28px;
    line-height: 28px;
    color: #fdfdfe
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.header #inner-header {
    width: 100%
}
#welcome #DateCountdown h4{ margin:0;}
#logo {
    width: 51px;
    height: 21px;
    display: block;
    float: left
}

#logo img {
    max-width: 51px;
    height: 21px
}



body.home .hamburger-icon {
	cursor:pointer;
    float: left;
}

#navigation {
    position: fixed;
    top: 41px;
    left: -250px;
    z-index: 999;
    height: 100%;
    width: 250px;
    background: #1d2737;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
   
}

#container.navactive #navigation {
    left: 0
}

.nav {
    border: none;
    border-bottom: 0;
    margin: 0
}

.nav li {}

.nav li a {
    display: block;
    text-decoration: none;
    padding: 8px 10px;
    border-bottom: 1px dashed #3d4859;
    color: #fdfdfe;
    font-size: 13px
}

.nav li a:hover,
.nav li a:focus {
    color: #5e7c9d
}

.nav li ul.sub-menu li a,
.nav li ul.children li a {
    padding-left: 30px
}

#container {
    position: relative;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

#container.navactive {
    left: 0;
}
#container.navactive #navigation{ background:rgba(61,185,247,0.8);}
#container.navactive #navigation .nav li {
    display: block;
    width: 100%;
}
.scroll-container{ background:url(../images/maze.jpg)}
#welcome{ background:url(../images/no-fade-banner.jpg) no-repeat center  top;background-size:cover;}
body.page .scroll-section,
body.archive .scroll-section,
body.error404 .scroll-section,
body.single .scroll-section {
    padding: 80px 0 40px 0
}

body.home .scroll-section {
    padding: 40px 0
}

.scroll-section {
    padding: 40px 0
}

.scroll-section h1,
.scroll-section h2 {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 34px;
    line-height: 32px;
    padding: 12px 0 5px 0;
    position: relative;
    z-index: 5
}

.scroll-section h1 span,
.scroll-section h2 span {
       border: 2px solid #fff;
    padding: 5px 20px;
    background: #130c50;
    text-transform: none;
	box-shadow:3px 3px 10px #ccc;
}

.scroll-section div.content-box {
    background: #fdfdfe;
    padding: 15px 20px
}

.scroll-section div.content-box p {
    margin: 0
}

.scroll-section div.content-box div.fact {
    display: block;
    margin-top: 15px
}

.scroll-section div.content-box div.fact h4 {
    display: inline-block
}

.scroll-section div.testimonial {
    padding: 15px 20px;
    margin: 0 30px;
    background: #0e1521;
    position: relative;
    font-size: 12px
}

.scroll-section div.testimonial p {
    margin: 0;
    color: #fdfdfe
}

.scroll-section div.testimonial p strong {
    color: #5e7c9d;
    text-transform: uppercase;
    font-weight: bold
}

.scroll-section div.testimonial span.speech-open {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    background: url("/wp-content/themes/appliancetec/library/images/speech-open.png") no-repeat 0 0 scroll
}

.scroll-section div.testimonial span.speech-close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    right: -30px;
    background: url("/wp-content/themes/appliancetec/library/images/speech-close.png") no-repeat 0 0 scroll
}

.scroll-section span.dash-bottom {height:80px; width:2px; border-right:2px dashed #fdfdfe; display:block; position:absolute; left:50%; margin-left:-1px; z-index:0;}

#welcome img.welcome-logo {
    margin: 60px auto;
    height: 99px;
    width: 160px;
    display: block;
    -webkit-animation: fadein 1.5s ease-in-out;
    -moz-animation: fadein 1.5s ease-in-out;
    animation: fadein 1.5s ease-in-out
}

#welcome h2 {
    padding: 12px 0
}

#welcome h4 {
    font-size: 16px;
    line-height: 16px;
    color: #616a7a;
    text-align: center
}

#welcome h4 span {
    background: #fdfdfe;
    padding: 2px 10px
}

#keytheme .product-wrap-outer {
    width: 100%;
    overflow: auto;
    background: #e5e8e8
}

#keytheme .product-wrap {
    width: 1470px;
    border: 5px solid #fdfdfe;
    padding: 20px 0px 0px 20px;
    position: relative
}

#keytheme .product-wrap .product-box {
    width: 215px;
    float: left;
    margin-right: 25px
}

#keytheme .product-wrap .product-box h3 {
    text-align: center;
    display: block;
    font-size: 28px;
    line-height: 28px;
    border: 5px solid #0e1521;
    padding: 7px 0;
    color: #0e1521
}

#keytheme .product-wrap .product-box p {
    font-size: 12px;
    line-height: 21px;
    color: #333
}

#keytheme .product-wrap .product-box img {
    width: 150px;
    height: auto
}

#keytheme .product-wrap .swipe-icon {
    width: 65px;
    height: 42px;
    display: block;
    background: url("/wp-content/themes/appliancetec/library/images/swipe-right.png") no-repeat 0 0 scroll;
    background-size: 65px 42px;
    position: absolute;
    bottom: 25px;
    left: 20px
}

#contact .contact-inner div.content-box p strong {
    color: #5e7c9d
}

body .gform_wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 100%;
    background: #0e1521;
    border: 5px solid white;
    padding: 10px 20px 20px 20px
}

body .gform_wrapper .top_label input.large,
body .gform_wrapper .top_label select.large,
body .gform_wrapper .top_label textarea.textarea {
    width: 100%
}

body .gform_wrapper .top_label .gfield_label {
    color: #fdfdfe;
    font-weight: normal;
    text-transform: uppercase
}

body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password] {
    padding: 12px;
    font-size: 12px;
    border: none
}

body .gform_wrapper textarea {
    padding: 12px;
    font-size: 12px;
    border: none
}

body .gform_wrapper input[type=text]:focus,
body .gform_wrapper input[type=url]:focus,
body .gform_wrapper input[type=email]:focus,
body .gform_wrapper input[type=tel]:focus,
body .gform_wrapper input[type=number]:focus,
body .gform_wrapper input[type=password]:focus,
body .gform_wrapper textarea:focus {
    background: #5e7c9d;
    color: #fdfdfe
}

body .gform_wrapper .gform_footer {
    padding: 0;
    margin: 20px 0 0 0;
    clear: both;
    position: relative
}

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
    font-size: 16px;
    width: 100%;
    position: absolute;
    bottom: 0
}

body .gform_wrapper div.validation_error {
    color: white;
    font-weight: normal;
    margin: 0px 0 0 0;
    font-size: 13px
}

body .gform_wrapper .top_label .gfield_error {
    width: 100%
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: #1d3050;
    border-top: 1px solid #5e7c9d;
    border-bottom: none;
    padding: 0px 4px 10px 4px !important;
    padding-left: 8px !important
}

body .gform_wrapper .ginput_container+.gfield_description.validation_message {
    margin-top: 0
}

body .gform_wrapper .validation_message {
    color: #fdfdfe
}

body .gform_wrapper li.gfield_error input[type=text],
body .gform_wrapper li.gfield_error input[type=url],
body .gform_wrapper li.gfield_error input[type=email],
body .gform_wrapper li.gfield_error input[type=tel],
body .gform_wrapper li.gfield_error input[type=number],
body .gform_wrapper li.gfield_error input[type=password],
body .gform_wrapper li.gfield_error textarea {
    border: 1px solid #fdfdfe
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-bottom: 0 !important;
    margin-top: 8px
}

.byline {
    color: #999
}

.entry-content {}

.entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em
}

.entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto
}

.entry-content video,
.entry-content object {
    max-width: 100%;
    height: auto
}

.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px
}

.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 5px
}

.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%
}

.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center
}

.pagination,
.wp-prev-next {
    margin: 1.1em 0 2.2em
}

.pagination {
    text-align: center
}

.pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    margin: 1px
}

.pagination ul li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden
}

.pagination ul li a,
.pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: .5em;
    min-width: 1em;
    display: block
}

.pagination ul li span.current {
    font-weight: bold
}

.wp-prev-next .prev-link {
    float: left
}

.wp-prev-next .next-link {
    float: right
}

#comments {}

.commentlist {}

.commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px
}

.commentlist li:last-child {
    margin-bottom: 0
}

.commentlist li ul.children {
    margin: 0
}

.commentlist li[class*=depth-] {
    margin-top: 1.1em
}

.commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0
}

.commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0
}

.commentlist .odd {
    background: #eee
}

.commentlist .even {
    background: #fefefe
}

.commentlist .vcard {
    margin-left: 50px
}

.commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal
}

.commentlist .vcard time {
    float: right
}

.commentlist .vcard time a {
    color: #999;
    text-decoration: none
}

.commentlist .vcard time a:hover {
    text-decoration: underline
}

.commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff
}

.commentlist .comment_content {
    margin-left: 50px
}

.commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em
}

.commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #4598bb;
    padding: 3px 5px;
    color: #fff;
    opacity: 0.65;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 0.9em
}

.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
    opacity: 1
}

.respond-form {
    margin: 1.5em 10px;
    padding-bottom: 2.2em
}

.respond-form form {
    margin: 0.75em 0
}

.respond-form form li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em
}

.respond-form form li label,
.respond-form form li small {
    display: none
}

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
    padding: 3px 6px;
    background: #efefef;
    border: 2px solid #cecece;
    line-height: 1.5em
}

.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
    background: #fff
}

.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
    outline: none;
    border-color: #fbc2c4;
    background-color: #f6e7eb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
    max-width: 400px;
    min-width: 250px
}

.respond-form form textarea {
    resize: none;
    width: 97.3%;
    height: 150px
}

#comment-form-title {
    margin: 0 0 1.1em
}

#allowed_tags {
    margin: 1.5em 10px 0.7335em 0
}

.nocomments {
    margin: 0 20px 1.1em
}

.sidebar {
    margin: 0;
    padding: 0
}

.widget {
    margin: 0;
    padding: 0
}

.widget ul {
    margin: 0;
    padding: 0
}

.widget ul li {}

.footer {
    clear: both;
    background: #0e1521
}

.footer #inner-footer {
    padding: 15px 20px
}

.footer nav {
    margin: 0
}

.footer nav ul {
    background: none;
    margin: 0;
    padding: 0;
    border: none
}

.footer nav ul li {
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px
}

.footer nav ul li a {
    margin: 0;
    padding: 0;
    background: none;
    color: #5e7c9d;
    border: none
}

.footer nav ul li a:hover {
    color: #fdfdfe;
    background: none
}

.copyright {
    margin: 0
}

.copyright a {
    color: #5e7c9d
}


.copyright a:hover {
    color: #fdfdfe
}

@media only screen and (min-width: 481px) {
    .menu {}
    .menu ul {}
    .menu ul li {}
    .menu ul li a {}
    .entry-content {}
    .entry-content .alignleft,
    .entry-content img.alignleft {
        margin-right: 1.5em;
        display: inline;
        float: left
    }
    .entry-content .alignright,
    .entry-content img.alignright {
        margin-left: 1.5em;
        display: inline;
        float: right
    }
    .entry-content .aligncenter,
    .entry-content img.aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both
    }
}

@media only screen and (min-width: 768px) {
    .onecol {
        width: 5.801104972%
    }
    .twocol {
        width: 14.364640883%
    }
    .threecol {
        width: 22.928176794%
    }
    .fourcol {
        width: 31.491712705%
    }
    .fivecol {
        width: 40.055248616%
    }
    .sixcol {
        width: 48.618784527%
    }
    .sevencol {
        width: 57.182320438000005%
    }
    .eightcol {
        width: 65.74585634900001%
    }
    .ninecol {
        width: 74.30939226%
    }
    .tencol {
        width: 82.87292817100001%
    }
    .elevencol {
        width: 91.436464082%
    }
    .twelvecol {
        width: 99.999999993%
    }
    .onecol,
    .twocol,
    .threecol,
    .fourcol,
    .fivecol,
    .sixcol,
    .sevencol,
    .eightcol,
    .ninecol,
    .tencol,
    .elevencol,
    .twelvecol {
        position: relative;
        float: left;
        margin-left: 2.762430939%
    }
    .first {
        margin-left: 0
    }
    .last {
        float: right
    }
    #container {
        
        height: 100%
    }
    .scroll-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block
    }
   
   
    #wrapper {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 10
    }
    .scrollContainer {
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
        position: relative
    }
}

@media only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .scrollContainer {
        height: 692px !important
    }
}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .scrollContainer {
        height: 928px !important
    }
}

@media only screen and (min-width: 768px) {
    a {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
    body.home .scroll-section {margin:120px 0 450px 0; padding:0;}
    .scroll-section {padding: 150px 0 450px 0; position: relative; height: auto }
    .scroll-section h1,
    .scroll-section h2 {text-align: center; margin: 0 auto; display: block; font-size: 30px; line-height: 36px; padding: 20px 0 8px 0; position: relative; z-index: 5 }
.scroll-section h1 span, .scroll-section h2 span {
    border: 2px solid #fdfdfe;
    padding: 10px;
    background: blue;
    text-transform: none;
}
    .scroll-section div.content-box {background: #fdfdfe; width: 750px; min-height:310px; padding: 25px; margin: 0 auto; position: relative; z-index: 5 }
    .scroll-section div.content-box p {margin: 0; float: left; width: 69% }
    .scroll-section div.content-box div.fact {display: block; margin-top: 0; float: right; width: 30% }
    .scroll-section div.content-box div.fact h4 {display: block; text-align: right; font-size: 33px }
    .scroll-section div.content-box div.fact h4.fact-value {font-size: 145px; line-height: 120px; letter-spacing: -2px }
    .scroll-section div.content-box div.fact-left {display: block; padding-top: 4px }
    .scroll-section div.content-box div.fact-left h4 {line-height: 35px; text-align: left; float: right; width: 88px }
    .scroll-section div.content-box div.fact-left h4.fact-value {font-size: 130px; line-height: 107px; letter-spacing: -4px; display: block; float: left; width: 112px; text-align: right }
    .scroll-section div.testimonial {padding: 18px 20px; margin: 0 auto; background: #0e1521; font-size: 12px; width: 400px; position: relative; z-index: 5 }
    .scroll-section div.testimonial p {margin: 0; color: #fdfdfe }
    .scroll-section div.testimonial p strong {color: #5e7c9d; text-transform: uppercase; font-weight: bold; display: block }
    .scroll-section div.testimonial span.speech-open {width: 30px; height: 30px; display: block; position: absolute; top: 0; left: -30px; background: url("/wp-content/themes/appliancetec/library/images/speech-open.png") no-repeat 0 0 scroll }
    .scroll-section div.testimonial span.speech-close {width: 30px; height: 30px; display: block; position: absolute; bottom: 0; right: -30px; background: url("/wp-content/themes/appliancetec/library/images/speech-close.png") no-repeat 0 0 scroll }
    .scroll-section span.dash-bottom {height: 600px; width: 4px; border-right: 4px dashed #fdfdfe; display: block; position: absolute; z-index: 1; left: 50%; margin-left: -2px }
    .scroll-section span.dash-top {height:680px; top:-680px; width:4px; border-right: 4px dashed #fdfdfe; display: block; position: absolute; z-index: -1; left: 50%; margin-left: -2px }
    .scroll-section span.dash-right {height: 4px; width: 100%; border-top: 4px dashed #fdfdfe; display: block; position: absolute; z-index: 1; left: 50%; top: 50%; margin-top: 32px }
    .scroll-section span.dash-left  {height: 4px; width: 100%; border-top: 4px dashed #fdfdfe; display: block; position: absolute; z-index: 1; right: 50%; top: 50%; margin-top: 32px }
    body.home #overview div.content-box p {width: 100%; font-size:22px; padding-bottom:20px; line-height:30px; }
    #overview div.content-box div.fact-left h4.fact-value {width: 78px } 
    #overview div.content-box div.fact {width: 25% }
    #register div.content-box h4 {
        font-size: 32px
    }
    #register div.content-box h4.fact-value {
        font-size: 118px;
        line-height: 95px;
        height: 96px
    }
    #register div.content-box h4.fact-value span {
        font-size: 70px
    }
    body.page .scroll-section div.content-box p,
    body.archive .scroll-section div.content-box p {
        float: none;
        width: 100%
    }
    body.home .scroll-section div.content-box p {
        float: left;
        width: 100%
    }
    span.dash-vert {
        height: 800px;
        top: -975px;
        width: 4px;
        border-right: 4px dashed #fdfdfe;
        display: block;
        position: absolute;
        z-index: -1;
        left: 50%;
        margin-left: -2px
    }
    #welcome {padding-top: 150px; padding-bottom:450px; margin:0;}
    #welcome img.welcome-logo {margin: 60px auto; height: 143px; width: 232px; display: block }
    #welcome h2 {padding: 20px 0 8px 0; -webkit-animation: latefade 2.5s ease-in-out; -moz-animation: latefade 2.5s ease-in-out; animation: latefade 2.5s ease-in-out }
    #welcome h4 {position: relative; font-size: 20px; line-height: 30px; text-align: center; margin-top:30px; z-index: 9; color: #2f0654; }
    #welcome h4 span {background: #fff; padding: 5px 20px; position: relative; box-shadow:2px 3px 10px #ccc; -webkit-animation: slidedownfade 3.3s ease-in-out; -moz-animation: slidedownfade 3.3s ease-in-out; animation: slidedownfade 3.3s ease-in-out }
    #welcome span.dash-bottom {-webkit-animation: lineslidedownfade 3.4s ease-in-out; -moz-animation: lineslidedownfade 3.4s ease-in-out; animation: lineslidedownfade 3.4s ease-in-out }
    #overview span.dash-bottom {display: none } 
    span.pin-trigger {position: relative; top: 330px } 
    #pin-outer {
        width: 100%;
        overflow: hidden;
        display: block
    }
    #pin-outer #pin-inner {
        position: relative
    }
    #pin-outer #pin-inner section.scroll-section {
        float: left
    }
    /* #pin-outer #pin-inner #keytheme {padding: 100px 0px 50px 0; */
    }
    span.pin-trigger2 {
        position: relative;
        top: 330px;
        display: block
    }
    #pin-outer2 {
        width: 100%;
        overflow: hidden;
        display: block
    }
    #pin-outer2 #pin-inner2 {
        position: relative
    }
    #pin-outer2 #pin-inner2 section.scroll-section {
        float: left
    }
    #pin-outer2 #pin-inner2 #partners {
        /* padding: 150px 400px 150px 400px; */
        /* width: 2670px !important */
    }
    #keytheme {
      
        z-index: 10
    }
    #keytheme span.dash-bottom {
        display: none
    }
    #keytheme .product-wrap-outer {
        width: 1870px;
        overflow: auto;
        background: none;
        z-index: 5;
        position: relative
    }
    #keytheme .product-wrap {
        width: 100%;
        border: none;
        padding: 40px 0px 0px 40px;
        position: relative
    }
    #keytheme .product-wrap .product-box {
        width: 265px;
        float: left;
        margin-right: 40px;
        position: relative
    }
    #keytheme .product-wrap .product-box h3 {
        text-align: center;
        display: block;
        border: none;
        padding: 0;
        margin: 0
    }
    #keytheme .product-wrap .product-box h3 span {
        text-align: center;
        font-size: 28px;
        line-height: 28px;
        border: 8px solid #0e1521;
        padding: 4px 0px;
        color: #0e1521;
        width: 220px;
        display: block;
        margin: 0 auto
    }
    #keytheme .product-wrap .product-box p {
        font-size: 12px;
        line-height: 21px;
        color: #333;
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 44px;
        left: 22px;
        width: 220px;
        background: #0e1521;
        color: #fdfdfe;
        overflow: hidden;
        border-bottom: 8px solid #5e7c9d
    }
    #keytheme .product-wrap .product-box p span {
        padding: 12px 20px 18px 20px;
        display: block
    }
    #keytheme .product-wrap .product-box img {
        width: 265px;
        height: auto;
        margin-top: 20px
    }
    #keytheme .product-wrap .swipe-icon {
        display: none
    }
    #summit span.dash-bottom {
        display: none
    }
    #agenda span.dash-bottom {
        display: none
    }
    #partners {margin-top:215px;}
    /* #partners h2 {color: #0e1521 }
    #partners h2 span {border-color: #0e1521; color: #0e1521 } */
    #partners div.content-box {min-height:inherit;}
    #partners div.content-box div.fact h4 {color: #fdfdfe }
    #partners div.testimonial {background: #fdfdfe }
    #partners div.testimonial p {color: #0e1521 }
    #partners div.logo-wrap {
        background: url("/wp-content/themes/appliancetec/library/images/diagonal-logo-bg.png") no-repeat center center scroll;
        width: 2670px;
        height: 170px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: 20;
        top: 432px;
        overflow: hidden
    }
    #partners div.logo-wrap div.logo-wrap-inner {
        width: 2050px;
        height: 170px;
        margin: 0 0 0 240px;
        display: block;
        z-index: 20;
        overflow: hidden;
        position: relative
    }
    #partners div.logo-wrap span.grad-left {
        background: url("/wp-content/themes/appliancetec/library/images/grad-left.png") no-repeat 0 0 scroll;
        width: 303px;
        height: 170px;
        position: absolute;
        top: 0;
        left: 0px;
        display: block;
        z-index: 30
    }
    #partners div.logo-wrap span.grad-right {
        background: url("/wp-content/themes/appliancetec/library/images/grad-right.png") no-repeat 0 0 scroll;
        width: 303px;
        height: 170px;
        position: absolute;
        top: 0;
        right: 0px;
        display: block;
        z-index: 30
    }
    #partners div.logo-wrap div#logo-list {
        background: url("/wp-content/themes/appliancetec/library/images/logo-list.png") no-repeat center center scroll;
        width: 4000px;
        height: 170px;
        position: absolute;
        top: 0;
        left: 150px;
        display: block;
        z-index: 25
    }
    #partners span.dash-bottom {
        display: none
    }
    /* #register span.dash-bottom {display: none } */
    #contact {margin-bottom: 150px }
    #contact .contact-inner {
        background: #fff;
        width: 750px;
        padding: 10px;
        margin: 0 auto;
        position: relative
    }


    .header {
        width: 100%
    }
    .header #inner-header {
        width: 100%
    }
    .sidebar {
        margin: 0;
        padding: 0
    }
    .widgettitle {
        margin: 0;
        padding: 0
    }
    .widget {
        margin: 0;
        padding: 0
    }
    .widget ul {
        margin: 0;
        padding: 0
    }
    .widget ul li {
        margin-bottom: 0.75em
    }
    .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em
    }
    .footer {
        position: relative;
        z-index: 20
    }
    .footer nav {
        margin-right: 0px;
        float: right
    }
    .footer-links ul li {}
}

@media only screen and (min-width: 1030px) {
	
    #container {
        background:url(../images/maze.png) no-repeat top center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
  
    
    #keytheme .product-wrap .product-box p {
        left: 23px
    }
}





html, body{ height:100%;}
#pin-inner{}
body{ font-size:22px; background:url(../images/maze.png) no-repeat left top fixed; background-size:cover; height:100%;}

.logo{ margin:0 auto; text-align:center; display:block;}
.content-box p,
.content-box ul li{ font-size:14px; padding-bottom:10px;}
#agenda.scroll-section {margin-top:65px;} 

#contact form .form-control{ margin-bottom:20px; border-radius:0px;}
#contact form textarea{ resize:none; width:100%; height:140px;border:1px solid #ced4da; font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;padding: .375rem .75rem;}
#contact form .btn-outline{ background:#fff;
padding: 10px;
background: blue;
text-transform: none; border-radius:0; border:inset 2px solid #fdfdfe; color:#fff; box-shadow: inset 0 0 0 5px #fff; margin:20px auto; }
.main-nav{ position:fixed;background:#fdb605; width:100%; z-index:99;}
.footer {
    position: fixed;
    z-index: 20;
    bottom: 0;
    width: 100%;
    height: 40px;
	background:#fdb605;
	line-height:40px;
}
.footer p.copyright{ font-size:12px;}
.footer ul.social { float:right;}
.footer ul.social li{ list-style:none; display:inline-block; font-size:16px;}

.scroll-desktop{ display:block;}
    /* #partners .suppliers-wrap-outer {background: #e5e8e8 } */
/* #partners .suppliers-wrap-outer{ height:450px;} */
.logo {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin: 140px auto 0 auto;
}
.button {
  background-color: #004A7F;
  -webkit-border-radius: 0px;
  border-radius: 0;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
  float:right;
  margin:5px 0 0 0;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {

    position: absolute;
    width: 100%;
    height: 122px;
    border: 0;
    bottom: 0;


}

/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
}

/**
 *	Titles (Days, Hours, etc)
 **/

.time_circles > div > h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
   
	color:#fff;
}
#welcome #DateCountdown{max-width: 450px;

padding: 0px;

box-sizing: border-box;



position: absolute;

width: 100%;

height: 100%;

left: 0;

bottom: 0;}
#welcome #DateCountdown h4 {

    margin: 0;
    color: #fff;

}
/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-weight: bold;
	color:#fff;
}
.textDiv_Minutes,.textDiv_Hours,.textDiv_Days,.textDiv_Seconds{ top:25px!important;}
.hamburger-icon .fa-bars{ font-size:30px; color:#fff; padding:10px;}
.header{ background:#fdb605;}
.top-nav li a{color:#14094b;}
#navigation.mobmenu{ display:none;}
.mobbar{ display:none;}
.footer ul.social{ margin:0; padding:0;}
#container ul{ padding:0; margin:0;}
#arrow {
    border-right:2px solid black;
    border-bottom:2px solid black;
    width:10px;
    height:10px;
    transform: rotate(-45deg);
    margin-top:40px;
}





#keytheme ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
#keytheme li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

/* accordion styles */
.accordion .card-header {
  cursor: pointer;
}
.accordion.heading-right .card-title {
  position: absolute;
  right: 50px;
}
.accordion.indicator-plus .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
}
.accordion.indicator-plus .card-header.collapsed:after {
  content: "\f067";
}
.accordion.indicator-plus-before.round-indicator .card-header:before {
  font-family: 'FontAwesome';
  font-size: 14pt;
  content: "\f056";
  margin-right: 10px;
}
.accordion.indicator-plus-before.round-indicator .card-header.collapsed:before {
  content: "\f055";
  color: #fff;
}
.accordion.indicator-plus-before .card-header:before {
  font-family: 'FontAwesome';
  content: "\f068";
  float: left;
}
.accordion.indicator-plus-before .card-header.collapsed:before {
  content: "\f067";
}
.accordion.indicator-chevron .card-header:after {
  font-family: 'FontAwesome';
  content: "\f078";
  float: right;
}
.accordion.indicator-chevron .card-header.collapsed:after {
  content: "\f077";
}
.accordion.background-none [class^="card"] {
  background: transparent;
}
.accordion.border-0 .card {
  border: 0;
}
.content {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 400px;

}
.accordion .card-header.odd {
background: #febb12;
}

.accordion .card-header.even{
background: #3c0c56;
color:#fff;
}
.card-header {
    padding: 5px 10px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-size: 16px;
}
.btn-outline {
    background: #fff;
    padding: 10px;
    background: blue;
    text-transform: none;
    border-radius: 0;
    border: inset 2px solid #fdfdfe;
    color: #fff;
    box-shadow: inset 0 0 0 5px #fff;
    margin: 20px auto;
    margin: 0 auto;
        margin-left: auto;
    display: inline-block;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
}
.btn-outline:hover{ color:#fff;}
.register-form {
    background: #fff;

    padding: 50px 20px;
}
#register h2{ text-align:center; margin:0 auto;}
#register h2 span{border: 2px solid #fdfdfe;
padding: 10px;
background: blue;
text-transform: none;}
body#register{ padding:150px 0 0 0;}
@media only screen and (max-width: 1024px) {
	.top-nav a.button{ margin:10px 0 0 10px;}
	.hidemov{ display:none;}
	.mobbar{ float:left;}
	.deskmenu{ display:none;}
	#navigation.mobmenu{ display:block;}
.mobbar{ display:block;}
	#agenda.scroll-section div.content-box {
    height: auto;
    width: 100%;
    overflow: hidden;
}
	#keytheme.scroll-section div.content-box {height: auto; width: 100%; overflow: hidden; }
#welcome{ height:350px; background-position:center center; position:relative;}
#welcome .logo{ max-width:250px; text-align:left; margin:30px 0 0 40px;}
.scroll-desktop,.scroll-section span.dash-bottom.scroll-desktop{ display:none;}
.scroll-section h1,
.scroll-section h2 {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    z-index: 9;
}
.content-box p,.content-box ul li{ font-size:16px; padding-bottom:15px;}
body{ padding-bottom:200px;}
.footer{ height:auto;}
.footer p{line-height:20px;}
.footer p.hash-tag{ font-size:14px; font-weight:bold;}
.footer{ text-align:center;}
.footer ul.social{ float:none;}
#contact .contact-inner{ width:100%;}
#register, #register.scroll-section div.content-box{width:100%;}
body{ background-position:right top;}
html,bosy{ height:100%;}
.footer p.hash-tag {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0;
    margin: 0;
}
.footer{ position:static;}
body.home .scroll-section{ padding:20px 10px;}
 }

.outer-container{ margin-bottom:10px;}