/*---------------- Animation ----------------*/ /* Float 1 */ @-webkit-keyframes floating{from {-webkit-transform:translate(0, 0px);}50% {-webkit-transform:translate(-5px, 10px);}to {-webkit-transform: translate(0, -0px);}} @-moz-keyframes floating{from {-moz-transform:translate(0, 0px);}50% {-moz-transform:translate(-5px, 10px);}to {-moz-transform: translate(0, -0px);}} @-o-keyframes floating{from {-o-transform:translate(0, 0px);}50% {-o-transform:translate(-5px, 10px);}to {-o-transform: translate(0, -0px);}} @keyframes floating{from {transform:translate(0, 0px);}50% {transform:translate(-5px, 10px);}to {transform: translate(0, -0px);}} /* Float 2 */ @-webkit-keyframes floating2{from {-webkit-transform:translate(0, 0px);}50% {-webkit-transform:translate(5px, 10px);}to {-webkit-transform: translate(0, -0px);}} @-moz-keyframes floating2{from {-moz-transform:translate(0, 0px);}50% {-moz-transform:translate(5px, 10px);}to {-moz-transform: translate(0, -0px);}} @-o-keyframes floating2{from {-o-transform:translate(0, 0px);}50% {-o-transform:translate(5px, 10px);}to {-o-transform: translate(0, -0px);}} @keyframes floating2{from {transform:translate(0, 0px);}50% {transform:translate(5px, 10px);}to {transform: translate(0, -0px);}} /* Float 3 */ @-webkit-keyframes floating3{from {-webkit-transform:translate(0, 0px);}50% {-webkit-transform:translate(0px, 10px);}to {-webkit-transform: translate(0, -0px);}} @-moz-keyframes floating3{from {-moz-transform:translate(0, 0px);}50% {-moz-transform:translate(0px, 10px);}to {-moz-transform: translate(0, -0px);}} @-o-keyframes floating3{from {-o-transform:translate(0, 0px);}50% {-o-transform:translate(0px, 10px);}to {-o-transform: translate(0, -0px);}} @keyframes floating3{from {transform:translate(0, 0px);}50% {transform:translate(0px, 10px);}to {transform: translate(0, -0px);}} /* Float 4 */ @-webkit-keyframes floating4{from {-webkit-transform:translate(0, 0px);}50% {-webkit-transform:translate(-10px, -10px);}to {-webkit-transform: translate(0, -0px);}} @-moz-keyframes floating4{from {-moz-transform:translate(0, 0px);}50% {-moz-transform:translate(-10px, -10px);}to {-moz-transform: translate(0, -0px);}} @-o-keyframes floating4{from {-o-transform:translate(0, 0px);}50% {-o-transform:translate(-10px, -10px);}to {-o-transform: translate(0, -0px);}} @keyframes floating4{from {transform:translate(0, 0px);}50% {transform:translate(-10px, -10px);}to {transform: translate(0, -0px);}} /* Scale 1 */ @-webkit-keyframes scale{from {-webkit-transform:scale(1);}50% {-webkit-transform:scale(1.3);}to {-webkit-transform: scale(1);}} @-moz-keyframes scale{from {-moz-transform:scale(1);}50% {-moz-transform:scale(1.3);}to {-moz-transform:scale(1);}} @-o-keyframes scale{from {-o-transform:scale(1);}50% {-o-transform:scale(1.3);}to {-o-transform:scale(1);}} @keyframes scale{from {transform:scale(1);}50% {transform:scale(1.3);}to {transform:scale(1);}} /* Scale 2 */ @-webkit-keyframes scale2{from {-webkit-transform:scale(1) rotate(-4deg);}50% {-webkit-transform:scale(1.3) rotate(4deg) translate(-5px, -10px);}to {-webkit-transform: scale(1) rotate(-4deg);}} @-moz-keyframes scale2{from {-moz-transform:scale(1) rotate(-4deg);}50% {-moz-transform:scale(1.3) rotate(4deg) translate(-5px, -10px);}to {-moz-transform:scale(1) rotate(-4deg);}} @-o-keyframes scale2{from {-o-transform:scale(1) rotate(-4deg);}50% {-o-transform:scale(1.3) rotate(4deg) translate(-5px, -10px);}to {-o-transform:scale(1) rotate(-4deg);}} @keyframes scale2{from {transform:scale(1) rotate(-4deg);}50% {transform:scale(1.3) rotate(4deg) translate(-5px, -10px);}to {transform:scale(1) rotate(-4deg);}} .si-floating{-webkit-animation:floating infinite ease-in-out 5s;-moz-animation:floating infinite ease-in-out 5s;-o-animation:floating infinite ease-in-out 5s;animation:floating infinite ease-in-out 5s;} .si-floating2{-webkit-animation:floating2 infinite ease-in-out 5s;-moz-animation:floating2 infinite ease-in-out 5s;-o-animation:floating2 infinite ease-in-out 5s;animation:floating2 infinite ease-in-out 5s;} .si-floating3{-webkit-animation:floating3 infinite ease-in-out 5s;-moz-animation:floating3 infinite ease-in-out 5s;-o-animation:floating3 infinite ease-in-out 5s;animation:floating3 infinite ease-in-out 5s;} .si-floating4{-webkit-animation:floating4 infinite ease-in-out 5s;-moz-animation:floating4 infinite ease-in-out 5s;-o-animation:floating4 infinite ease-in-out 5s;animation:floating4 infinite ease-in-out 5s;} .si-scale{-webkit-animation:scale infinite ease-in-out 2s;-moz-animation:scale infinite ease-in-out 2s;-o-animation:scale infinite ease-in-out 2s;animation:scale infinite ease-in-out 2s;} .si-scale2{-webkit-animation:scale2 infinite ease-in-out 2s;-moz-animation:scale2 infinite ease-in-out 2s;-o-animation:scale2 infinite ease-in-out 2s;animation:scale2 infinite ease-in-out 2s;} /* Button shadow */ @-webkit-keyframes si-button-pulse {from {box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0),0 0 4px 71px rgba(255, 48, 26, 0);}} @-moz-keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;} to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 4px 71px rgba(255, 48, 26, 0);}} @keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 4px 71px rgba(255, 48, 26, 0);}} .pulse-button:hover{box-shadow:none;-webkit-animation: si-button-pulse 0.8s 0s ease-out 1;-moz-animation: si-button-pulse 0.8s 0s ease-out 1;animation: si-button-pulse 0.8s 0s ease-out 1;} /* Shake */ @-webkit-keyframes shake {0%, 100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @-moz-keyframes shake {0%, 100% {-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-moz-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @-o-keyframes shake {0%, 100% {-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-o-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @keyframes shake {0%, 100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} /* Buzz out */ @-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @-moz-keyframes buzz-out{10%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-moz-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-moz-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @-o-keyframes buzz-out{10%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-o-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-o-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} /* Rotate */ @-webkit-keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @-moz-keyframes si-rotate {from {-moz-transform:rotate(0deg);transform:rotate(0deg);} to {-moz-transform:rotate(360deg);transform:rotate(360deg);}} @-o-keyframes si-rotate {from {-o-transform:rotate(0deg);transform:rotate(0deg);} to {-o-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} .si-rotate{-webkit-animation:si-rotate infinite linear 1.8s;-moz-animation:si-rotate infinite linear 1.8s;-o-animation:si-rotate infinite linear 1.8s;animation:si-rotate infinite linear 1.8s;} .si-error{-webkit-animation:shake 1 linear 0.8s;-moz-animation:shake 1 linear 0.8s;-o-animation:shake 1 linear 0.8s;animation:shake 1 linear 0.8s;} .buzz-out{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;} /* Scroll */ @-webkit-keyframes scroll{100%{background-position:-3000px center;}} @-moz-keyframes scroll{100%{background-position:-3000px center;}} @-o-keyframes scroll{100%{background-position:-3000px center;}} @-ms-keyframes scroll{100%{background-position:-3000px center;}} @keyframes scroll{100%{background-position:-3000px center;}} .si-scroll{-webkit-animation:100s scroll infinite linear;-moz-animation:100s scroll infinite linear;-o-animation:100s scroll infinite linear;-ms-animation:100s scroll infinite linear;animation:100s scroll infinite linear;} /*---------------- Reset ----------------*/ html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{} table{border-collapse:collapse;border-spacing:0} button,img{border:0;vertical-align:middle} ul,li{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-weight:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%;} body,td,div,input,textarea,select {font-style:normal;font-weight:normal;} *:focus{outline:none} header,footer,nav,section,article,aside{display:block} iframe{border:0} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666;} input::-moz-placeholder,textarea::-moz-placeholder{color:#666;} input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#666;} input.placeholder,textarea.placeholder{color:#666;} input.si-error::-webkit-input-placeholder,textarea.si-error::-webkit-input-placeholder{color:#cb0707;} input.si-error::-moz-placeholder,textarea.si-error::-moz-placeholder{color:#cb0707;} input.si-error::-ms-input-placeholder,textarea.si-error::-ms-input-placeholder {color:#cb0707;} input.si-error.placeholder,textarea.si-error.placeholder{color:#cb0707;} input.white::-webkit-input-placeholder,textarea.white::-webkit-input-placeholder{color:#fff;} input.white::-moz-placeholder,textarea.white::-moz-placeholder{color:#fff;} input.white::-ms-input-placeholder,textarea.white::-ms-input-placeholder {color:#fff;} input.white.placeholder,textarea.white.placeholder{color:#fff;} input.white.si-error::-webkit-input-placeholder,textarea.white.si-error::-webkit-input-placeholder{color:#fff;} input.white.si-error::-moz-placeholder,textarea.white.si-error::-moz-placeholder{color:#fff;} input.white.si-error::-ms-input-placeholder,textarea.white.si-error::-ms-input-placeholder {color:#fff;} input.white.si-error.placeholder,textarea.white.si-error.placeholder{color:#fff;} label{cursor:pointer;display:block;font:16px/20px 'Open Sans';color:#666;} label.default{cursor:default;} .label-inner{overflow:hidden;display:block;} label b{display:block;font:700 18px/24px Open Sans;color:#2f2f2f;} /* === Inputs === */ .input, textarea{-webkit-appearance:none;appearance:none;position:relative;margin:10px 0;width:100%;padding:10px 20px;border:2px solid #e1e1e1;border-radius:2px;box-sizing:border-box;font:14px 'Open Sans';-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .input:hover, textarea:hover{border-color:#ffd200;} .input:focus, textarea:focus{border-color:#ffd200;box-shadow:0 0 5px 1px #ffd200;} .input.si-error, textarea.si-error{color:#cb0707;border-color:#cb0707} textarea{resize:none;overflow:hidden;} .input.white{border:2px solid #fff;background:transparent;color:#fff;} .input.white:hover{box-shadow:0 0 5px 1px #fff;} .input.white:focus{box-shadow:0 0 10px 1px #fff;} input.readonly{border-color:#e1e1e1 !important;box-shadow:none !important;} input[name="name"]{display:none !important;} .submit{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;position:relative;margin:10px 0;color:#fff;background:#ffd200;border:1px solid #020202;padding:18px 50px;border-radius:3px;font:700 14px/24px 'Open Sans';-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .submit:hover{background:#ffd200;border-color:#020202;} .submit:active{top:1px;background:#ffd200;border-color:#ffd200;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)} .submit.disabled{cursor:default;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);} .submit.medium{font:700 16px/24px 'Open Sans';} .submit.block{width:100%;display:block;} .submit.small{padding:9px 20px;} .submit.white{background:#fff;color:#2d2d2d;border:0;} .submit.white:hover{background:#f4f4f4;} .submit.white:active{background:#eee;} /*---------------- Styles ----------------*/ ul.with-dots{} ul.with-dots li{color:#666;font:16px/24px 'Open Sans';margin:0 0 15px;padding:0 0 0 20px;position:relative;} ul.with-dots li:before{display:block;content:'';width:5px;height:5px;background:#ffd200;border-radius:50%;position:absolute;left:0;top:9px;} .si-svg{-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} a.button{position:relative;display:inline-block;text-decoration:none;margin:10px 0;color:#fff;background:#ffd200;border:1px solid #020202;padding:18px 50px;border-radius:3px;font:700 16px/24px 'Open Sans'} a.button:hover{background:#ffd200;border-color:#020202;} a.button:active{top:1px;background:#ffd200;border-color:#ffd200;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)} a.button.block{padding:15px 20px;display:block;text-align:center;} a.button.small{font:700 14px/24px 'Open Sans';} a.button.extra-small{font:700 14px/24px 'Open Sans';margin:5px 0;padding:8px 40px;} a.button.border{background:transparent;border:2px solid #ffd200;color:#2d2d2d;} a.button.border:hover{background:#ffd200;color:#fff;} a.button.border:active{background:#ffd200;border:2px solid #ffd200;color:#fff;} .clear{clear:both;display:block;} .centered{max-width:970px;margin:0 auto;position:relative;box-sizing:border-box;} .justify{text-align:justify;} .justify:after{display:inline-block;content:'';width:100%;height:0;visibility:hidden} .last-line-hack{display:inline-block;width:100%;height:0;visibility:hidden} .si-clear{} .si-clear:after{display:block;content:'';clear:both;} .no-display{display: none;} .display-none{display:none;} .invisible{opacity:0;} .green{color:#ffd200;} .dark-green{color:#020202;} .darkest-green{color:#ffd200;} .text-align-center{text-align:center;} .icon{display:inline-block;vertical-align:top;position:relative;background:url(../images/icons.png) no-repeat} .hover-icon{background:none;} .hover-icon:before,.hover-icon:after{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/icons.png) no-repeat;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .hover-icon:before{opacity:1;} .hover-icon:after{opacity:0;} .icon-hover:hover .hover-icon:before,.icon-hover:active .hover-icon:before,.icon-hover.active .hover-icon:before{opacity:0.2;} .icon-hover:hover .hover-icon:after,.icon-hover:active .hover-icon:after,.icon-hover.active .hover-icon:after{opacity:1;} #mobile-top{display:none;position:fixed;top:0;left:0;right:0;z-index:101;padding:15px 0;background:#fff;} .sandwich-link{display:block;padding:12px;display:inline-block;cursor:pointer;position:relative;width:40px;height:24px;float:right;} .sandwich-link span{display:block;top:50%;margin-top:-2px} .sandwich-link span,.sandwich-link span:before,.sandwich-link span:after{content:"";display:block;width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform, background;transition-duration:.2s;transition-timing-function:ease} .sandwich-link span:before{top:-10px} .sandwich-link span:after{bottom:-10px} .sandwich-link span{transition-duration:.1s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)} .sandwich-link span:before{transition:top .1s .14s ease,opacity .1s ease;} .sandwich-link span:after{transition:bottom .1s .14s ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19);} .sandwich-link:hover{opacity:.7;} .sandwich-link:hover span,.sandwich-link:hover span:before,.sandwich-link:hover span:after{} .sandwich-link:active{} .sandwich-link.active span{transform:rotate(45deg);transition-delay:.14s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)} .sandwich-link.active span:before{top:0;opacity:0;transition:top .1s ease,opacity .1s .14s ease} .sandwich-link.active span:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s .14s cubic-bezier(0.215,0.61,0.355,1)} .mobile-nav-wrapper{color:#2d2d2d;text-align:left;position:fixed;top:0;left:100%;right:0;bottom:0;background:#fff;opacity:0;z-index:0;visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .mobile-nav-wrapper.active{z-index:100;visibility:visible;left:0;opacity:1;} #mobile-nav{padding:90px 0 0;} #mobile-nav li{} #mobile-nav li a{position:relative;display:block;padding:15px 20px;font:700 14px/20px 'Open Sans';color:#2f2f2f;border-bottom:1px solid #eee;text-decoration:none;text-transform:uppercase;} #mobile-nav li a:hover, #mobile-nav li:hover > a{background:#eee;color:#ffd200;} #mobile-nav li a:active{background:#ccc;color:#ffd200;} #mobile-nav li.current a{background:#eee;color:#ffd200;} #mobile-nav li ul{} #mobile-nav li ul li{} #mobile-nav li ul li a{padding-left:40px;} #mobile-nav li ul li a:before{display:block;content:'';width:10px;height:2px;background:#ffd200;position:absolute;left:20px;top:50%;margin-top:-1px;} #mobile-nav li ul li a{background:transparent;} .mobile-phone{position:fixed;bottom:20px;right:20px;background:#ffd200;border-radius:50%;width:65px;height:65px;opacity:.7;z-index:99;display:none;box-shadow:0 0 5px #fff;} .mobile-phone:hover{opacity:1;} .mobile-phone:active{opacity:1;background:#ffd200;} .mobile-phone svg{width:30px;height:30px;fill:#fff;position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;} #calc{padding:0px 0;} .calc-wrapper-2{width:100%;margin:0px auto 0;background:url(../images/page-form-bg.jpg);border:1px solid #ebebeb;box-sizing:border-box;padding:30px;box-shadow:0 20px 30px 0 rgba(0,0,0,.1);} .calc-wrapper{background:#fff;border:1px solid #ebebeb;padding:25px;} .calc{border:5px solid #ffd200;padding:20px 20px;} .calc-title{padding:0 0 50px;font:700 18px/26px 'Open Sans';text-align:center;} .calc-title i{display:block;font:14px/20px 'Open Sans';color:#666;padding:10px 0;} .calc-row{margin:0 0 20px;} .calc-description{width:30%;margin:0 4% 0 0;float:left;font:16px/16px 'Open Sans';color:#666;padding:2px 0 0;} .calc-description.reverse{float:right;margin:0 0 0 4%;} .calc-radios-wrapper{overflow:hidden;} .calc-radio-wrapper{float:left;width:48%;padding:0 2% 0 0;box-sizing:border-box;} .calc-row-half{width:55%;float:left;padding:0 5% 0 0;box-sizing:border-box;} .calc-row-half:nth-child(2){width:45%;padding:0;} .calc-row-input-wrapper{float:left;width:66%} select, .jq-selectbox{width:100%;} .calc-input{text-align:center;margin:0;font:700 18px/24px Open Sans;padding:7px 20px;} .calc-price{text-align:center;font:700 18px/30px Open Sans;padding:0 0 10px;} .calc-price b{font:700 25px/36px 'Open Sans';padding:0 10px;} .calc-price-pallet{text-align:center;font:16px/24px 'Open Sans';color:#666;} .calc-button-wrapper{text-align:center;padding:50px 0 0;} .calc-button-holder{width:320px;height:100px;background:url(../images/auto.png) no-repeat;display:inline-block;text-align:right;position:relative;left:-31px;} .calc-button{margin:0 !important;width:262px;box-sizing:border-box;text-align:center;} .calc-dostavka i {display: block;text-align: center;font: 14px/20px 'Open Sans';color: #666;padding: 10px 0;} /*---------------- Modals ----------------*/ html.si-lock{overflow:hidden !important;} .fancybox-margin{margin-right:0 !important} .si-overlay, .si-overlay-2{display:none;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:203;} .si-overlay-2{z-index:205} .si-modals-wrapper, .si-modals-wrapper-2{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:203;overflow:auto;-webkit-overflow-scrolling:touch;padding:15px;} .si-modals-wrapper-2{z-index:205} .si-modal{display:none;position:relative;background:#fff;padding:60px 20px;text-align:center;max-width:940px;margin:30px auto;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:transform 0.5s ease-out 0s;-moz-transition:transform 0.5s ease-out 0s;-o-transition:transform 0.5s ease-out 0s;transition:transform 0.5s ease-out 0s;} .si-modal.si-visible{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .modal-form-title{font:900 42px/48px Open Sans;padding:0 0 20px;} .modal-form-title.small{font:900 28px/36px Open Sans;} .modal-form-extra{padding:0 0 30px;font:20px/30px Open Sans;} .modal-form-extra a{color:inherit;border-bottom:1px solid transparent;text-decoration:none;font-weight:700;} .modal-form-extra a:hover{border-bottom:1px solid #fff;} .modal-time{font:700 28px/36px Open Sans;padding:0 0 30px;} .modal-inputs-wrapper{width:60%;margin:0 auto;line-height:0;} .modal-input-wrapper{display:inline-block;vertical-align:top;position:relative;width:48%;} .si-close{display:block;width:20px;height:20px;position:absolute;right:15px;top:15px;z-index:5;} .si-close:active{top:16px;} .si-close:before,.si-close:after{display:block;content:'';width:30px;height:6px;background:#2d2d2d;border-radius:3px;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-15px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .si-close:before{-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .si-close:after{-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .si-close:hover:before,.si-close:hover:after{background:#ffd200} .si-close:hover:before{-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);} .si-close:hover:after{-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .si-close:active:before,.si-close:active:after{background:#ffd200} .si-close:active:before{-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);} .si-close:active:after{-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .price-cena {font: 700 18px/30px Open Sans;padding: 0 5px;} .price-cena b {font: 700 25px/36px Open Sans;padding: 0 5px;} .price-modal{padding:60px 0 0;text-align:left;} .modal-title{font:700 35px/48px Open Sans;text-align:center;padding:0 0 10px;} .modal-top{margin: 0 3% 10px;} .modal-images-wrapper{width:40%;float:left;background:#e6e6e6;position:relative;padding:10px;box-sizing:border-box;} .modal-images-wrapper-inner{position:relative;} .modal-image{width:100%;} .modal-image-slider-wrapper{position:absolute;left:0px;top:0px;right:0px;bottom:0px;overflow:hidden;width:51%;} .modal-images-toggle{position:absolute;z-index:5;width:2px;top:0px;bottom:0px;left:51%;margin-left:-1px;background:#ffd200;} .toggle{width:26px;height:26px;position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;} .toggle .st0{fill:#ffd200} .toggle .st1{fill:#FFF} .modal-image-title{position:absolute;color:#2d2d2d;font:14px/18px 'Open Sans';background:#e6e6e6;padding:10px 20px;z-index:7;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .modal-image-title.active{background:#ffd200;color:#fff;} .modal-image-title.left{left:0;top:0;} .modal-image-title.right{right:0;bottom:0;} .modal-top-text{width:55%;float:right;} .modal-top-text-inner{display:none;} .modal-top-text-inner.active{display:block;} .modal-price{font:25px/36px 'Open Sans';padding:20px 0;} .modal-params{display:none;} .modal-params.active{display:block;} .modal-params-tabs{margin:0 0%} .modal-param-tab{display:block;float:left;margin:0 10px 0 0;padding:10px 50px;font:700 16px/24px 'Open Sans';cursor:pointer;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .modal-param-tab:hover{background:#f5f5f5;} .modal-param-tab:active{background:#f2f2f2;} .modal-param-tab.active{background:#f5f5f5;} .modal-params-content{background:#f5f5f5;display:block;} .modal-params-content-inner{display:none;position:relative;} .modal-params-content-inner.active{display:block;} .modal-table{width:100%;} .modal-table tr{-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .modal-table tr:not(.title-row):hover{background:#e6e6e6;cursor:pointer;} .modal-table th{font-weight:700;color:#2d2d2d;padding:5px 20px;} .modal-table td{font:14px/20px 'Open Sans';color:#666;padding:5px 20px;} .modal-table.fixed-table{table-layout:fixed;} .modal-table.fixed-table td:first-child, .modal-table.fixed-table th:first-of-type{width:33%;} .pseudo-table{position:absolute;left:0;top:0;right:0;background:#f5f5f5;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s ease-out 0s;-moz-transition:opacity 0.2s ease-out 0s;-o-transition:opacity 0.2s ease-out 0s;transition:opacity 0.2s ease-out 0s;} .pseudo-table.visible{opacity:.9;visibility:visible;} .modal-extra{padding:50px 8%;} .modal-extra-title{font:700 28px/36px 'Open Sans';padding:0 0 50px;text-align:center;} .modal-extra-image-wrapper{float:left;width:50%;text-align:center;} .modal-extra-image-holder{display:inline-block;position:relative;max-width:100%;} .modal-extra-image{width:100%;} .modal-extra-image-discount{display:block;position:absolute;right:0;bottom:0;padding:25px 40px;background:#e4441e;color:#fff;font:700 18px/24px 'Open Sans';} .modal-extra-text{float:right;width:38%;} .price-form{background:#ffd200;color:#fff;padding:50px 8%;text-align:center;} .si-success-modal{display:none;position:relative;background:#fff;padding:60px 20px;font:700 28px/36px Open Sans;text-align:center;max-width:940px;margin:30px auto;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:transform 0.5s ease-out 0s;-moz-transition:transform 0.5s ease-out 0s;-o-transition:transform 0.5s ease-out 0s;transition:transform 0.5s ease-out 0s;} .si-success-modal.si-visible{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .si-success-modal-title{font:900 42px/48px Open Sans;padding:0 0 20px;} .success-time{font:21px/36px 'Open Sans';padding:30px 0 0;} /*---------------- SI Page Messages ----------------*/ .si-page-message-overlay{display:block;position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;z-index:299;background:rgba(0,0,0,.8);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-overlay.show{opacity:1;visibility:visible;} .si-page-message{display:block;position:fixed;width:101%;height:0;top:50%;left:50%;background:#ffd200;opacity:0;visibility:hidden;z-index:300;box-shadow:0 0 10px #000;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message.show{height:200px;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-inner{display:table-cell;opacity:0;height:200px;width:1920px;text-align:center;vertical-align:middle;font-size:30px;line-height:36px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-inner.show{opacity:1;-webkit-transition:all 0.5s ease-out 0.5s;-moz-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s;} /*---------------- SI Forms ----------------*/ .send-form{position:relative;} .send-form:before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000;background:transparent;display:none;} .send-form.disabled:before{display:block;} .send-form.disabled > *{opacity:.3;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .cssload-box-loading{opacity:0;visibility:hidden;z-index:-1;width:49px;height:49px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}.cssload-box-loading:after,.cssload-box-loading:before{content:'';width:49px;position:absolute;left:0}.cssload-box-loading:before{height:5px;background:#000;opacity:.1;top:58px;border-radius:50%;animation:shadow .58s linear infinite;-o-animation:shadow .58s linear infinite;-ms-animation:shadow .58s linear infinite;-webkit-animation:shadow .58s linear infinite;-moz-animation:shadow .58s linear infinite}.cssload-box-loading:after{height:49px;background:#ffd200;top:0;border-radius:3px;animation:cssload-animate .58s linear infinite;-o-animation:cssload-animate .58s linear infinite;-ms-animation:cssload-animate .58s linear infinite;-webkit-animation:cssload-animate .58s linear infinite;-moz-animation:cssload-animate .58s linear infinite}@keyframes cssload-animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:39px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@-o-keyframes cssload-animate{17%{border-bottom-right-radius:3px}25%{-o-transform:translateY(9px) rotate(22.5deg)}50%{-o-transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:39px}75%{-o-transform:translateY(9px) rotate(67.5deg)}100%{-o-transform:translateY(0) rotate(90deg)}}@-ms-keyframes cssload-animate{17%{border-bottom-right-radius:3px}25%{-ms-transform:translateY(9px) rotate(22.5deg)}50%{-ms-transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:39px}75%{-ms-transform:translateY(9px) rotate(67.5deg)}100%{-ms-transform:translateY(0) rotate(90deg)}}@-webkit-keyframes cssload-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:39px}75%{-webkit-transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg)}}@-moz-keyframes cssload-animate{17%{border-bottom-right-radius:3px}25%{-moz-transform:translateY(9px) rotate(22.5deg)}50%{-moz-transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:39px}75%{-moz-transform:translateY(9px) rotate(67.5deg)}100%{-moz-transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}@-o-keyframes shadow{0%,100%{-o-transform:scale(1,1)}50%{-o-transform:scale(1.2,1)}}@-ms-keyframes shadow{0%,100%{-ms-transform:scale(1,1)}50%{-ms-transform:scale(1.2,1)}}@-webkit-keyframes shadow{0%,100%{-webkit-transform:scale(1,1)}50%{-webkit-transform:scale(1.2,1)}}@-moz-keyframes shadow{0%,100%{-moz-transform:scale(1,1)}50%{-moz-transform:scale(1.2,1)}} .green-form .cssload-box-loading:after{background:#fff;} .send-form.disabled .cssload-box-loading{opacity:1 !important;visibility:visible !important;z-index:20 !important;} /*---------------- NProgress ----------------*/ #nprogress{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;z-index:1031;} #nprogress .bar {background:#ffd200;position:absolute;top:0;left:0;width:100%;height:3px;z-index:1031;} #nprogress .bar:after{display:block;content:'';position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #ffd200, 0 0 5px #ffd200;opacity:1;-webkit-transform: rotate(3deg) translate(0px, -4px);-moz-transform: rotate(3deg) translate(0px, -4px);-ms-transform: rotate(3deg) translate(0px, -4px);transform: rotate(3deg) translate(0px, -4px);} #nprogress .spinner{display:block;position:absolute;top:15px;right:35px;z-index:1031;} #nprogress .spinner:before {display:block;content:'';width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#ffd200;border-left-color:#ffd200;border-radius:50%;-webkit-animation: nprogress-spinner 400ms linear infinite;-moz-animation: nprogress-spinner 400ms linear infinite;-ms-animation: nprogress-spinner 400ms linear infinite;-o-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;} .nprogress-custom-parent{overflow:hidden;position:relative;} @-webkit-keyframes nprogress-spinner {0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}} @-moz-keyframes nprogress-spinner {0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}} @-ms-keyframes nprogress-spinner {0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}} @-o-keyframes nprogress-spinner {0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}