/* Start:/local/templates/litolevel/assets/css/vendor.css?152926631739793*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.jq-checkbox,.jq-radio{position:relative;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jq-checkbox input,.jq-radio input{position:absolute;z-index:-1;margin:0;padding:0;opacity:0}.jq-file{position:relative;display:inline-block;overflow:hidden}.jq-file input{position:absolute;top:0;right:0;height:auto;margin:0;padding:0;opacity:0;font-size:100px;line-height:1em}.jq-file__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jq-select-multiple,.jq-selectbox{position:relative;display:inline-block}.jq-select-multiple select,.jq-selectbox select{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0}.jq-select-multiple li,.jq-selectbox li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-selectbox{z-index:10}.jq-selectbox__select{position:relative}.jq-selectbox__select-text{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox__dropdown{position:absolute}.jq-selectbox__search input{-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__dropdown ul{position:relative;overflow:auto;overflow-x:hidden;list-style:none;-webkit-overflow-scrolling:touch}.jq-select-multiple ul{position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch}.jq-number{display:inline-block}.jq-number__field input{-moz-appearance:textfield;text-align:left}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.jq-checkbox,.jq-radio{vertical-align:-4px;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #c3c3c3;background:linear-gradient(#fff,#e6e6e6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #fff,inset 1px -1px #fff;cursor:pointer}.jq-checkbox.focused,.jq-radio.focused{border:1px solid #08c}.jq-checkbox.disabled,.jq-radio.disabled{opacity:.55}.jq-checkbox{border-radius:3px}.jq-checkbox.checked .jq-checkbox__div{width:8px;height:4px;margin:3px 0 0 3px;border-bottom:2px solid #666;border-left:2px solid #666;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}.jq-radio{border-radius:50%}.jq-radio.checked .jq-radio__div{width:10px;height:10px;margin:3px 0 0 3px;border-radius:50%;background:#777;box-shadow:inset 1px 1px 1px rgba(0,0,0,.7)}.jq-file{width:270px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.jq-file input{cursor:pointer}.jq-file__name{box-sizing:border-box;width:100%;height:34px;padding:0 80px 0 10px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:inset 1px 1px #f1f1f1;font:14px/32px Arial,sans-serif;color:#333}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #ccc;border-radius:0 4px 4px 0;background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff}.jq-file:hover .jq-file__browse{background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-file:active .jq-file__browse{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-file.focused .jq-file__name{border:1px solid #5794bf}.jq-file.disabled,.jq-file.disabled .jq-file__browse,.jq-file.disabled .jq-file__name{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-number{position:relative;vertical-align:middle;padding:0 36px 0 0}.jq-number__field{width:100px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1)}.jq-number__field:hover{border-color:#b3b3b3}.jq-number__field input{box-sizing:border-box;width:100%;padding:8px 9px;border:0;outline:0;background:0;font:14px Arial,sans-serif;color:#333}.jq-number__spin{position:absolute;top:0;right:0;width:32px;height:14px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:linear-gradient(#fff,#e6e6e6);box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px #fff;cursor:pointer}.jq-number__spin.minus{top:auto;bottom:0}.jq-number__spin:hover{background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-number__spin:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-number__spin:after{content:'';position:absolute;top:4px;left:11px;width:0;height:0;border-right:5px solid transparent;border-bottom:5px solid #999;border-left:5px solid transparent}.jq-number__spin.minus:after{top:5px;border-top:5px solid #999;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.jq-number__spin.minus:hover:after{border-top-color:#000}.jq-number__spin.plus:hover:after{border-bottom-color:#000}.jq-number.focused .jq-number__field{border:1px solid #5794bf}.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-number.disabled .jq-number__spin:after{border-bottom-color:#aaa}.jq-number.disabled .jq-number__spin.minus:after{border-top-color:#aaa}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff}.jq-selectbox__select:hover{background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-selectbox__select:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794bf}.jq-selectbox.disabled .jq-selectbox__select{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;width:100%}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #ccc}.jq-selectbox__trigger-arrow{position:absolute;top:14px;right:12px;width:0;height:0;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#aaa}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #ccc;border-radius:3px;outline:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;box-shadow:inset 1px 1px #f1f1f1;color:#333}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#f0f0f0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;color:#231f20}.jq-selectbox li.selected{background-color:#a3abb1;color:#fff}.jq-selectbox li:hover{background-color:#08c;color:#fff}.jq-selectbox li.disabled{color:#aaa}.jq-selectbox li.disabled:hover{background:0}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:0;color:#231f20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/18px Arial,sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794bf}.jq-select-multiple.disabled{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08c;color:#fff}.jq-select-multiple li.disabled{color:#aaa}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}.jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected{background:#ccc;color:#fff}input[type=email].styler,input[type=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler{padding:8px 9px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333}input[type=search].styler{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea.styler{overflow:auto}input[type=email].styler:hover,input[type=password].styler:hover,input[type=search].styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url].styler:hover,textarea.styler:hover{border-color:#b3b3b3}input[type=email].styler:hover:focus,input[type=password].styler:hover:focus,input[type=search].styler:hover:focus,input[type=tel].styler:hover:focus,input[type=text].styler:hover:focus,input[type=url].styler:hover:focus,textarea.styler:hover:focus{border-color:#ccc;border-top-color:#b3b3b3;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}button.styler,input[type=button].styler,input[type=reset].styler,input[type=submit].styler{overflow:visible;padding:8px 11px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;outline:0;background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff;cursor:pointer}button.styler.styler::-moz-focus-inner,input[type=button].styler.styler::-moz-focus-inner,input[type=reset].styler.styler::-moz-focus-inner,input[type=submit].styler.styler::-moz-focus-inner{padding:0;border:0}button.styler:not([disabled]):hover,input[type=button].styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=reset].styler:not([disabled]):hover,input[type=submit].styler:not([disabled]):hover{background:linear-gradient(#f6f6f6,#e6e6e6)}button.styler:active,input[type=button].styler:active,input[type=reset].styler:active,input[type=submit].styler:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}button.styler[disabled],input[type=button].styler[disabled],input[type=submit].styler[disabled]{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
/* End */
/* Start:/local/templates/litolevel/assets/css/styles.css?1529266328251258*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,500,500i,700,700i&subset=cyrillic');
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: 'PT Sans', Helvetica, sans-serif;
font-size: 15px;
line-height: 1.42857143;
color: #373737;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #fe0000;
text-decoration: none;
}
a:hover,
a:focus {
color: #cb0000;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 18px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'PT Sans', "Times New Roman", Times, serif;
font-weight: 700;
line-height: 1.1;
color: #373737;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 21px;
margin-bottom: 10.5px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10.5px;
margin-bottom: 10.5px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 35px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 17px;
}
h4,
.h4 {
font-size: 16px;
}
h5,
.h5 {
font-size: 15px;
}
h6,
.h6 {
font-size: 14px;
}
p {
margin: 0 0 10.5px;
}
.lead {
margin-bottom: 21px;
font-size: 17px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 22.5px;
}
}
small,
.small {
font-size: 93%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #fe0000;
}
a.text-primary:hover,
a.text-primary:focus {
color: #cb0000;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #fe0000;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #cb0000;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 21px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 992px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10.5px 21px;
margin: 0 0 21px;
font-size: 18.75px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 21px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 18px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 10px;
margin: 0 0 10.5px;
font-size: 14px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 18px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 10px;
padding-bottom: 10px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 21px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 10px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #adadae;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #adadae;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #adadae;
}
.table .table {
background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #adadae;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #adadae;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #adadae;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 21px;
font-size: 22.5px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 15px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 35px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #d7d7d7;
border-radius: 18px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 35px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 33px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 45px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 36px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 33px;
line-height: 33px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 33px;
line-height: 33px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 33px;
min-height: 35px;
padding: 6px 10px;
font-size: 14px;
line-height: 1.5;
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 45px;
line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 45px;
line-height: 45px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 45px;
min-height: 38px;
padding: 11px 16px;
font-size: 17px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 43.75px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 45px;
height: 45px;
line-height: 45px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 33px;
height: 33px;
line-height: 33px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 26px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #777777;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 28px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 17px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 14px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 15px;
line-height: 1.42857143;
border-radius: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #a6a6a6;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #a6a6a6;
background-color: transparent;
border-color: #a6a6a6;
}
.btn-default:focus,
.btn-default.focus {
color: #a6a6a6;
background-color: rgba(0, 0, 0, 0);
border-color: #666666;
}
.btn-default:hover {
color: #a6a6a6;
background-color: rgba(0, 0, 0, 0);
border-color: #878787;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #a6a6a6;
background-color: rgba(0, 0, 0, 0);
border-color: #878787;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #a6a6a6;
background-color: rgba(0, 0, 0, 0);
border-color: #666666;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: transparent;
border-color: #a6a6a6;
}
.btn-default .badge {
color: transparent;
background-color: #a6a6a6;
}
.btn-primary {
color: #fff;
background-color: #fe0000;
border-color: #e50000;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #cb0000;
border-color: #650000;
}
.btn-primary:hover {
color: #fff;
background-color: #cb0000;
border-color: #a70000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #cb0000;
border-color: #a70000;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #a70000;
border-color: #650000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #fe0000;
border-color: #e50000;
}
.btn-primary .badge {
color: #fe0000;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #0094e5;
border-color: #0084cc;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #0073b2;
border-color: #00314c;
}
.btn-info:hover {
color: #fff;
background-color: #0073b2;
border-color: #005c8e;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #0073b2;
border-color: #005c8e;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #005c8e;
border-color: #00314c;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #0094e5;
border-color: #0084cc;
}
.btn-info .badge {
color: #0094e5;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #fdbd41;
border-color: #fdb428;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #fcab0f;
border-color: #a36c02;
}
.btn-warning:hover {
color: #fff;
background-color: #fcab0f;
border-color: #e59802;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #fcab0f;
border-color: #e59802;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #e59802;
border-color: #a36c02;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #fdbd41;
border-color: #fdb428;
}
.btn-warning .badge {
color: #fdbd41;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #ef4e25;
border-color: #ef4e25;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #d2370f;
border-color: #8a240a;
}
.btn-danger:hover {
color: #fff;
background-color: #d2370f;
border-color: #c8340f;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #d2370f;
border-color: #c8340f;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #b02e0d;
border-color: #8a240a;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #ef4e25;
border-color: #ef4e25;
}
.btn-danger .badge {
color: #ef4e25;
background-color: #fff;
}
.btn-link {
color: #fe0000;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #cb0000;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 18px;
border-top-left-radius: 18px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 18px;
border-bottom-left-radius: 18px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 45px;
line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 33px;
line-height: 33px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #d7d7d7;
border-radius: 18px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 14px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 17px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #fe0000;
}
.nav .nav-divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 18px 18px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
padding: 0;
font-size: 0;
text-align: justify;
letter-spacing: -0.4em;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified * {
letter-spacing: normal;
}
.nav-tabs.nav-justified::after {
content: '';
display: inline-block;
vertical-align: top;
width: 100%;
}
.nav-tabs.nav-justified > li {
width: auto;
display: inline-block;
vertical-align: top;
float: none;
}
.nav-tabs.nav-justified > li a {
display: block;
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 18px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 18px 18px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 18px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #fe0000;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 18px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 18px 18px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 21px;
border: 1px solid transparent;
}
@media (min-width: 992px) {
.navbar {
border-radius: 18px;
}
}
@media (min-width: 992px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 992px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 992px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 992px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 992px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 14.5px 15px;
font-size: 17px;
line-height: 21px;
height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 992px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 18px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 992px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.25px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 21px;
}
@media (max-width: 991px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 21px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 992px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 14.5px;
padding-bottom: 14.5px;
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 7.5px;
margin-bottom: 7.5px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 991px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 18px;
border-top-left-radius: 18px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 7.5px;
margin-bottom: 7.5px;
}
.navbar-btn.btn-sm {
margin-top: 8.5px;
margin-bottom: 8.5px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 14.5px;
margin-bottom: 14.5px;
}
@media (min-width: 992px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 992px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555;
}
@media (max-width: 991px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #fff;
}
@media (max-width: 991px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 21px;
list-style: none;
background-color: #f5f5f5;
border-radius: 18px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #ccc;
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 21px 0;
border-radius: 18px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #fe0000;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 18px;
border-top-left-radius: 18px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 18px;
border-top-right-radius: 18px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #cb0000;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
background-color: #fe0000;
border-color: #fe0000;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.alert {
padding: 15px;
margin-bottom: 21px;
border: 1px solid transparent;
border-radius: 18px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
.panel {
margin-bottom: 21px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 18px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 17px;
border-top-left-radius: 17px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 17px;
border-top-left-radius: 17px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 17px;
border-top-left-radius: 17px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 17px;
border-top-right-radius: 17px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 17px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 17px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 17px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 17px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #adadae;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 21px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 18px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #fe0000;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #fe0000;
border-color: #fe0000;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #fe0000;
}
.panel-primary > .panel-heading .badge {
color: #fe0000;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #fe0000;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.close {
float: right;
font-size: 22.5px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after,
.footer__top:before,
.footer__top:after,
.footer__bottom:before,
.footer__bottom:after,
.horizontal-form .form-groups:before,
.horizontal-form .form-groups:after,
.vertical-form .form-groups:before,
.vertical-form .form-groups:after,
.pagination:before,
.pagination:after,
.page-head:before,
.page-head:after,
.content-block dl.dl-horizont:before,
.content-block dl.dl-horizont:after,
.digits-list:before,
.digits-list:after,
.complect-block__item:before,
.complect-block__item:after,
.catalog-list:before,
.catalog-list:after,
.laying-block:before,
.laying-block:after,
.calculator__form .form-groups:before,
.calculator__form .form-groups:after,
.contacts-block:before,
.contacts-block:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.panel-body:after,
.footer__top:after,
.footer__bottom:after,
.horizontal-form .form-groups:after,
.vertical-form .form-groups:after,
.pagination:after,
.page-head:after,
.content-block dl.dl-horizont:after,
.digits-list:after,
.complect-block__item:after,
.catalog-list:after,
.laying-block:after,
.calculator__form .form-groups:after,
.contacts-block:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.price:after {
content: '\20bd';
font-family: 'PT Sans', Helvetica, sans-serif;
margin-left: 5px;
}
.rub {
display: none;
}
.icon {
display: inline-block;
line-height: 1;
}
.icon.m-right {
margin-right: 10px;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.ico-hamburger {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 2px;
background: #ffffff;
position: relative;
margin: 0 10px 5px 0;
}
.ico-hamburger::before,
.ico-hamburger::after {
content: '';
width: 20px;
height: 2px;
position: absolute;
background: #ffffff;
left: 0;
}
.ico-hamburger::before {
top: -6px;
}
.ico-hamburger::after {
bottom: -6px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
Made by Justin Aguilar
www.justinaguilar.com/animations/
Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
animation-name:slideDown;
-webkit-animation-name:slideDown;
animation-duration:1s;
-webkit-animation-duration:1s;
animation-timing-function:ease;
-webkit-animation-timing-function:ease;
visibility:visible;
}
@keyframes slideDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
50% {
-webkit-transform:translateY(8%);
transform:translateY(8%);
}
65% {
-webkit-transform:translateY(-4%);
transform:translateY(-4%);
}
80% {
-webkit-transform:translateY(4%);
transform:translateY(4%);
}
95% {
-webkit-transform:translateY(-2%);
transform:translateY(-2%);
}
100% {
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform:translateY(-100%);
}
50% {
-webkit-transform:translateY(8%);
}
65% {
-webkit-transform:translateY(-4%);
}
80% {
-webkit-transform:translateY(4%);
}
95% {
-webkit-transform:translateY(-2%);
}
100% {
-webkit-transform:translateY(0%);
}
}
/*
==============================================
slideUp
==============================================
*/
.slideUp {
animation-name:slideUp;
-webkit-animation-name:slideUp;
animation-duration:1s;
-webkit-animation-duration:1s;
animation-timing-function:ease;
-webkit-animation-timing-function:ease;
visibility:visible;
}
@keyframes slideUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
50% {
-webkit-transform:translateY(-8%);
transform:translateY(-8%);
}
65% {
-webkit-transform:translateY(4%);
transform:translateY(4%);
}
80% {
-webkit-transform:translateY(-4%);
transform:translateY(-4%);
}
95% {
-webkit-transform:translateY(2%);
transform:translateY(2%);
}
100% {
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform:translateY(100%);
}
50% {
-webkit-transform:translateY(-8%);
}
65% {
-webkit-transform:translateY(4%);
}
80% {
-webkit-transform:translateY(-4%);
}
95% {
-webkit-transform:translateY(2%);
}
100% {
-webkit-transform:translateY(0%);
}
}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
animation-name:slideLeft;
-webkit-animation-name:slideLeft;
animation-duration:1s;
-webkit-animation-duration:1s;
animation-timing-function:ease-in-out;
-webkit-animation-timing-function:ease-in-out;
visibility:visible;
}
@keyframes slideLeft {
0% {
-webkit-transform:translateX(150%);
transform:translateX(150%);
}
50% {
-webkit-transform:translateX(-8%);
transform:translateX(-8%);
}
65% {
-webkit-transform:translateX(4%);
transform:translateX(4%);
}
80% {
-webkit-transform:translateX(-4%);
transform:translateX(-4%);
}
95% {
-webkit-transform:translateX(2%);
transform:translateX(2%);
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform:translateX(150%);
}
50% {
-webkit-transform:translateX(-8%);
}
65% {
-webkit-transform:translateX(4%);
}
80% {
-webkit-transform:translateX(-4%);
}
95% {
-webkit-transform:translateX(2%);
}
100% {
-webkit-transform:translateX(0%);
}
}
/*
==============================================
slideRight
==============================================
*/
.slideRight {
animation-name:slideRight;
-webkit-animation-name:slideRight;
animation-duration:1s;
-webkit-animation-duration:1s;
animation-timing-function:ease-in-out;
-webkit-animation-timing-function:ease-in-out;
visibility:visible;
}
@keyframes slideRight {
0% {
-webkit-transform:translateX(-150%);
transform:translateX(-150%);
}
50% {
-webkit-transform:translateX(8%);
transform:translateX(8%);
}
65% {
-webkit-transform:translateX(-4%);
transform:translateX(-4%);
}
80% {
-webkit-transform:translateX(4%);
transform:translateX(4%);
}
95% {
-webkit-transform:translateX(-2%);
transform:translateX(-2%);
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform:translateX(-150%);
}
50% {
-webkit-transform:translateX(8%);
}
65% {
-webkit-transform:translateX(-4%);
}
80% {
-webkit-transform:translateX(4%);
}
95% {
-webkit-transform:translateX(-2%);
}
100% {
-webkit-transform:translateX(0%);
}
}
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
animation-name:slideExpandUp;
-webkit-animation-name:slideExpandUp;
animation-duration:1.6s;
-webkit-animation-duration:1.6s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
visibility:visible;
}
@keyframes slideExpandUp {
0% {
-webkit-transform:translateY(100%) scaleX(0.5);
transform:translateY(100%) scaleX(0.5);
}
30% {
-webkit-transform:translateY(-8%) scaleX(0.5);
transform:translateY(-8%) scaleX(0.5);
}
40% {
-webkit-transform:translateY(2%) scaleX(0.5);
transform:translateY(2%) scaleX(0.5);
}
50% {
-webkit-transform:translateY(0%) scaleX(1.1);
transform:translateY(0%) scaleX(1.1);
}
60% {
-webkit-transform:translateY(0%) scaleX(0.9);
transform:translateY(0%) scaleX(0.9);
}
70% {
-webkit-transform:translateY(0%) scaleX(1.05);
transform:translateY(0%) scaleX(1.05);
}
80% {
-webkit-transform:translateY(0%) scaleX(0.95);
transform:translateY(0%) scaleX(0.95);
}
90% {
-webkit-transform:translateY(0%) scaleX(1.02);
transform:translateY(0%) scaleX(1.02);
}
100% {
-webkit-transform:translateY(0%) scaleX(1);
transform:translateY(0%) scaleX(1);
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform:translateY(100%) scaleX(0.5);
}
30% {
-webkit-transform:translateY(-8%) scaleX(0.5);
}
40% {
-webkit-transform:translateY(2%) scaleX(0.5);
}
50% {
-webkit-transform:translateY(0%) scaleX(1.1);
}
60% {
-webkit-transform:translateY(0%) scaleX(0.9);
}
70% {
-webkit-transform:translateY(0%) scaleX(1.05);
}
80% {
-webkit-transform:translateY(0%) scaleX(0.95);
}
90% {
-webkit-transform:translateY(0%) scaleX(1.02);
}
100% {
-webkit-transform:translateY(0%) scaleX(1);
}
}
/*
==============================================
expandUp
==============================================
*/
.expandUp {
animation-name:expandUp;
-webkit-animation-name:expandUp;
animation-duration:0.7s;
-webkit-animation-duration:0.7s;
animation-timing-function:ease;
-webkit-animation-timing-function:ease;
visibility:visible;
}
@keyframes expandUp {
0% {
-webkit-transform:translateY(100%) scale(0.6) scaleY(0.5);
transform:translateY(100%) scale(0.6) scaleY(0.5);
}
60% {
-webkit-transform:translateY(-7%) scaleY(1.12);
transform:translateY(-7%) scaleY(1.12);
}
75% {
-webkit-transform:translateY(3%);
transform:translateY(3%);
}
100% {
-webkit-transform:translateY(0%) scale(1) scaleY(1);
transform:translateY(0%) scale(1) scaleY(1);
}
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform:translateY(100%) scale(0.6) scaleY(0.5);
}
60% {
-webkit-transform:translateY(-7%) scaleY(1.12);
}
75% {
-webkit-transform:translateY(3%);
}
100% {
-webkit-transform:translateY(0%) scale(1) scaleY(1);
}
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
animation-name:fadeIn;
-webkit-animation-name:fadeIn;
animation-duration:1.5s;
-webkit-animation-duration:1.5s;
animation-timing-function:ease-in-out;
-webkit-animation-timing-function:ease-in-out;
visibility:visible;
}
@keyframes fadeIn {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0.0;
}
60% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
80% {
-webkit-transform:scale(0.9);
transform:scale(0.9);
opacity:1;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform:scale(0);
opacity:0.0;
}
60% {
-webkit-transform:scale(1.1);
}
80% {
-webkit-transform:scale(0.9);
opacity:1;
}
100% {
-webkit-transform:scale(1);
opacity:1;
}
}
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
animation-name:expandOpen;
-webkit-animation-name:expandOpen;
animation-duration:1.2s;
-webkit-animation-duration:1.2s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
visibility:visible;
}
@keyframes expandOpen {
0% {
-webkit-transform:scale(1.8);
transform:scale(1.8);
}
50% {
-webkit-transform:scale(0.95);
transform:scale(0.95);
}
80% {
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
90% {
-webkit-transform:scale(0.98);
transform:scale(0.98);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform:scale(1.8);
}
50% {
-webkit-transform:scale(0.95);
}
80% {
-webkit-transform:scale(1.05);
}
90% {
-webkit-transform:scale(0.98);
}
100% {
-webkit-transform:scale(1);
}
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
animation-name:bigEntrance;
-webkit-animation-name:bigEntrance;
animation-duration:1.6s;
-webkit-animation-duration:1.6s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
visibility:visible;
}
@keyframes bigEntrance {
0% {
-webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity:0.2;
}
30% {
-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity:1;
}
45% {
-webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity:1;
}
60% {
-webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity:1;
}
75% {
-webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity:1;
}
90% {
-webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity:1;
}
100% {
-webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity:1;
}
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity:0.2;
}
30% {
-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity:1;
}
45% {
-webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity:1;
}
60% {
-webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity:1;
}
75% {
-webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity:1;
}
90% {
-webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity:1;
}
100% {
-webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity:1;
}
}
/*
==============================================
hatch
==============================================
*/
.hatch {
animation-name:hatch;
-webkit-animation-name:hatch;
animation-duration:2s;
-webkit-animation-duration:2s;
animation-timing-function:ease-in-out;
-webkit-animation-timing-function:ease-in-out;
transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-webkit-transform-origin:50% 100%;
visibility:visible;
}
@keyframes hatch {
0% {
-webkit-transform:rotate(0deg) scaleY(0.6);
transform:rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform:rotate(-2deg) scaleY(1.05);
transform:rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform:rotate(2deg) scaleY(1);
transform:rotate(2deg) scaleY(1);
}
50% {
-webkit-transform:rotate(-2deg);
transform:rotate(-2deg);
}
65% {
-webkit-transform:rotate(1deg);
transform:rotate(1deg);
}
80% {
-webkit-transform:rotate(-1deg);
transform:rotate(-1deg);
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
}
@-webkit-keyframes hatch {
0% {
-webkit-transform:rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform:rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform:rotate(2deg) scaleY(1);
}
50% {
-webkit-transform:rotate(-2deg);
}
65% {
-webkit-transform:rotate(1deg);
}
80% {
-webkit-transform:rotate(-1deg);
}
100% {
-webkit-transform:rotate(0deg);
}
}
/*
==============================================
bounce
==============================================
*/
.bounce {
animation-name:bounce;
-webkit-animation-name:bounce;
animation-duration:1.6s;
-webkit-animation-duration:1.6s;
animation-timing-function:ease;
-webkit-animation-timing-function:ease;
transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-webkit-transform-origin:50% 100%;
}
@keyframes bounce {
0% {
-webkit-transform:translateY(0%) scaleY(0.6);
transform:translateY(0%) scaleY(0.6);
}
60% {
-webkit-transform:translateY(-100%) scaleY(1.1);
transform:translateY(-100%) scaleY(1.1);
}
70% {
-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05);
transform:translateY(0%) scaleY(0.95) scaleX(1.05);
}
80% {
-webkit-transform:translateY(0%) scaleY(1.05) scaleX(1);
transform:translateY(0%) scaleY(1.05) scaleX(1);
}
90% {
-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1);
transform:translateY(0%) scaleY(0.95) scaleX(1);
}
100% {
-webkit-transform:translateY(0%) scaleY(1) scaleX(1);
transform:translateY(0%) scaleY(1) scaleX(1);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform:translateY(0%) scaleY(0.6);
}
60% {
-webkit-transform:translateY(-100%) scaleY(1.1);
}
70% {
-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05);
}
80% {
-webkit-transform:translateY(0%) scaleY(1.05) scaleX(1);
}
90% {
-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1);
}
100% {
-webkit-transform:translateY(0%) scaleY(1) scaleX(1);
}
}
/*
==============================================
pulse
==============================================
*/
.pulse {
animation-name:pulse;
-webkit-animation-name:pulse;
animation-duration:1.5s;
-webkit-animation-duration:1.5s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
10% {
-webkit-transform:scale(0.95);
transform:scale(0.95);
opacity:0.7;
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
90% {
-webkit-transform:scale(0.95);
transform:scale(0.95);
opacity:0.7;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
opacity:1;
}
10% {
-webkit-transform:scale(0.95);
opacity:0.7;
}
50% {
-webkit-transform:scale(1);
opacity:1;
}
90% {
-webkit-transform:scale(0.95);
opacity:0.7;
}
100% {
-webkit-transform:scale(1);
opacity:1;
}
}
/*
==============================================
floating
==============================================
*/
.floating {
animation-name:floating;
-webkit-animation-name:floating;
animation-duration:1.5s;
-webkit-animation-duration:1.5s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes floating {
0% {
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
50% {
-webkit-transform:translateY(8%);
transform:translateY(8%);
}
100% {
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform:translateY(0%);
}
50% {
-webkit-transform:translateY(8%);
}
100% {
-webkit-transform:translateY(0%);
}
}
/*
==============================================
tossing
==============================================
*/
.tossing {
animation-name:tossing;
-webkit-animation-name:tossing;
animation-duration:2.5s;
-webkit-animation-duration:2.5s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes tossing {
0% {
-webkit-transform:rotate(-4deg);
transform:rotate(-4deg);
}
50% {
-webkit-transform:rotate(4deg);
transform:rotate(4deg);
}
100% {
-webkit-transform:rotate(-4deg);
transform:rotate(-4deg);
}
}
@-webkit-keyframes tossing {
0% {
-webkit-transform:rotate(-4deg);
}
50% {
-webkit-transform:rotate(4deg);
}
100% {
-webkit-transform:rotate(-4deg);
}
}
/*
==============================================
pullUp
==============================================
*/
.pullUp {
animation-name:pullUp;
-webkit-animation-name:pullUp;
animation-duration:1.1s;
-webkit-animation-duration:1.1s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-webkit-transform-origin:50% 100%;
}
@keyframes pullUp {
0% {
-webkit-transform:scaleY(0.1);
transform:scaleY(0.1);
}
40% {
-webkit-transform:scaleY(1.02);
transform:scaleY(1.02);
}
60% {
-webkit-transform:scaleY(0.98);
transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(0.98);
transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
}
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform:scaleY(0.1);
}
40% {
-webkit-transform:scaleY(1.02);
}
60% {
-webkit-transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(1);
}
}
/*
==============================================
pullDown
==============================================
*/
.pullDown {
animation-name:pullDown;
-webkit-animation-name:pullDown;
animation-duration:1.1s;
-webkit-animation-duration:1.1s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
transform-origin:50% 0%;
-ms-transform-origin:50% 0%;
-webkit-transform-origin:50% 0%;
}
@keyframes pullDown {
0% {
-webkit-transform:scaleY(0.1);
transform:scaleY(0.1);
}
40% {
-webkit-transform:scaleY(1.02);
transform:scaleY(1.02);
}
60% {
-webkit-transform:scaleY(0.98);
transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(0.98);
transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
}
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform:scaleY(0.1);
}
40% {
-webkit-transform:scaleY(1.02);
}
60% {
-webkit-transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(0.98);
}
80% {
-webkit-transform:scaleY(1.01);
}
100% {
-webkit-transform:scaleY(1);
}
}
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
animation-name:stretchLeft;
-webkit-animation-name:stretchLeft;
animation-duration:1.5s;
-webkit-animation-duration:1.5s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
transform-origin:100% 0%;
-ms-transform-origin:100% 0%;
-webkit-transform-origin:100% 0%;
}
@keyframes stretchLeft {
0% {
-webkit-transform:scaleX(0.3);
transform:scaleX(0.3);
}
40% {
-webkit-transform:scaleX(1.02);
transform:scaleX(1.02);
}
60% {
-webkit-transform:scaleX(0.98);
transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(0.98);
transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
}
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform:scaleX(0.3);
}
40% {
-webkit-transform:scaleX(1.02);
}
60% {
-webkit-transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(1);
}
}
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
animation-name:stretchRight;
-webkit-animation-name:stretchRight;
animation-duration:1.5s;
-webkit-animation-duration:1.5s;
animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;
transform-origin:0% 0%;
-ms-transform-origin:0% 0%;
-webkit-transform-origin:0% 0%;
}
@keyframes stretchRight {
0% {
-webkit-transform:scaleX(0.3);
transform:scaleX(0.3);
}
40% {
-webkit-transform:scaleX(1.02);
transform:scaleX(1.02);
}
60% {
-webkit-transform:scaleX(0.98);
transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(0.98);
transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
}
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform:scaleX(0.3);
}
40% {
-webkit-transform:scaleX(1.02);
}
60% {
-webkit-transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(0.98);
}
80% {
-webkit-transform:scaleX(1.01);
}
100% {
-webkit-transform:scaleX(1);
}
}
.animated {
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
animation-duration:1s;
}
.animated.hinge {
-webkit-animation-duration:1s;
animation-duration:1s;
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
/*
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
*/
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRight {
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
.fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig;
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.slideInDown {
-webkit-animation-name:slideInDown;
animation-name:slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-100%);
}
100% {
-webkit-transform:translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.slideInLeft {
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(100%);
}
100% {
-webkit-transform:translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.slideInRight {
-webkit-animation-name:slideInRight;
animation-name:slideInRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name:slideOutUp;
animation-name:slideOutUp;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight;
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform:translateX(-100%);
}
to {
-webkit-transform:translateX(0%);
}
}
@keyframes moveFromLeft {
from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
to {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
.moveFromLeft {
-webkit-animation:moveFromLeft 400ms ease;
animation:moveFromLeft 400ms ease;
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform:translateX(100%);
}
to {
-webkit-transform:translateX(0%);
}
}
@keyframes moveFromRight {
from {
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
to {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
.moveFromRight {
-webkit-animation:moveFromRight 400ms ease;
animation:moveFromRight 400ms ease;
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform:translateY(100%);
}
to {
-webkit-transform:translateY(0%);
}
}
@keyframes moveFromBottom {
from {
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
to {
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
.moveFromBottom {
-webkit-animation:moveFromBottom 400ms ease;
animation:moveFromBottom 400ms ease;
}
@-webkit-keyframes scaleDisappear {
0% {
opacity:1;
-webkit-transform:scale(1);
}
60% {
opacity:0;
-webkit-transform:scale(1.3);
}
100% {
opacity:1;
-webkit-transform:scale(1);
}
}
@keyframes scaleDisappear {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
60% {
opacity:0;
-webkit-transform:scale(1.3);
transform:scale(1.3);
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
}
.scaleDisappear {
-webkit-animation:scaleDisappear 350ms ease-in-out;
animation:scaleDisappear 350ms ease-in-out;
}
@-webkit-keyframes scaleAppear {
0% {
opacity:0;
-webkit-transform:scale(0);
}
100% {
opacity:1;
-webkit-transform:scale(1);
}
}
@keyframes scaleAppear {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
}
.scaleAppear {
-webkit-animation:scaleAppear 750ms ease;
animation:scaleAppear 750ms ease;
}
/*
Animation example, for spinners
*/
@-webkit-keyframes animateSpin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
@keyframes animateSpin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
.animateSpin {
-webkit-animation:animateSpin 2s infinite linear;
animation:animateSpin 2s infinite linear;
}
body,
.layout {
height: 100%;
}
.layout {
overflow: hidden;
}
.layout > .wrapper {
height: auto;
z-index: 1;
position: relative;
background: #fff;
font-weight: 300;
}
body.showed-overlay {
/*overflow:hidden;*/
}
body.showed-overlay #menu-mask,
body.showed-overlay #loading-block {
opacity: 1;
visibility: visible;
}
.layout {
overflow: hidden;
}
main.wide-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
aside.left-side {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
aside.left-side {
float: left;
width: 25%;
}
}
@media (min-width: 992px) {
aside.left-side {
float: left;
width: 25%;
}
}
@media (min-width: 1200px) {
aside.left-side {
float: left;
width: 16.66666667%;
}
}
main.center-block {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
main.center-block {
float: left;
width: 75%;
}
}
@media (min-width: 992px) {
main.center-block {
float: left;
width: 75%;
}
}
@media (min-width: 1200px) {
main.center-block {
float: left;
width: 83.33333333%;
}
}
#loading-block {
background: rgba(0, 0, 0, 0.35);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
z-index: 99999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#loading-block .topcenter {
position: absolute;
left: 50%;
top: 50%;
width: 200px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#loading-block .topcenter .ico-loading {
display: block;
background: url("/local/templates/litolevel/assets/css/../images/loading.svg") 0 0 no-repeat;
background-size: cover;
width: 50px;
height: 50px;
margin: 0 auto 5px;
}
#loading-block .topcenter img {
width: 50px;
height: 50px;
display: block;
margin: 0 auto 15px;
}
#loading-block .topcenter .text {
text-align: center;
color: #ffffff;
}
#back-top {
position: fixed;
left: 50%;
bottom: 100px;
z-index: 100;
width: 50px;
height: 50px;
background: #fe0000;
line-height: 50px;
text-align: center;
cursor: pointer;
margin-left: 600px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
#back-top:hover {
opacity: 0.65;
}
@media (max-width: 1300px) {
#back-top {
margin-left: 525px;
}
}
@media (max-width:1199px) {
#back-top {
margin-left: 496px;
}
}
@media (max-width: 1096px) {
#back-top {
margin-left: 421px;
}
}
@media (max-width:991px) {
#back-top {
margin-left: 384px;
}
}
@media (max-width: 876px) {
#back-top {
margin-left: 309px;
}
}
@media (max-width:767px) {
#back-top {
margin-left: 0;
left: auto;
right: 15px;
}
}
#back-top .icon {
vertical-align: middle;
margin-bottom: 4px;
}
.header {
position: relative;
z-index: 110;
padding-top: 70px;
}
@media (max-width:991px) {
.header {
padding-top: 100px;
}
}
@media (max-width:767px) {
.header {
padding-top: 160px;
}
}
.header__top {
background: #000;
color: #fff;
height: 70px;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10;
}
.header__top a {
color: #fff;
}
@media (max-width:991px) {
.header__top {
position: fixed;
top: 100px;
width: 200px;
left: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(40px) perspective(600px) rotateX(0deg);
-ms-transform: translateY(40px) perspective(600px) rotateX(0deg);
transform: translateY(40px) perspective(600px) rotateX(0deg);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
height: auto;
z-index: 50;
margin: 0 0 0 160px;
}
.header__top.opened {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
-ms-transform: translateY(0) perspective(600px) rotateX(0deg);
transform: translateY(0) perspective(600px) rotateX(0deg);
}
.header__top .container {
width: auto;
padding: 0;
}
.header__top .container .row {
padding: 10px;
margin: 0;
}
.header__top .container .row .header__menu {
padding: 0;
float: none;
width: auto;
text-align: left;
}
}
@media (max-width:767px) {
.header__top {
left: auto;
margin: 0;
right: 0;
top: 65px;
}
}
.header__logo {
float: left;
width: 83.33333333%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.header__logo {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 992px) {
.header__logo {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 1200px) {
.header__logo {
float: left;
width: 33.33333333%;
}
}
.header__logo .logo {
float: left;
color: #373737;
}
@media (max-width:991px) {
.header__logo .logo {
color: #fff;
}
}
.header__logo .logo img {
display: block;
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
@media (max-width:991px) {
.header__logo .logo img {
max-width: 210px;
margin: 8px auto 10px;
}
}
@media (max-width:767px) {
.header__logo .logo img {
margin-bottom: 20px;
}
}
.header__logo .logo a {
color: #373737;
text-decoration: none;
}
@media (max-width:991px) {
.header__logo .logo a {
color: #fff;
}
}
.header__logo .logo span {
display: block;
text-align: center;
font-size: 20px;
line-height: 1em;
}
@media (max-width:991px) {
.header__logo .logo span {
font-size: 15px;
}
}
.header__logo .logo span.name {
font-weight: 700;
text-transform: uppercase;
}
@media (max-width:767px) {
.header__logo .logo span {
display: none;
}
}
.header__contacts {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.header__contacts {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 768px) {
.header__contacts {
margin-left: 8.33333333%;
}
}
@media (min-width: 992px) {
.header__contacts {
float: left;
width: 58.33333333%;
}
}
@media (min-width: 992px) {
.header__contacts {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.header__contacts {
float: left;
width: 66.66666667%;
}
}
@media (max-width:767px) {
.header__contacts {
background: #fff;
}
}
.header__contacts .contacts-block {
float: right;
}
@media (max-width:991px) {
.header__contacts .contacts-block {
float: none;
}
}
@media (max-width:767px) {
.header__contacts .contacts-block {
padding: 10px 0;
text-align: center;
}
}
.header__contacts .phone {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
line-height: 24px;
}
@media (max-width:991px) {
.header__contacts .phone {
font-size: 18px;
}
}
.header__contacts .phone a {
color: #000;
text-decoration: none;
}
@media (max-width:991px) {
.header__contacts .phone a {
color: #fff;
}
}
@media (max-width:767px) {
.header__contacts .phone a {
color: #000000;
}
}
.header__contacts .phone a .icon {
vertical-align: top;
margin: 0 10px 0 0;
}
.header__contacts .phone a .icon.icon-phone {
background: #fe0000;
width: 25px;
height: 25px;
border-radius: 50%;
background-clip: padding-box;
position: relative;
}
.header__contacts .phone a .icon.icon-phone::before {
content: "";
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -57px;
width: 14px;
height: 17px;
position: absolute;
left: 50%;
top: 50%;
margin: -9px 0 0 -7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.header__contacts .phone a .icon.icon-phone::before {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.header__contacts .callback .btn {
border: 2px solid #fe0000;
border-radius: 0;
background-clip: padding-box;
font-size: 14px;
padding: 0 20px;
height: 40px;
line-height: 36px;
}
@media (max-width:991px) {
.header__contacts .callback .btn {
height: 34px;
line-height: 28px;
font-size: 15px;
padding: 0 15px;
}
}
.header__menu {
padding-top: 25px;
float: left;
width: 16.66666667%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.header__menu {
float: left;
width: 100%;
}
}
.header__mid {
padding: 15px 0 10px;
position: fixed;
left: 0;
top: 70px;
width: 100%;
background: rgba(255, 255, 255, 0.96);
z-index: 11;
}
@media (max-width:991px) {
.header__mid {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #000;
height: 100px;
z-index: 10;
}
}
@media (max-width:767px) {
.header__mid {
height: 160px;
padding-bottom: 0;
}
}
.header__mid .hamburger-block {
float: left;
width: 16.66666667%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: right;
padding-left: 0;
padding-top: 20px;
}
@media (min-width: 992px) {
.header__mid .hamburger-block {
display: none;
}
}
@media (min-width: 768px) {
.header__mid .hamburger-block {
float: left;
width: 8.33333333%;
}
}
@media (max-width:767px) {
.header__mid .hamburger-block {
padding-top: 5px;
position: absolute;
right: 0;
}
}
.header__mid .hamburger-block .hamburger {
padding: 0;
}
.header__mid .hamburger-block .hamburger.is-active .hamburger-inner {
background-color: transparent;
}
.header__mid .hamburger-inner {
background: #fff;
}
.header__mid .hamburger-inner::after,
.header__mid .hamburger-inner::before {
background: #fff;
}
.header__bottom {
height: 626px;
background: url("/local/templates/litolevel/assets/css/../images/header__back-md.jpg") 50% 0 no-repeat;
background-size: cover;
padding-top: 240px;
}
@media (max-width:991px) {
.header__bottom {
height: 398px;
padding-top: 70px;
background: url("/local/templates/litolevel/assets/css/../images/header__back-sm.jpg") 50% 0 no-repeat;
}
}
@media (max-width:767px) {
.header__bottom {
background: url("/local/templates/litolevel/assets/css/../images/header__back-md.jpg") 0 0 / cover no-repeat;
padding-top: 10px;
height: auto;
min-height: 360px;
}
}
.header__bottom.no-slider {
height: auto;
min-height: 140px;
background: none;
padding: 0;
}
.header__bottom .picture-block {
float: left;
width: 66.66666667%;
margin-left: 16.66666667%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.header__bottom .picture-block {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 768px) {
.header__bottom .picture-block {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.header__bottom .picture-block {
float: left;
width: 50%;
}
}
.header__bottom .picture-block img {
display: block;
max-width: 100%;
height: auto;
}
@media (max-width:991px) {
.header__bottom .picture-block .picture {
margin: 0 -60px;
}
}
@media (max-width:767px) {
.header__bottom .picture-block .picture {
margin: 0;
}
}
.header__bottom .desc {
float: left;
width: 100%;
margin-left: 0%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-top: 88px;
}
@media (min-width: 768px) {
.header__bottom .desc {
float: left;
width: 50%;
}
}
@media (min-width: 768px) {
.header__bottom .desc {
margin-left: 8.33333333%;
}
}
@media (min-width: 992px) {
.header__bottom .desc {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 992px) {
.header__bottom .desc {
margin-left: 8.33333333%;
}
}
@media (min-width: 1200px) {
.header__bottom .desc {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1200px) {
.header__bottom .desc {
margin-left: 16.66666667%;
}
}
@media (max-width:1199px) {
.header__bottom .desc {
padding-top: 70px;
}
}
@media (max-width:991px) {
.header__bottom .desc {
padding-top: 30px;
}
}
@media (max-width:767px) {
.header__bottom .desc {
padding-top: 0;
padding-bottom: 10px;
}
}
.footer {
position: relative;
font-weight: 400;
padding-top: 30px;
padding-bottom: 20px;
background: #404040;
color: #fff;
}
@media (max-width:991px) {
.footer {
padding-top: 20px;
}
}
.footer__top {
margin-left: -15px;
margin-right: -15px;
}
.footer__top:before,
.footer__top:after {
content: " ";
display: table;
}
.footer__top:after {
clear: both;
}
.footer__top:before,
.footer__top:after {
content: " ";
display: table;
}
.footer__top:after {
clear: both;
}
@media (max-width:991px) {
.footer__top {
display: none;
}
}
.footer__menu {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 25px;
}
.footer__bottom {
margin-left: -15px;
margin-right: -15px;
font-size: 14px;
color: #d1d1d1;
}
.footer__bottom:before,
.footer__bottom:after {
content: " ";
display: table;
}
.footer__bottom:after {
clear: both;
}
.footer__bottom:before,
.footer__bottom:after {
content: " ";
display: table;
}
.footer__bottom:after {
clear: both;
}
.footer__bottom .made-by {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: right;
}
.footer__bottom a {
color: #d1d1d1;
text-decoration: underline;
}
.footer__bottom a:hover {
text-decoration: none;
}
.horizontal-form .legend span,
.vertical-form .legend span {
background: #ff9898;
font-size: 17px;
border-radius: 18px;
background-clip: padding-box;
min-width: 140px;
display: inline-block;
padding: 0 10px;
height: 40px;
line-height: 40px;
margin: 0 0 20px;
}
@media (max-width:767px) {
.horizontal-form .legend,
.vertical-form .legend {
text-align: center;
}
}
.horizontal-form .nb,
.vertical-form .nb {
font-size: 14px;
font-weight: normal !important;
}
.horizontal-form .info-block,
.vertical-form .info-block {
border: 3px solid #ef4e25;
padding: 15px 20px;
color: #000000;
}
.horizontal-form .info-block span,
.vertical-form .info-block span {
font-size: 18px;
font-weight: bold;
color: #ef4e25;
}
.horizontal-form .form-group,
.vertical-form .form-group {
position: relative;
margin-bottom: 16px;
}
.horizontal-form .form-group .title,
.vertical-form .form-group .title {
color: #8a8c95;
}
.horizontal-form .form-group .title,
.vertical-form .form-group .title,
.horizontal-form .form-group .description,
.vertical-form .form-group .description {
padding-left: 15px;
}
.horizontal-form .form-group.has-error,
.vertical-form .form-group.has-error {
position: relative;
}
.horizontal-form .form-group.has-error .help-block,
.vertical-form .form-group.has-error .help-block {
position: absolute;
right: 0;
font-size: 11px;
margin: 0;
display: none;
}
.horizontal-form .form-group.has-error::before,
.vertical-form .form-group.has-error::before {
content: "!";
position: absolute;
right: 8px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border: 1px solid #fe0000;
border-radius: 50%;
background-clip: padding-box;
color: #fe0000;
width: 26px;
height: 26px;
text-align: center;
font-size: 18px;
line-height: 24px;
}
.horizontal-form .form-group label,
.vertical-form .form-group label {
font-family: 'PT Sans', "Times New Roman", Times, serif;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0 5px;
line-height: 14px;
color: #999;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.horizontal-form .form-group label.required::after,
.vertical-form .form-group label.required::after {
content: ' *';
color: #bf3737;
}
.horizontal-form .form-group .nb,
.vertical-form .form-group .nb {
padding-top: 2px;
font-size: 12px;
color: #8b8b8b;
}
.horizontal-form .form-group .input,
.vertical-form .form-group .input {
margin-left: 160px;
}
@media (max-width:991px) {
.horizontal-form .form-group .input,
.vertical-form .form-group .input {
margin-left: 125px;
}
}
@media (max-width:767px) {
.horizontal-form .form-group .input,
.vertical-form .form-group .input {
margin: 0;
}
}
.horizontal-form .form-group .form-control,
.vertical-form .form-group .form-control {
font-size: 16px;
border-width: 1px;
}
.horizontal-form .form-group .form-control:focus,
.vertical-form .form-group .form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.horizontal-form .form-group .form-control::-moz-placeholder,
.vertical-form .form-group .form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.horizontal-form .form-group .form-control:-ms-input-placeholder,
.vertical-form .form-group .form-control:-ms-input-placeholder {
color: #999;
}
.horizontal-form .form-group .form-control::-webkit-input-placeholder,
.vertical-form .form-group .form-control::-webkit-input-placeholder {
color: #999;
}
.horizontal-form .form-group .form-control.has-error,
.vertical-form .form-group .form-control.has-error {
border-color: #fd8381;
}
.horizontal-form .form-group input,
.vertical-form .form-group input {
height: 40px;
}
.horizontal-form .form-group textarea,
.vertical-form .form-group textarea {
resize: vertical;
height: 90px;
}
.horizontal-form .form-group .jq-selectbox,
.vertical-form .form-group .jq-selectbox {
display: block !important;
}
.horizontal-form .form-group .jq-selectbox__select,
.vertical-form .form-group .jq-selectbox__select {
background: none;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.horizontal-form .form-group .jq-selectbox.focused .jq-selectbox__select,
.vertical-form .form-group .jq-selectbox.focused .jq-selectbox__select {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.horizontal-form .form-groups,
.vertical-form .form-groups {
margin-left: -5px;
margin-right: -5px;
}
.horizontal-form .form-groups .form-group,
.vertical-form .form-groups .form-group,
.horizontal-form .form-groups .text-item,
.vertical-form .form-groups .text-item,
.horizontal-form .form-groups .checkbox,
.vertical-form .form-groups .checkbox,
.horizontal-form .form-groups .button,
.vertical-form .form-groups .button {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 768px) {
.horizontal-form .form-groups .form-group,
.vertical-form .form-groups .form-group,
.horizontal-form .form-groups .text-item,
.vertical-form .form-groups .text-item,
.horizontal-form .form-groups .checkbox,
.vertical-form .form-groups .checkbox,
.horizontal-form .form-groups .button,
.vertical-form .form-groups .button {
float: left;
width: 50%;
}
}
.horizontal-form .form-groups .form-group.wide,
.vertical-form .form-groups .form-group.wide,
.horizontal-form .form-groups .text-item.wide,
.vertical-form .form-groups .text-item.wide,
.horizontal-form .form-groups .checkbox.wide,
.vertical-form .form-groups .checkbox.wide,
.horizontal-form .form-groups .button.wide,
.vertical-form .form-groups .button.wide {
width: 100%;
}
.horizontal-form .form-groups .form-group .or,
.vertical-form .form-groups .form-group .or,
.horizontal-form .form-groups .text-item .or,
.vertical-form .form-groups .text-item .or,
.horizontal-form .form-groups .checkbox .or,
.vertical-form .form-groups .checkbox .or,
.horizontal-form .form-groups .button .or,
.vertical-form .form-groups .button .or {
margin: 0 15px;
}
.horizontal-form .form-groups .checkbox label,
.vertical-form .form-groups .checkbox label {
font-size: 12px;
padding-left: 0;
}
.horizontal-form .form-groups .checkbox,
.vertical-form .form-groups .checkbox,
.horizontal-form .form-groups .button,
.vertical-form .form-groups .button {
padding-left: 165px;
}
@media (max-width:991px) {
.horizontal-form .form-groups .checkbox,
.vertical-form .form-groups .checkbox,
.horizontal-form .form-groups .button,
.vertical-form .form-groups .button {
padding-left: 135px;
}
}
@media (max-width:991px) {
.horizontal-form .form-groups .checkbox,
.vertical-form .form-groups .checkbox,
.horizontal-form .form-groups .button,
.vertical-form .form-groups .button {
padding-left: 15px;
}
}
.horizontal-form .form-groups .checkbox .btn,
.vertical-form .form-groups .checkbox .btn,
.horizontal-form .form-groups .button .btn,
.vertical-form .form-groups .button .btn {
min-width: 185px;
max-width: 100%;
}
@media (max-width:991px) {
.horizontal-form .form-groups .checkbox,
.vertical-form .form-groups .checkbox,
.horizontal-form .form-groups .button,
.vertical-form .form-groups .button {
text-align: left;
}
}
.horizontal-form .form-groups .form-group.has-error .help-block,
.vertical-form .form-groups .form-group.has-error .help-block {
margin: 0 5px 0 0;
}
.horizontal-form input[type=checkbox],
.vertical-form input[type=checkbox] {
display: none;
}
.horizontal-form input[type=checkbox] + label,
.vertical-form input[type=checkbox] + label {
display: inline-block;
position: relative;
cursor: pointer;
color: #333333;
font-weight: normal;
float: none;
padding: 0;
}
.horizontal-form input[type=checkbox] + label:hover,
.vertical-form input[type=checkbox] + label:hover {
color: #663d15;
}
.horizontal-form input[type=checkbox] + label::before,
.vertical-form input[type=checkbox] + label::before {
content: "";
vertical-align: top;
margin: 4px 10px 0 0;
display: inline-block;
width: 13px;
height: 13px;
border: 1px solid #fe0000;
}
.horizontal-form input[type=checkbox]:checked + label::before,
.vertical-form input[type=checkbox]:checked + label::before {
background: #fe0000;
border: 1px solid #ffffff;
outline: 1px solid #fe0000;
margin: 5px 11px 0 1px;
width: 11px;
height: 11px;
}
.horizontal-form .button,
.vertical-form .button {
padding-top: 10px;
}
@media (max-width:767px) {
.horizontal-form .button,
.vertical-form .button {
text-align: center;
}
}
.subscribe .form-group label {
margin: 0 15px 0 0;
}
@media (max-width:991px) {
.subscribe .form-group label {
width: auto;
}
}
@media (max-width:767px) {
.subscribe .form-group label {
text-align: left;
}
}
.subscribe .form-group .form-control {
max-width: 300px;
display: inline-block;
}
.subscribe .form-group .button {
text-align: left;
}
.registration-form.horizontal-form .form-group label,
.registration-form.vertical-form .form-group label {
width: 140px;
text-align: right;
}
@media (max-width:991px) {
.registration-form.horizontal-form .form-group label,
.registration-form.vertical-form .form-group label {
width: 115px;
}
}
@media (max-width:767px) {
.registration-form.horizontal-form .form-group label,
.registration-form.vertical-form .form-group label {
text-align: left;
}
}
.popup-window-container .horizontal-form .form-group label,
.popup-window-container .vertical-form .form-group label {
float: none;
width: auto;
}
.login-form.horizontal-form .form-groups .button,
.login-form.vertical-form .form-groups .button {
padding-left: 15px;
}
.login-form.horizontal-form .form-groups .button .btn,
.login-form.vertical-form .form-groups .button .btn {
width: 100%;
}
.login-form.horizontal-form .form-group .form-control,
.login-form.vertical-form .form-group .form-control {
border-radius: 18px;
background-clip: padding-box;
}
.form-control.jq-selectbox {
border: none;
height: auto;
padding: 0;
}
.jq-selectbox {
display: block;
margin-bottom: 15px;
}
.jq-selectbox__select {
height: 38px;
border-radius: 20px;
background-clip: padding-box;
border-color: #b7b7b7;
font-size: 14px;
color: #6c6c6c;
line-height: 36px;
-webkit-box-shadow: none;
box-shadow: none;
}
.jq-selectbox.opened .jq-selectbox__select {
border-radius: 20px 20px 0 0;
background-clip: padding-box;
}
.jq-selectbox.dropup .jq-selectbox__select {
border-radius: 0 0 20px 20px;
background-clip: padding-box;
}
.jq-selectbox__trigger-arrow {
border: none;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23232323' fill-rule='evenodd'%3E%3Cpath d='M1.25 1l4.5 5 5-5.5'/%3E%3C/svg%3E") 50% 50% no-repeat;
background-size: cover;
width: 15px;
height: 9px;
top: 15px;
right: 14px;
}
.jq-selectbox.icon .jq-selectbox__select-text::before {
content: "";
display: inline-block;
vertical-align: middle;
margin: -2px 10px 0 0;
}
.jq-selectbox.noicon__select {
color: #686868;
}
.jq-selectbox__dropdown {
margin: -1px 0 0;
border-radius: 0 0 20px 20px;
background-clip: padding-box;
overflow: hidden;
border-top: none;
}
.jq-selectbox__dropdown ul {
margin: 0 !important;
padding: 0 !important;
}
.jq-selectbox__dropdown ul li {
color: #686868;
padding: 10px 15px;
border-top: 1px solid #b7b7b7;
font-size: 16px;
margin: 0 !important;
}
.jq-selectbox__dropdown ul li.sel,
.jq-selectbox__dropdown ul li:hover {
background: #d5d5d5;
color: #fff;
}
.jq-selectbox__dropdown ul li::before {
display: none;
}
.jq-selectbox.opened .jq-selectbox__trigger-arrow {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.jq-selectbox.dropup .jq-selectbox__dropdown {
margin: 0 0 -1px 0;
border-radius: 20px 20px 0 0;
background-clip: padding-box;
}
.jq-number {
width: 100%;
height: 44px;
padding: 0 66px;
}
.jq-number__field {
border: 1px solid #dedede;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
background-clip: padding-box;
width: 100%;
height: 44px;
margin: 0;
overflow: hidden;
}
.jq-number__field input {
width: 100%;
height: 42px !important;
padding: 0;
text-align: center;
font-size: 16px;
font-weight: 700;
border: none;
outline: none;
background: #ffffff;
border-radius: 0;
background-clip: padding-box;
}
.jq-number__spin {
position: absolute;
right: auto;
left: auto;
bottom: auto;
background: none;
border: 1px solid #dedede;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
height: 44px;
width: 52px;
line-height: 42px;
border-radius: 0;
background-clip: padding-box;
top: 0 !important;
text-align: center;
}
.jq-number__spin::after {
border: none !important;
content: '';
left: 50%;
top: 50% !important;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 42px;
text-align: center;
line-height: 40px;
font-size: 50px;
color: #d1d1d1;
}
.jq-number__spin:active {
background: none;
}
.jq-number__spin.minus {
left: 0;
}
.jq-number__spin.minus::after {
content: '-';
}
.jq-number__spin.plus {
right: 0;
}
.jq-number__spin.plus::after {
content: "+";
}
.jq-number__spin:hover {
border-color: #fe0000;
background: none;
}
.btn {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
height: 38px;
line-height: 24px;
font-size: 16px;
}
.btn-lg {
font-size: 24px;
min-width: 310px;
}
@media (max-width:450px) {
.btn-lg {
min-width: 260px;
}
}
.btn-default {
color: #fe0000;
background-color: #ffffff;
font-size: 14px;
border-color: #4b4b4b;
border-radius: 20px;
background-clip: padding-box;
}
.btn-default:focus,
.btn-default.focus {
color: #fe0000;
border-color: #cb0000;
}
.btn-default:hover {
color: #fff;
background-color: #fe0000;
border-color: #cb0000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #fe0000;
border-color: #cb0000;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #ffffff;
background-color: #b20000;
border-color: #b20000;
}
.btn-buy {
color: #ffffff;
background-image: url("/local/templates/litolevel/assets/css/../images/btn-buy.png");
background-repeat: repeat-x;
background-color: #e87e9d;
border-color: #e87e9d;
padding-top: 8px;
padding-bottom: 8px;
}
.btn-buy:focus,
.btn-buy.focus {
color: #ffffff;
background-image: none;
background-color: #d36485;
border-color: #d36485;
}
.btn-buy:hover {
color: #ffffff;
background-image: none;
background-color: #c9728b;
border-color: #c9728b;
}
.btn-buy:active,
.btn-buy.active,
.open > .dropdown-toggle.btn-buy {
color: #ffffff;
background-color: #d36485;
border-color: #d36485;
}
.btn-buy:active:hover,
.btn-buy.active:hover,
.open > .dropdown-toggle.btn-buy:hover,
.btn-buy:active:focus,
.btn-buy.active:focus,
.open > .dropdown-toggle.btn-buy:focus,
.btn-buy:active.focus,
.btn-buy.active.focus,
.open > .dropdown-toggle.btn-buy.focus {
color: #ffffff;
background-color: #d36485;
border-color: #d36485;
}
.pagination {
margin-left: 0;
margin-right: 0;
text-align: center;
display: block;
border-radius: 0;
background-clip: padding-box;
margin-bottom: 30px;
}
.content-block .bx-pagination ul > li {
padding: 0 3px;
margin: 0;
}
.bx-pagination {
text-align: center;
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width:991px) {
.bx-pagination {
text-align: center;
}
}
.bx-pagination ul {
padding: 0;
margin: 0;
letter-spacing: -0.4em;
}
.bx-pagination ul * {
letter-spacing: normal;
}
.bx-pagination ul > li {
margin: 0;
padding: 0 3px;
display: inline-block;
vertical-align: top;
float: none;
min-width: 30px;
height: 30px;
text-align: center;
}
.bx-pagination ul > li::before {
display: none;
}
.bx-pagination ul > li > a,
.bx-pagination ul > li > span {
display: block;
text-align: center;
line-height: 28px;
height: 30px;
border: 1px solid #373737;
background: #ffffff;
border-radius: 50%;
background-clip: padding-box;
color: #373737;
padding: 0 2px;
min-width: 30px;
text-decoration: none;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.bx-pagination ul > li > a:hover {
color: #fe0000;
border-color: #fe0000;
}
.bx-pagination ul > li.bx-active span {
color: #fe0000;
border-color: #fe0000;
background: #ffffff;
}
.bx-pagination ul > li.bx-pag-prev,
.bx-pagination ul > li.bx-pag-next {
height: 30px;
width: 30px;
padding: 0 !important;
min-width: 30px;
line-height: 28px;
}
.bx-pagination ul > li.bx-pag-prev > span,
.bx-pagination ul > li.bx-pag-next > span,
.bx-pagination ul > li.bx-pag-prev > a,
.bx-pagination ul > li.bx-pag-next > a {
display: block;
border-color: transparent;
background: #ffffff;
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
min-width: 0;
margin: 0;
line-height: 28px;
}
.bx-pagination ul > li.bx-pag-prev > a,
.bx-pagination ul > li.bx-pag-next > a {
width: 30px;
height: 30px;
line-height: 24px;
}
.bx-pagination ul > li.bx-pag-prev > a > span,
.bx-pagination ul > li.bx-pag-next > a > span {
text-indent: -9999px;
display: inline-block;
vertical-align: middle;
}
.bx-pagination ul > li.bx-pag-prev > a:hover,
.bx-pagination ul > li.bx-pag-next > a:hover {
border-color: transparent;
}
.bx-pagination ul > li.bx-pag-prev > span,
.bx-pagination ul > li.bx-pag-next > span {
opacity: 0.5;
cursor: default;
text-indent: -9999px;
border: none;
line-height: normal;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.bx-pagination ul > li.bx-pag-prev:hover,
.bx-pagination ul > li.bx-pag-next:hover {
border-color: #fe0000;
}
.bx-pagination ul > li.bx-pag-prev {
margin-right: 6px;
}
.bx-pagination ul > li.bx-pag-prev > span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -79px;
width: 10px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.bx-pagination ul > li.bx-pag-prev > span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.bx-pagination ul > li.bx-pag-prev > a span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -79px;
width: 10px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.bx-pagination ul > li.bx-pag-prev > a span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.bx-pagination ul > li.bx-pag-next {
margin-left: 6px;
}
.bx-pagination ul > li.bx-pag-next > span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -102px;
width: 10px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.bx-pagination ul > li.bx-pag-next > span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.bx-pagination ul > li.bx-pag-next > a span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -102px;
width: 10px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.bx-pagination ul > li.bx-pag-next > a span {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.popup-window-container {
background: #ffffff;
margin: 0 auto;
padding: 30px 45px;
position: relative;
width: 420px;
max-width: 100%;
}
@media (max-width:767px) {
.popup-window-container {
padding: 20px 30px;
}
}
@media (max-width:450px) {
.popup-window-container {
padding: 15px;
}
}
.popup-window-container h2 {
font-size: 24px;
text-align: center;
color: #fe0000;
margin: 0 0 20px;
}
.popup-window-container .mfp-close {
padding: 0;
right: 0;
top: 0;
overflow: hidden;
background: #fe0000;
width: 40px;
height: 40px;
line-height: 1;
text-align: center;
opacity: 1;
}
.popup-window-container .mfp-close::after {
content: "";
display: inline-block;
vertical-align: middle;
background-image: url(/local/templates/litolevel/assets/css/../images/sprite.png);
background-position: -27px 0px;
width: 16px;
height: 16px;
margin: 0 0 5px;
}
.popup-window-container .mfp-close:hover {
opacity: 0.85;
}
.popup-window-container .vertical-form .form-control {
border-radius: 4px;
background-clip: padding-box;
}
.popup-window-container .vertical-form .button {
text-align: center;
}
.popup-window-container .vertical-form .button .btn {
height: 44px;
padding: 0 30px;
line-height: 40px;
border-radius: 22px;
background-clip: padding-box;
}
.popup-window-container .complete-block {
text-align: center;
font-size: 20px;
font-weight: 700;
}
.popup-window-container .complete-block span {
color: #fe0000;
}
.popup-window-container .done-block .icon {
display: block;
margin: 0 auto 15px;
}
#fb-popup {
max-width: 420px;
}
.mfp-image-holder .mfp-close {
padding: 0;
right: 5px;
top: 5px;
overflow: hidden;
text-indent: -9999px;
background-image: url(/local/templates/litolevel/assets/css/../images/sprite.png);
background-position: 0px 0px;
width: 22px;
height: 21px;
}
.mfp-bg {
background: #000;
}
.mfp-figure .mfp-img-bg,
.mfp-figure figure {
background: #fff;
padding: 0 15px;
}
.mfp-figure .mfp-bottom-bar {
background: #fff;
padding: 0 0 5px 15px;
font-size: 12px;
}
.mfp-figure .mfp-bottom-bar .mfp-title {
color: #999;
padding-right: 60px;
}
.mfp-figure .mfp-bottom-bar .mfp-counter {
right: 15px;
}
.my-mfp-slide-bottom .mfp-content,
.my-mfp-slide-bottom .popup-window-container {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .mfp-content,
.my-mfp-slide-bottom.mfp-ready .popup-window-container {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
-ms-transform: translateY(0) perspective(600px) rotateX(0deg);
transform: translateY(0) perspective(600px) rotateX(0deg);
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.25;
}
.my-mfp-slide-bottom.mfp-removing .mfp-content,
.my-mfp-slide-bottom.mfp-removing .popup-window-container {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.ui-autocomplete {
z-index: 99991 !important;
max-width: 100%;
max-height: 100%;
overflow: auto;
}
#resArea:before,
#resArea:after {
content: " ";
display: table;
}
#resArea:after {
clear: both;
}
#resArea:before,
#resArea:after {
content: " ";
display: table;
}
#resArea:after {
clear: both;
}
#resArea .reg-price .reg-opt {
float: left;
clear: both;
font-size: 15px;
line-height: 24px;
}
@media (max-width: 355px) {
#resArea .reg-price .reg-opt {
max-width: 160px;
}
}
#resArea .reg-price .reg-val {
float: right;
color: #0094e5;
font-weight: bold;
line-height: 24px;
}
#resArea .reg-price .reg-val::after {
font-weight: normal;
}
.page-head {
margin-left: -15px;
margin-right: -15px;
}
.page-head .breadcrumbs-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0;
background-clip: padding-box;
letter-spacing: -0.4em;
margin-bottom: 30px;
}
.page-head .breadcrumbs-block * {
letter-spacing: normal;
}
.page-head .breadcrumbs-block .breadcrumb {
padding: 0;
background: none;
display: inline;
margin: 0;
letter-spacing: -0.4em;
color: #5e5e5e;
}
.page-head .breadcrumbs-block .breadcrumb * {
letter-spacing: normal;
}
.page-head .breadcrumbs-block .breadcrumb > li {
font-size: 14px;
display: inline;
padding: 0;
margin: 0;
}
.page-head .breadcrumbs-block .breadcrumb > li + li:before {
content: '—';
padding: 0;
display: inline-block;
vertical-align: middle;
margin: 0 4px;
color: #5e5e5e;
background: none;
position: static;
left: auto;
top: auto;
}
.page-head .breadcrumbs-block .breadcrumb > li:first-child::before {
display: none;
}
.page-head .breadcrumbs-block .breadcrumb > li a {
color: #828282;
text-decoration: underline;
}
.page-head .breadcrumbs-block .breadcrumb > li a:hover {
text-decoration: none;
color: #ee2a24;
}
.navbar-toggle {
display: none;
}
@media (max-width:991px) {
.navbar-toggle {
display: block;
margin: 0 0 0 10px;
float: left;
}
.navbar-toggle .icon-bar {
width: 24px;
height: 3px;
background: #ffffff;
margin: 0 0 3px;
border-radius: 0;
background-clip: padding-box;
}
}
.nav-justified {
padding: 0;
font-size: 0;
text-align: justify;
letter-spacing: -0.4em;
}
.nav-justified * {
letter-spacing: normal;
}
.nav-justified::after {
content: '';
display: inline-block;
vertical-align: top;
width: 100%;
}
.nav-justified > li {
width: auto;
display: inline-block;
vertical-align: top;
float: none;
}
.nav-justified > li a {
display: block;
}
.bx-ie .nav-justified > li {
display: table-cell;
width: 1%;
}
.header__menu ul {
padding: 0;
margin: 0;
}
.header__menu ul li {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 700;
}
.header__menu ul li a {
padding: 0;
}
.header__menu ul li a:hover,
.header__menu ul li a:active,
.header__menu ul li a:focus {
background: none;
}
.header__menu ul li a:hover,
.header__menu ul li a.active {
color: #fe0000;
}
.header__menu ul li.active a {
color: #fe0000;
}
@media (max-width:991px) {
.header__menu ul li {
display: block;
width: auto;
text-align: left;
padding: 0 10px 5px;
}
.header__menu ul li a {
text-align: left;
}
}
.footer__menu ul {
padding: 0;
margin: 0;
}
.footer__menu ul li {
list-style-type: none;
font-size: 16px;
font-weight: 700;
}
.footer__menu ul li a {
padding: 0;
color: #fff;
}
.footer__menu ul li a:hover,
.footer__menu ul li a:active,
.footer__menu ul li a:focus {
background: none;
}
.footer__menu ul li a:hover,
.footer__menu ul li a.active {
color: #fe0000;
}
.content-block {
padding-bottom: 60px;
}
.content-block:before,
.content-block:after {
content: " ";
display: table;
}
.content-block:after {
clear: both;
}
.content-block:before,
.content-block:after {
content: " ";
display: table;
}
.content-block:after {
clear: both;
}
.content-block .red {
color: #fe0000;
}
.content-block p {
margin-bottom: 15px;
}
.content-block p .icon {
vertical-align: middle;
}
.content-block p.ib {
font-style: italic;
font-weight: bold;
text-align: center;
color: #7e7e7e;
}
.content-block p.f16 {
font-size: 16px;
}
.content-block p + ul {
margin-top: -10px;
}
.content-block p + hr {
margin-top: 5px;
margin-bottom: 15px;
}
.content-block hr {
border-top: 1px solid #b3b3b3;
}
.content-block .f16 {
font-size: 16px;
}
.content-block .f16 h3 {
font-weight: bold;
color: #000000;
}
.content-block .table {
color: #363636;
}
.content-block .table th {
border-bottom: 0;
font-weight: normal;
}
.content-block ul {
padding-left: 0;
margin: 0 0 30px 0;
}
.content-block ul > li {
list-style-type: none;
margin: 0 0 5px 20px;
position: relative;
}
.content-block ul > li::before {
content: '';
position: absolute;
left: -18px;
top: 10px;
width: 6px;
height: 6px;
border-radius: 50%;
background-clip: padding-box;
background: #fe0000;
}
.content-block ul > li ul {
margin: 0;
padding-top: 2px;
}
.content-block ul.bordered {
border-top: 1px solid #fe0000;
border-bottom: 1px solid #fe0000;
padding: 10px 0;
}
.content-block iframe {
border: none;
}
.content-block dl.dl-horizont {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 40px;
}
.content-block dl.dl-horizont dt {
text-align: right;
font-weight: normal;
}
.content-block dl.dl-horizont dt,
.content-block dl.dl-horizont dd {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width:450px) {
.content-block dl.dl-horizont dt,
.content-block dl.dl-horizont dd {
width: 100%;
text-align: left;
}
}
@media (max-width:450px) {
.content-block dl.dl-horizont dt {
font-weight: bold;
}
}
.content-block table.table-striped {
width: auto;
}
.content-block table.table-striped > tbody > tr:nth-of-type(2n) {
background: #f6f6f6;
}
.content-block table.table-striped > tbody > tr:nth-of-type(2n+1) {
background: #ffffff;
}
.content-block table.table-striped > tbody td {
border: none;
}
@media (max-width:550px) {
.content-block table.table-striped > tbody td {
min-width: 0;
}
}
.content-block table.table {
color: #363636;
border: 1px solid #adadae;
font-size: 13px;
}
.content-block table.table tr th {
background: #e9e7ce;
font-size: 12px;
font-weight: bold;
border-bottom: 0;
vertical-align: middle;
text-align: center;
}
.content-block table.table tr th[colspan] {
text-align: left;
}
.content-block table.table tr th .name,
.content-block table.table tr td .name {
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: 'PT Sans', Helvetica, sans-serif;
margin-bottom: 3px;
color: #4a8c03;
}
.content-block table.table tr th.td-center,
.content-block table.table tr td.td-center {
text-align: center;
}
.content-block table.table tr th.td-right,
.content-block table.table tr td.td-right {
text-align: right;
}
.content-block table.table tr th[rowspan],
.content-block table.table tr td[rowspan] {
vertical-align: middle;
}
.content-block table.table tr.grey th,
.content-block table.table tr.grey td {
background: #4e4d4d;
color: #ffffff;
}
.content-block img.left {
float: left;
margin: 5px 15px 30px 0;
}
.content-block img.right {
float: right;
margin: 5px 0 30px 15px;
}
.duo-pics {
margin-bottom: 30px;
}
.duo-pics:before,
.duo-pics:after {
content: " ";
display: table;
}
.duo-pics:after {
clear: both;
}
.duo-pics:before,
.duo-pics:after {
content: " ";
display: table;
}
.duo-pics:after {
clear: both;
}
.duo-pics .picture {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.duo-pics .picture {
float: left;
width: 50%;
}
}
.duo-pics .picture img {
width: 100%;
display: block;
max-width: 100%;
height: auto;
}
.digits-list {
margin-left: -15px;
margin-right: -15px;
letter-spacing: -0.4em;
}
.digits-list * {
letter-spacing: normal;
}
.digits-list__item {
float: left;
width: 33.33333333%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: none !important;
display: inline-block;
vertical-align: top;
text-align: center;
}
@media (min-width: 992px) {
.digits-list__item {
float: left;
width: 25%;
}
}
@media (min-width: 1199px) {
.digits-list__item {
width: 20%;
}
}
@media (max-width:450px) {
.digits-list__item {
width: 50%;
}
}
.digits-list__item .digit {
border: 14px solid #ee2a24;
border-radius: 50%;
background-clip: padding-box;
position: relative;
padding-bottom: -webkit-calc(100% - 28px);
padding-bottom: calc(100% - 28px);
height: 0;
margin-bottom: 106px;
}
.digits-list__item .digit span {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 60px;
font-size: 60px;
font-weight: 700;
line-height: 60px;
color: #ae1f1b;
}
.digits-list__item .digit::before {
content: "";
width: 2px;
height: 64px;
position: absolute;
left: 50%;
top: 100%;
background: #ae1f1b;
margin: 14px 0 0 -1px;
}
.digits-list__item .digit::after {
content: "";
position: absolute;
width: 28px;
height: 28px;
left: 50%;
top: 100%;
margin: 78px 0 0 -14px;
background: #ae1f1b;
border-radius: 50%;
background-clip: padding-box;
}
.digits-list__item .desc {
font-size: 18px;
font-weight: 700;
color: #ae1f1b;
}
.bottom-block {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
background: #fe0000;
color: #ffffff;
}
@media (min-width: 768px) {
.bottom-block {
float: left;
width: 83.33333333%;
}
}
@media (min-width: 992px) {
.bottom-block {
float: left;
width: 66.66666667%;
}
}
.bottom-block .picture {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
@media (max-width:450px) {
.bottom-block .picture {
width: 100%;
}
}
.bottom-block .picture img {
width: 100%;
}
.bottom-block .desc {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding: 20px 30px;
}
@media (max-width:450px) {
.bottom-block .desc {
width: 100%;
}
}
.bottom-block .desc .h3,
.bottom-block .desc h3 {
color: #ffffff;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 30px;
}
.SwfContainer embed {
max-width: 100%;
}
.youtube {
background-color: #000;
max-width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
height: 0;
padding-bottom: 52.5%;
margin: 0 0 11px;
}
.youtube .thumb {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: auto;
}
.youtube .icon-play-big {
background: rgba(0, 0, 0, 0.55);
width: 68px;
height: 48px;
border-radius: 16px/12px;
background-clip: padding-box;
padding-top: 10px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.youtube .icon-play-big::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #ffffff;
}
.youtube .icon-play-big:hover {
background: #cd201f;
}
.youtube iframe {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.more a {
width: 150px;
height: 38px;
border-radius: 19px;
background-clip: padding-box;
font-size: 16px;
position: relative;
padding: 5px 15px;
line-height: 26px;
text-align: left;
}
.more a .icon {
position: absolute;
right: 12px;
top: 10px;
}
.more a .icon::before {
content: '';
position: absolute;
width: 26px;
height: 26px;
border: 1px solid #4b4b4b;
border-radius: 50%;
background-clip: padding-box;
left: -11px;
top: -5px;
}
.more a:hover .icon:before {
border-color: #fe0000;
}
.more-gray a {
display: inline-block;
vertical-align: top;
width: 26px;
height: 26px;
border: 1px solid #787878;
border-radius: 50%;
background-clip: padding-box;
text-align: center;
line-height: 22px;
}
.more-gray a .icon {
vertical-align: middle;
margin: 1px 0 3px 3px;
}
.more-gray a:hover {
border-color: #fe0000;
}
.alert-block {
border: 3px solid #ef4e25;
padding: 20px 30px;
margin-bottom: 60px;
}
.alert-block .name-block {
font-size: 35px;
font-weight: bold;
margin: 0 0 30px;
color: #ef4e25;
}
.alert-block p {
color: #515151;
font-size: 17px;
}
h1,
.h1 {
margin: 10px 0 30px;
}
h1:first-child,
.h1:first-child {
margin-top: 0;
}
h2,
.h2 {
margin: 10px 0 20px;
line-height: 1.4em;
}
h2:first-child,
.h2:first-child {
margin-top: 0;
}
h3,
.h3,
h4,
.h4 {
font-weight: 400;
margin: 20px 0 10px;
line-height: 1.4em;
font-family: 'PT Sans', Helvetica, sans-serif;
}
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child {
margin-top: 0;
}
h3.border,
.h3.border,
h4.border,
.h4.border {
border-bottom: 1px solid #fe0000;
font-weight: 700;
padding-bottom: 5px;
}
.block__background {
padding-top: 60px;
padding-bottom: 40px;
}
@media (max-width:767px) {
.block__background {
padding-top: 40px;
}
}
@media (max-width:767px) {
.block__background {
padding-bottom: 20px;
}
}
.block__main_content {
padding-top: 60px;
padding-bottom: 40px;
}
@media (max-width:767px) {
.block__main_content {
padding-top: 40px;
}
}
@media (max-width:767px) {
.block__main_content {
padding-bottom: 20px;
}
}
.block__main_content .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.block__1 .block__background {
background: #f9f9f9;
}
.block__1 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.block__1 .content-block .h1,
.block__1 .content-block h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (max-width:991px) {
.block__1 .content-block .h1,
.block__1 .content-block h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__1 .content-block .h1,
.block__1 .content-block h1 {
font-size: 24px;
}
}
.block__1 .content-block .h1 span,
.block__1 .content-block h1 span {
color: #fe0000;
}
.block__1 .content-block .h1::after,
.block__1 .content-block h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__1 .content-block .h1::after,
.block__1 .content-block h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__1 .content-block .why-block {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.block__1 .content-block .why-block {
float: left;
width: 66.66666667%;
}
}
@media (min-width: 992px) {
.block__1 .content-block .why-block {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.block__1 .content-block .why-block {
float: left;
width: 58.33333333%;
}
}
@media (min-width: 1200px) {
.block__1 .content-block .why-block {
margin-left: 8.33333333%;
}
}
.block__1 .content-block .picture-block {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.block__1 .content-block .picture-block {
float: left;
width: 33.33333333%;
}
}
@media (max-width:991px) {
.block__1 .content-block .picture-block {
display: none;
}
}
.block__1 .content-block .picture-block .man {
margin: -94px 0;
}
.block__2 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.block__2 .content-block h1,
.block__2 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (max-width:991px) {
.block__2 .content-block h1,
.block__2 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__2 .content-block h1,
.block__2 .content-block .h1 {
font-size: 24px;
}
}
.block__2 .content-block h1 span,
.block__2 .content-block .h1 span {
color: #fe0000;
}
.block__3 .block__background {
background: #f9f9f9;
position: relative;
}
.block__3 > .container > .row {
position: relative;
}
.block__3 .man-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: static;
}
@media (max-width:767px) {
.block__3 .man-block {
display: none;
}
}
.block__3 .man-block .man {
position: absolute;
bottom: -40px;
left: -170px;
}
@media (max-width:991px) {
.block__3 .man-block .man {
left: -90px;
}
.block__3 .man-block .man img {
max-height: 650px;
}
}
.block__3 .content-block {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
min-height: 650px;
z-index: 1;
}
@media (min-width: 768px) {
.block__3 .content-block {
float: left;
width: 100%;
}
}
@media (min-width: 992px) {
.block__3 .content-block {
float: left;
width: 66.66666667%;
}
}
@media (min-width: 992px) {
.block__3 .content-block {
margin-left: 33.33333333%;
}
}
@media (max-width:991px) {
.block__3 .content-block {
min-height: 780px;
}
}
@media (max-width:767px) {
.block__3 .content-block {
min-height: 0;
}
}
.block__3 .content-block h1,
.block__3 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width:991px) {
.block__3 .content-block h1,
.block__3 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__3 .content-block h1,
.block__3 .content-block .h1 {
font-size: 24px;
}
}
.block__3 .content-block h1::after,
.block__3 .content-block .h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__3 .content-block h1::after,
.block__3 .content-block .h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__3 .content-block .sub-text {
text-align: center;
font-size: 20px;
font-weight: 700;
max-width: 550px;
margin: 0 auto 50px;
}
@media (max-width:991px) {
.block__3 .content-block .sub-text {
max-width: 470px;
}
}
.block__3 .content-block .catalog-preview {
max-width: 640px;
margin: 0 auto 90px;
}
@media (max-width:991px) {
.block__3 .content-block .catalog-preview {
margin: 0 0 50px 50%;
}
}
@media (max-width:767px) {
.block__3 .content-block .catalog-preview {
margin-left: 0;
}
}
.block__4 .block__background {
background: #ffffff;
position: relative;
}
.block__4 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.block__4 .content-block h1,
.block__4 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width:991px) {
.block__4 .content-block h1,
.block__4 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__4 .content-block h1,
.block__4 .content-block .h1 {
font-size: 24px;
}
}
.block__4 .content-block h1::after,
.block__4 .content-block .h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__4 .content-block h1::after,
.block__4 .content-block .h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__4 .content-block .sub-text {
text-align: center;
font-size: 20px;
font-weight: 700;
max-width: 550px;
margin: 0 auto 50px;
}
@media (max-width:991px) {
.block__4 .content-block .sub-text {
max-width: 470px;
}
}
.block__5 .block__background {
background: #f9f9f9;
}
.block__5 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.block__5 .content-block h1,
.block__5 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (max-width:991px) {
.block__5 .content-block h1,
.block__5 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__5 .content-block h1,
.block__5 .content-block .h1 {
font-size: 24px;
}
}
.block__5 .content-block h1 span,
.block__5 .content-block .h1 span {
color: #fe0000;
}
.block__5 .content-block h1::after,
.block__5 .content-block .h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__5 .content-block h1::after,
.block__5 .content-block .h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__6 .block__background {
background: #ffffff;
position: relative;
}
.block__6 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.block__6 .content-block h1,
.block__6 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width:991px) {
.block__6 .content-block h1,
.block__6 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__6 .content-block h1,
.block__6 .content-block .h1 {
font-size: 24px;
}
}
.block__6 .content-block h1::after,
.block__6 .content-block .h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__6 .content-block h1::after,
.block__6 .content-block .h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__7 .block__background {
background: #f9f9f9;
position: relative;
}
.block__7 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.block__7 .content-block h1,
.block__7 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
margin-bottom: 30px;
text-align: center;
}
@media (max-width:991px) {
.block__7 .content-block h1,
.block__7 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__7 .content-block h1,
.block__7 .content-block .h1 {
font-size: 24px;
}
}
.block__8 .block__background {
background: #ffffff;
position: relative;
}
.block__8 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
}
.block__8 .content-block h1,
.block__8 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (max-width:991px) {
.block__8 .content-block h1,
.block__8 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__8 .content-block h1,
.block__8 .content-block .h1 {
font-size: 24px;
}
}
.block__8 .content-block h1::after,
.block__8 .content-block .h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__8 .content-block h1::after,
.block__8 .content-block .h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__9 .block__background {
background: #f9f9f9;
position: relative;
}
.block__9 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.block__9 .content-block h1,
.block__9 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width:991px) {
.block__9 .content-block h1,
.block__9 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__9 .content-block h1,
.block__9 .content-block .h1 {
font-size: 24px;
}
}
.block__9 .content-block h1 span,
.block__9 .content-block .h1 span {
color: #fe0000;
}
.block__9 .content-block h1::after,
.block__9 .content-block .h1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 264px;
height: 5px;
margin: 0 0 0 -132px;
background: #fe0000;
}
@media (max-width:767px) {
.block__9 .content-block h1::after,
.block__9 .content-block .h1::after {
width: 200px;
height: 4px;
margin: 0 0 0 -100px;
}
}
.block__9 .content-block .catalog-block {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 992px) {
.block__9 .content-block .catalog-block {
float: left;
width: 75%;
}
}
.block__9 .content-block .catalog-block .go-to-shop {
margin-left: 0%;
text-align: center;
}
@media (min-width: 992px) {
.block__9 .content-block .catalog-block .go-to-shop {
margin-left: 33.33333333%;
}
}
.block__9 .content-block .catalog-block .go-to-shop .btn {
height: 50px;
padding: 0 30px;
font-size: 16px;
line-height: 50px;
border-radius: 25px;
background-clip: padding-box;
}
.block__9 .content-block .magazine-block {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 992px) {
.block__9 .content-block .magazine-block {
float: left;
width: 25%;
}
}
.block__9 .content-block .magazine-block .magazine {
padding-left: 30px;
}
@media (max-width:991px) {
.block__9 .content-block .magazine-block .magazine {
padding: 60px 0 0;
}
}
.block__9 .content-block .magazine-block .magazine .picture {
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 991px) and (min-width: 768px) {
.block__9 .content-block .magazine-block .magazine .picture {
float: left;
margin: 0 30px 0 0;
}
}
.block__9 .content-block .magazine-block .magazine .picture img {
margin: 0 auto;
display: block;
max-width: 100%;
height: auto;
-webkit-box-shadow: 0 10px 21px rgba(181, 181, 181, 0.4);
box-shadow: 0 10px 21px rgba(181, 181, 181, 0.4);
}
@media (max-width: 991px) and (min-width: 768px) {
.block__9 .content-block .magazine-block .magazine .decs {
overflow: hidden;
}
.block__9 .content-block .magazine-block .magazine .decs .name {
max-width: 50%;
}
.block__9 .content-block .magazine-block .magazine .decs .name,
.block__9 .content-block .magazine-block .magazine .decs .button {
text-align: left;
}
}
.block__9 .content-block .magazine-block .magazine .name {
text-align: center;
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.block__9 .content-block .magazine-block .magazine .name span {
color: #fe0000;
}
.block__9 .content-block .magazine-block .magazine .button {
text-align: center;
}
@media (min-width: 992px) {
.block__9 .content-block .magazine-block .magazine .button .btn {
width: 100%;
}
}
.block__9 .content-block .magazine-block .magazine .button .btn {
height: 40px;
padding: 0 20px;
font-size: 16px;
line-height: 38px;
border-radius: 20px;
background-clip: padding-box;
}
.block__9 .content-block .magazine-block .magazine .button .btn .icon {
margin: -2px 15px 0 0;
vertical-align: middle;
}
.block__10 .block__background {
background: #ffffff;
position: relative;
}
.block__10 .content-block {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.block__10 .content-block h1,
.block__10 .content-block .h1 {
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
margin-bottom: 60px;
text-align: center;
}
@media (max-width:991px) {
.block__10 .content-block h1,
.block__10 .content-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) {
.block__10 .content-block h1,
.block__10 .content-block .h1 {
font-size: 24px;
}
}
@media (max-width:767px) {
.block__10 .content-block h1,
.block__10 .content-block .h1 {
display: none;
}
}
.brand-name {
color: #fe0000 !important;
}
.why-block {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
column-gap: 30px;
}
@media (max-width:550px) {
.why-block {
-webkit-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
column-gap: 30px;
}
}
.why-block__item {
float: none !important;
display: inline-block;
vertical-align: top;
width: 100%;
letter-spacing: -0.4em;
margin-bottom: 30px;
}
.why-block__item * {
letter-spacing: normal;
}
.why-block__item:last-child {
margin-bottom: 60px;
}
@media (max-width:550px) {
.why-block__item:last-child {
margin-bottom: 0;
}
}
.why-block__item .icon-block {
display: inline-block;
vertical-align: middle;
width: 82px;
}
.why-block__item .desc {
display: inline-block;
vertical-align: middle;
width: -webkit-calc(100% - 82px);
width: calc(100% - 82px);
}
.complect-block__item {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 30px;
}
.complect-block__item:before,
.complect-block__item:after {
content: " ";
display: table;
}
.complect-block__item:after {
clear: both;
}
.complect-block__item:before,
.complect-block__item:after {
content: " ";
display: table;
}
.complect-block__item:after {
clear: both;
}
.complect-block__item:hover .picture {
-webkit-animation: pulse 0.5s;
animation: pulse 0.5s;
}
.complect-block__item .picture-block {
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
letter-spacing: -0.4em;
}
@media (min-width: 768px) {
.complect-block__item .picture-block {
float: left;
width: 25%;
}
}
@media (min-width: 992px) {
.complect-block__item .picture-block {
float: left;
width: 50%;
}
}
.complect-block__item .picture-block * {
letter-spacing: normal;
}
@media (max-width:767px) {
.complect-block__item .picture-block {
margin-bottom: 15px;
}
}
.complect-block__item .picture-block .picture {
width: 50%;
}
@media (max-width:991px) {
.complect-block__item .picture-block .picture {
width: 100%;
}
}
@media (max-width:767px) {
.complect-block__item .picture-block .picture {
width: 40%;
display: inline-block;
vertical-align: middle;
}
}
.complect-block__item .picture-block .picture img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.complect-block__item .picture-block.pic1 .picture {
margin-top: 8px;
}
@media (max-width:767px) {
.complect-block__item .picture-block.pic1 .picture {
margin: 0;
}
}
.complect-block__item .picture-block.pic1 .name {
top: -30px;
}
.complect-block__item .picture-block.pic1 .name i.dot {
left: -80px;
bottom: -66px;
}
.complect-block__item .picture-block.pic2 .picture {
margin-top: -4px;
}
@media (max-width:767px) {
.complect-block__item .picture-block.pic2 .picture {
margin: 0;
}
}
.complect-block__item .picture-block.pic2 .name {
top: 30px;
}
.complect-block__item .picture-block.pic2 .name i.dot {
left: -80px;
bottom: -66px;
}
.complect-block__item .picture-block.pic3 .picture {
margin-top: -52px;
}
@media (max-width:991px) {
.complect-block__item .picture-block.pic3 .picture {
max-width: 90px;
margin: -25px auto 0;
}
}
@media (max-width:767px) {
.complect-block__item .picture-block.pic3 .picture {
margin: 0;
}
}
.complect-block__item .picture-block.pic3 .name {
top: 30px;
}
.complect-block__item .picture-block.pic3 .name i.dot {
left: -110px;
bottom: -66px;
}
.complect-block__item .picture-block.pic3 .name::before {
width: 105px;
-webkit-transform: rotate(-27deg);
-ms-transform: rotate(-27deg);
transform: rotate(-27deg);
}
.complect-block__item .picture-block .name {
position: absolute;
left: 55%;
font-size: 18px;
font-weight: 700;
width: 40%;
border-bottom: 1px solid #b6b0b0;
padding-bottom: 10px;
}
@media (max-width:991px) {
.complect-block__item .picture-block .name {
position: static;
left: auto;
width: auto;
border-bottom: none;
padding: 0;
text-align: center;
}
}
@media (max-width:767px) {
.complect-block__item .picture-block .name {
width: 60%;
display: inline-block;
vertical-align: middle;
text-align: left;
padding-left: 30px;
font-size: 16px;
}
}
.complect-block__item .picture-block .name::before {
content: "";
position: absolute;
border-bottom: 1px solid #b6b0b0;
width: 82px;
height: 0;
-webkit-transform: rotate(-38deg);
-ms-transform: rotate(-38deg);
transform: rotate(-38deg);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
top: 100%;
right: 100%;
}
@media (max-width:991px) {
.complect-block__item .picture-block .name::before {
display: none;
}
}
.complect-block__item .picture-block .name i.dot {
position: absolute;
background: rgba(254, 0, 0, 0.25);
width: 28px;
height: 28px;
border-radius: 50%;
background-clip: padding-box;
}
@media (max-width:991px) {
.complect-block__item .picture-block .name i.dot {
display: none;
}
}
.complect-block__item .picture-block .name i.dot::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 22px;
height: 22px;
background: rgba(254, 0, 0, 0.45);
margin: -11px 0 0 -11px;
border-radius: 50%;
background-clip: padding-box;
}
.complect-block__item .picture-block .name i.dot::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
background: #fe0000;
margin: -6px 0 0 -6px;
border-radius: 50%;
background-clip: padding-box;
}
.complect-block__item .desc {
float: left;
width: 100%;
margin-left: 0%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.complect-block__item .desc {
float: left;
width: 66.66666667%;
}
}
@media (min-width: 768px) {
.complect-block__item .desc {
margin-left: 8.33333333%;
}
}
@media (min-width: 992px) {
.complect-block__item .desc {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
.complect-block__item .desc {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.complect-block__item .desc {
padding-left: 0;
}
}
.complect-block__item .desc .text-block {
border: 1px solid #fe0000;
padding: 15px;
position: relative;
}
.complect-block__item .desc .text-block p {
padding: 0;
margin: 0;
}
.complect-block__item .desc .text-block b {
font-size: 20px;
color: #fe0000;
}
.complect-block__item .desc .text-block .brand-name {
font-weight: 700;
}
.complect-block__item .desc .text-block .corner {
position: absolute;
left: -22px;
top: -1px;
width: 22px;
height: 26px;
overflow: hidden;
}
@media (max-width:767px) {
.complect-block__item .desc .text-block .corner {
display: none;
}
}
.complect-block__item .desc .text-block .corner::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 22px 0 22px;
border-color: #fe0000 transparent transparent transparent;
}
.complect-block__item .desc .text-block .corner::after {
content: "";
position: absolute;
left: 2px;
top: 1px;
width: 0;
height: 0;
border-style: solid;
border-width: 23px 20px 0 20px;
border-color: #ffffff transparent transparent transparent;
}
.catalog-preview {
letter-spacing: -0.4em;
}
.catalog-preview * {
letter-spacing: normal;
}
.catalog-preview__item {
float: none !important;
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 25px;
}
@media (max-width:991px) {
.catalog-preview__item {
width: 100%;
margin-bottom: 30px;
}
}
.catalog-preview__item:hover {
-webkit-animation: pulse 0.5s;
animation: pulse 0.5s;
}
.catalog-preview__item a,
.catalog-preview__item .back {
display: block;
background: #ffffff;
border: 1px solid #e5e4e4;
-webkit-box-shadow: 0 0 21px rgba(81, 77, 79, 0.17);
box-shadow: 0 0 21px rgba(81, 77, 79, 0.17);
position: relative;
height: 160px;
color: #373737;
text-decoration: none;
padding-top: 15px;
}
.catalog-preview__item a::after,
.catalog-preview__item .back::after,
.catalog-preview__item a::before,
.catalog-preview__item .back::before {
content: "";
position: absolute;
background: #fe0000;
}
.catalog-preview__item a::before,
.catalog-preview__item .back::before {
top: 100%;
margin: 1px 0 0 9px;
left: 0;
height: 8px;
width: 100%;
}
.catalog-preview__item a::after,
.catalog-preview__item .back::after {
top: 0;
left: 100%;
margin: 8px 0 0 1px;
width: 8px;
height: 100%;
}
.catalog-preview__item a .name,
.catalog-preview__item .back .name {
display: block;
padding: 25px 0 0 30px;
font-size: 18px;
font-weight: 700;
height: 40px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.catalog-preview__item a .name::before,
.catalog-preview__item .back .name::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 9px 9px;
border-color: transparent transparent #d30707 transparent;
left: -10px;
top: 57px;
}
.catalog-preview__item a .price-block,
.catalog-preview__item .back .price-block {
position: absolute;
left: -10px;
top: 66px;
background: #fe0000;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
padding: 8px 18px 0;
height: 66px;
}
.catalog-preview__item a .price-block .price,
.catalog-preview__item .back .price-block .price {
font-size: 35px;
}
.catalog-preview__item a .price-block .price:after,
.catalog-preview__item .back .price-block .price:after {
font-size: 24px;
font-weight: 400;
}
.catalog-preview__item a .price-block .delimiter,
.catalog-preview__item .back .price-block .delimiter {
display: block;
text-align: center;
line-height: 1em;
}
.catalog-preview__item a .price-block::before,
.catalog-preview__item .back .price-block::before,
.catalog-preview__item a .price-block::after,
.catalog-preview__item .back .price-block::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
right: -14px;
}
.catalog-preview__item a .price-block::before,
.catalog-preview__item .back .price-block::before {
top: 0;
border-width: 33px 14px 0 14px;
border-color: #fe0000 transparent transparent transparent;
}
.catalog-preview__item a .price-block::after,
.catalog-preview__item .back .price-block::after {
bottom: 0;
border-width: 0 14px 33px 14px;
border-color: transparent transparent #fe0000 transparent;
}
.catalog-preview__item a .picture,
.catalog-preview__item .back .picture {
padding: 0 10px 0 0;
line-height: 130px;
text-align: right;
display: block;
}
.catalog-preview__item a .picture img,
.catalog-preview__item .back .picture img {
vertical-align: bottom;
}
.catalog-list {
margin-left: -15px;
margin-right: -15px;
letter-spacing: -0.4em;
}
.catalog-list * {
letter-spacing: normal;
}
.catalog-list__item {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: none !important;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.catalog-list__item {
float: left;
width: 33.33333333%;
}
}
@media (max-width:450px) {
.catalog-list__item {
width: 100%;
}
}
.catalog-list__item-back {
background: #fff;
border: 1px solid #magazine;
-webkit-box-shadow: 0 0 21px rgba(181, 181, 181, 0.24);
box-shadow: 0 0 21px rgba(181, 181, 181, 0.24);
}
.catalog-list__item-back .picture {
height: 188px;
position: relative;
line-height: 188px;
text-align: center;
border-bottom: 1px solid #e0dfdf;
}
.catalog-list__item-back .picture img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.catalog-list__item-back .desc {
position: relative;
padding-bottom: 10px;
}
.catalog-list__item-back .desc .name {
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
line-height: 1.2em;
}
.catalog-list__item-back .desc .details {
padding: 0 20px 10px;
}
.catalog-list__item-back .desc .details span {
display: block;
font-weight: 700;
}
.catalog-list__item-back .desc .price-block {
position: relative;
bottom: 0;
}
.catalog-list__item-back .desc .price-block__item {
text-align: right;
padding: 5px 20px;
border-top: 1px solid #e0dfdf;
}
.catalog-list__item-back .desc .price-block__item:before,
.catalog-list__item-back .desc .price-block__item:after {
content: " ";
display: table;
}
.catalog-list__item-back .desc .price-block__item:after {
clear: both;
}
.catalog-list__item-back .desc .price-block__item:before,
.catalog-list__item-back .desc .price-block__item:after {
content: " ";
display: table;
}
.catalog-list__item-back .desc .price-block__item:after {
clear: both;
}
.catalog-list__item-back .desc .price-block__item .price {
color: #fe0000;
font-size: 34px;
font-weight: 700;
line-height: 34px;
}
.catalog-list__item-back .desc .price-block__item .price:after {
color: #444444;
font-size: 24px;
font-weight: 400;
}
.catalog-list__item-back .desc .price-block__item .pcs {
float: left;
line-height: 34px;
}
.info-list__item {
background: #fe0000;
color: #fff;
padding: 12px 18px;
margin-bottom: 36px;
overflow: hidden;
letter-spacing: -0.4em;
}
.info-list__item * {
letter-spacing: normal;
}
@media (max-width:767px) {
.info-list__item {
margin-bottom: 15px;
padding: 10px;
}
}
.info-list__item:last-child {
margin-bottom: 0;
}
.info-list__item:hover {
-webkit-animation: pulse 0.5s;
animation: pulse 0.5s;
}
.info-list__item .icon-block {
display: inline-block;
vertical-align: middle;
width: 65px;
border-right: 1px solid #ffcece;
line-height: 72px;
height: 72px;
margin: 0 15px 0 0;
}
@media (max-width:767px) {
.info-list__item .icon-block {
line-height: 60px;
height: 65px;
border-right-width: 2px;
}
}
.info-list__item .icon-block .icon {
vertical-align: middle;
}
.info-list__item .text {
font-size: 20px;
font-weight: 700;
line-height: 1.16em;
display: inline-block;
vertical-align: middle;
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
}
@media (max-width:767px) {
.info-list__item .text {
font-size: 16px;
}
}
.info-list__item .text p {
margin: 0;
padding: 0;
}
.info-block {
background: #fff;
}
.info-block__back {
background: #fe0000;
-webkit-transform: translate(15px, -15px);
-ms-transform: translate(15px, -15px);
transform: translate(15px, -15px);
color: #ffffff;
padding: 20px 20px 5px;
}
@media (max-width:767px) {
.info-block__back {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
margin: 0 -15px;
}
}
.info-block__back h2,
.info-block__back .h2 {
margin: 0 0 5px;
color: #ffffff;
font-size: 24px;
}
.info-block__back h2 .brand-name,
.info-block__back .h2 .brand-name {
color: #fff !important;
}
.info-block__icon {
float: left;
}
@media (max-width:767px) {
.info-block__icon {
display: none;
}
}
.info-block__desc {
margin: 0 0 0 115px;
}
@media (max-width:767px) {
.info-block__desc {
margin: 0;
}
}
.info-block__desc ul {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: 700;
line-height: 1.2em;
}
.info-block__desc ul li {
margin: 0 0 20px 50px;
list-style-type: none;
}
.info-block__desc ul li::before {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -108px -62px;
width: 16px;
height: 11px;
left: -43px;
top: 9px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.info-block__desc ul li::before {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.info-block__desc ul li::after {
content: "";
border: 2px solid #fff;
width: 28px;
height: 28px;
border-radius: 50%;
background-clip: padding-box;
position: absolute;
left: -50px;
top: 0;
}
.laying-block {
margin-left: -15px;
margin-right: -15px;
}
.laying-block__item {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.laying-block__item {
float: left;
width: 33.33333333%;
}
}
@media (max-width:991px) {
.laying-block__item {
margin: 0 0 30px;
}
}
.laying-block__item-back {
background: #fff;
padding: 8px;
-webkit-box-shadow: 0 0 29px rgba(81, 77, 79, 0.17);
box-shadow: 0 0 29px rgba(81, 77, 79, 0.17);
}
@media (max-width:767px) {
.laying-block__item-back {
padding: 6px;
}
}
.laying-block__item-back:before,
.laying-block__item-back:after {
content: " ";
display: table;
}
.laying-block__item-back:after {
clear: both;
}
.laying-block__item-back:before,
.laying-block__item-back:after {
content: " ";
display: table;
}
.laying-block__item-back:after {
clear: both;
}
.laying-block__item .picture {
margin-bottom: 15px;
}
@media (max-width:991px) {
.laying-block__item .picture {
position: relative;
float: left;
width: 33.33333333%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
}
@media (max-width:767px) {
.laying-block__item .picture {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
margin: 0 0 10px;
}
}
.laying-block__item .picture img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
@media (max-width:991px) {
.laying-block__item .desc {
position: relative;
float: left;
width: 66.66666667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width:767px) {
.laying-block__item .desc {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
}
.laying-block__item .desc h3,
.laying-block__item .desc .h3 {
text-align: center;
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
}
@media (max-width:991px) {
.laying-block__item .desc h3,
.laying-block__item .desc .h3 {
text-align: left;
}
}
@media (max-width:767px) {
.laying-block__item .desc h3,
.laying-block__item .desc .h3 {
margin-bottom: 5px;
}
}
.laying-block__item .desc h3 a,
.laying-block__item .desc .h3 a {
color: #373737;
text-decoration: none;
}
.laying-block__item .desc h3 a:hover,
.laying-block__item .desc .h3 a:hover {
color: #fe0000;
}
.laying-block__item .desc .brand-name {
font-weight: 700;
}
.laying-block__item .desc .text-block {
padding: 0 12px 10px;
}
@media (max-width:991px) {
.laying-block__item .desc .text-block {
padding: 0;
}
}
.laying-block__item .desc .text-block p {
padding: 0;
margin: 0;
}
.calculator__form {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.calculator__form {
float: left;
width: 66.66666667%;
}
}
.calculator__form .red-text {
position: relative;
padding: 0 0 0 34px;
}
.calculator__form .red-text::before {
content: "!";
color: #fe0000;
background: #fff;
font-size: 18px;
border: 1px solid #fe0000;
border-radius: 50%;
background-clip: padding-box;
width: 24px;
height: 24px;
line-height: 22px;
text-align: center;
position: absolute;
left: 0;
top: 50%;
margin: -12px 0 0;
}
.calculator__form .red-text span {
color: #fe0000;
}
.calculator__form .form-groups {
margin-left: -15px;
margin-right: -15px;
}
.calculator__form .form-groups .form-group {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width:550px) {
.calculator__form .form-groups .form-group {
width: 100%;
}
.calculator__form .form-groups .form-group label {
margin: 0 0 5px 66px;
text-align: left;
}
}
.calculator__form .form-groups .form-group label {
margin: 0 0 5px 66px;
color: #3b3b3b;
float: none;
display: inline-block;
}
.calculator__form .form-groups .form-group.select-group label {
margin-left: 0;
}
.calculator__form .form-groups .form-group.select-group .jq-selectbox__select {
background: #fff;
height: 44px;
border-radius: 0;
background-clip: padding-box;
border-color: #dedede;
font-size: 20px;
font-weight: 700;
color: #3b3b3b;
line-height: 40px;
padding-right: 52px;
}
.calculator__form .form-groups .form-group.select-group .jq-selectbox__select-text {
text-align: center;
}
.calculator__form .form-groups .form-group.select-group .jq-selectbox__trigger {
border-left: 1px solid #dedede;
height: 42px;
width: 52px;
}
.calculator__form .form-groups .form-group.select-group .jq-selectbox__trigger-arrow {
top: 18px;
right: 20px;
background: none;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5px 0 5px;
border-color: #d1d1d1 transparent transparent transparent;
}
.calculator__form .form-groups .form-group.select-group .jq-selectbox__dropdown {
border-radius: 0;
background-clip: padding-box;
}
.calculator__form .button {
text-align: right;
}
html:not(.no-js) .calculator__form .button {
display: none;
}
.calculator__total {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.calculator__total {
float: left;
width: 33.33333333%;
}
}
.calculator__total-back {
background: #fff;
padding: 20px;
-webkit-box-shadow: 0 0 13px rgba(81, 77, 79, 0.17);
box-shadow: 0 0 13px rgba(81, 77, 79, 0.17);
}
.calculator__total-back .name-block {
color: #fe0000;
padding: 0 0 0 30px;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
position: relative;
}
.calculator__total-back .name-block::before {
content: "";
position: absolute;
left: -20px;
top: 12px;
width: 34px;
height: 4px;
background: #fe0000;
}
.calculator__total-back .complects {
font-size: 16px;
margin-bottom: 8px;
}
.calculator__total-back .complects span {
font-size: 20px;
font-weight: 700;
}
.calculator__total-back .next {
font-size: 16px;
margin-bottom: 8px;
}
.calculator__total-back .next b {
font-size: 20px;
}
.calculator__total-back .total {
border-top: 1px solid #b6b0b0;
padding-top: 10px;
font-size: 16px;
margin-bottom: 8px;
}
.calculator__total-back .total span {
font-size: 20px;
font-weight: 700;
color: #fe0000;
line-height: 1em;
}
.calculator__total-back .saved {
font-size: 16px;
position: relative;
}
.calculator__total-back .saved::before {
content: "";
position: absolute;
left: -20px;
height: 100%;
width: 8px;
background: #fe0000;
}
.calculator__total-back .saved span {
font-size: 20px;
font-weight: 700;
color: #948787;
line-height: 1em;
}
.technology {
letter-spacing: -0.4em;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
column-gap: 30px;
}
.technology * {
letter-spacing: normal;
}
@media (max-width:991px) {
.technology {
-webkit-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
column-gap: 30px;
}
}
.technology__item {
width: 100%;
float: none !important;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
}
.technology__item-back {
background: #fff;
-webkit-box-shadow: 0 0 21px rgba(181, 181, 181, 0.24);
box-shadow: 0 0 21px rgba(181, 181, 181, 0.24);
padding: 8px;
}
.technology__item-back:before,
.technology__item-back:after {
content: " ";
display: table;
}
.technology__item-back:after {
clear: both;
}
.technology__item-back:before,
.technology__item-back:after {
content: " ";
display: table;
}
.technology__item-back:after {
clear: both;
}
.technology__item-back .picture {
float: left;
margin: 0 30px 0 0;
position: relative;
}
@media (max-width:991px) {
.technology__item-back .picture {
position: relative;
float: left;
width: 33.33333333%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
margin: 0;
}
.technology__item-back .picture img {
width: 100%;
}
}
@media (max-width:767px) {
.technology__item-back .picture {
float: none;
width: 100%;
margin: 0 0 15px;
}
.technology__item-back .picture img {
width: 100%;
}
}
.technology__item-back .picture img {
display: block;
max-width: 100%;
height: auto;
}
.technology__item-back .picture .step {
position: absolute;
right: 0;
bottom: 0;
background: #fe0000;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 46px;
width: 125px;
text-align: center;
}
.technology__item-back .desc {
overflow: hidden;
}
.technology__item-back .desc .brand-name {
font-weight: 700;
}
@media (max-width:991px) {
.technology__item-back .desc {
position: relative;
float: left;
width: 66.66666667%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
padding-left: 15px;
}
}
@media (max-width:767px) {
.technology__item-back .desc {
float: none;
width: 100%;
padding: 0;
}
}
.video-block {
max-width: 850px;
margin: 0 auto;
}
.video-preview {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
letter-spacing: -0.4em;
}
@media (min-width: 768px) {
.video-preview {
float: left;
width: 33.33333333%;
}
}
.video-preview * {
letter-spacing: normal;
}
.video-preview__item {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
margin-bottom: 30px;
}
@media (max-width:550px) {
.video-preview__item {
width: 100%;
}
}
.video-preview__item a {
display: block;
position: relative;
text-decoration: none;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.video-preview__item a .picture {
display: block;
position: relative;
height: 160px;
overflow: hidden;
}
.video-preview__item a .picture img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
max-width: 100%;
height: auto;
min-height: 120%;
min-width: 100%;
max-width: none;
}
.video-preview__item a .picture .play {
position: absolute;
left: 50%;
top: 50%;
width: 66px;
height: 66px;
background: #fe0000;
margin: -33px 0 0 -33px;
border-radius: 50%;
background-clip: padding-box;
text-align: center;
line-height: 66px;
}
.video-preview__item a .picture .play .icon {
display: inline-block;
vertical-align: middle;
}
.video-preview__item a .picture .play .icon.iconPlay {
margin: 0 0 5px 5px;
}
.video-preview__item a .picture .play .icon.iconPlayBig {
margin: 0 0 5px 5px;
}
.video-preview__item a:hover .picture .play {
-webkit-animation: pulse 0.5s;
animation: pulse 0.5s;
}
.video-preview__item a .name {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
background: rgba(255, 255, 255, 0.6);
color: #373737;
text-align: center;
font-size: 14px;
}
.video-preview__item a:hover {
opacity: 0.85;
}
.video-preview-big {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.video-preview-big {
float: left;
width: 66.66666667%;
}
}
@media (max-width:767px) {
}
.video-preview-big .video-preview__item a .picture {
height: 350px;
}
.video-preview-big .video-preview__item a .picture img {
min-height: 134%;
width: auto;
max-width: none;
}
.video-preview-big .video-preview__item a .picture .play {
width: 100px;
height: 100px;
line-height: 100px;
margin: -50px 0 0 -50px;
}
.video-preview-big .video-preview__item a .name {
font-size: 18px;
padding: 20px;
}
.video-preview-wide {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.video-preview-wide .video-preview__item a .picture {
height: 350px;
}
.video-preview-wide .video-preview__item a .picture img {
min-height: 134%;
width: auto;
max-width: none;
}
.video-preview-wide .video-preview__item a .picture .play {
width: 100px;
height: 100px;
line-height: 100px;
margin: -50px 0 0 -50px;
}
.video-preview-wide .video-preview__item a .name {
font-size: 18px;
padding: 20px;
}
.video-preview-wide .video-preview__item a .name .brand-name {
font-weight: 700;
}
.synced-carousel {
max-width: 750px;
margin: 0 auto;
}
.synced-carousel .main-slide {
margin-bottom: 30px;
}
.synced-carousel .main-slide .owl-carousel {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.synced-carousel .main-slide .owl-carousel.owl-loaded {
opacity: 1;
visibility: visible;
}
.synced-carousel .main-slide .sync1 .item {
position: relative;
}
.synced-carousel .main-slide .sync1 .item a {
display: block;
text-decoration: none;
color: #373737;
}
.synced-carousel .main-slide .sync1 .item a:hover .name,
.synced-carousel .main-slide .sync1 .item a:hover .desc {
color: #cb0000;
}
.synced-carousel .main-slide .sync1 .item .picture {
display: block;
}
.synced-carousel .main-slide .sync1 .item .description {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px 30px 15px 30px;
background: rgba(255, 255, 255, 0.6);
font-size: 16px;
}
.synced-carousel .main-slide .sync1 .item .description .name {
font-size: 18px;
color: #980000;
margin-bottom: 5px;
display: block;
}
.synced-carousel .main-slide .sync1 .item .description .desc {
display: block;
}
@media (max-width:450px) {
.synced-carousel .main-slide .sync1 .item .description {
padding: 5px;
font-size: 14px;
}
.synced-carousel .main-slide .sync1 .item .description .name {
font-size: 16px;
margin: 0;
}
}
.synced-carousel .main-slide__tn {
margin: 0 30px 0 60px;
}
@media (max-width:450px) {
.synced-carousel .main-slide__tn {
margin: 0;
}
}
.synced-carousel .main-slide__tn .sync2 .item {
outline: none;
}
.synced-carousel .main-slide__tn .sync2 .item .pic {
position: relative;
margin: 0 30px 0 0;
}
.synced-carousel .main-slide__tn .sync2 .item .pic::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (max-width:450px) {
.synced-carousel .main-slide__tn .sync2 .item .pic {
margin: 0 15px;
}
}
.synced-carousel .main-slide__tn .sync2 .item .pic img {
width: 100%;
display: block;
max-width: 100%;
height: auto;
}
.synced-carousel .main-slide__tn .sync2 .item:hover {
-webkit-animation: pulse 0.5s;
animation: pulse 0.5s;
}
.synced-carousel .main-slide__tn .sync2 .item:hover .pic::before {
border: 3px solid rgba(254, 0, 0, 0.7);
}
.synced-carousel .main-slide__tn .sync2 .slick-current .pic::before {
border: 3px solid #fe0000;
}
.synced-carousel .main-slide__tn .sync2 .slick-prev,
.synced-carousel .main-slide__tn .sync2 .slick-next {
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.synced-carousel .main-slide__tn .sync2 .slick-prev.disabled,
.synced-carousel .main-slide__tn .sync2 .slick-next.disabled {
cursor: default;
opacity: 0.5;
}
.synced-carousel .main-slide__tn .sync2 .slick-prev {
left: -60px;
}
.synced-carousel .main-slide__tn .sync2 .slick-next {
right: -30px;
}
@media (max-width:450px) {
.synced-carousel .main-slide__tn .sync2 .slick-prev {
left: 5px;
}
.synced-carousel .main-slide__tn .sync2 .slick-next {
right: 5px;
}
}
.contacts-block {
margin-left: -15px;
margin-right: -15px;
}
.contacts-block .form-block {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.contacts-block .form-block {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 992px) {
.contacts-block .form-block {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 768px) {
.contacts-block .form-block {
padding-right: 0;
}
}
@media (max-width:767px) {
.contacts-block .form-block {
margin-bottom: 30px;
}
}
.contacts-block .form-block .vertical-form {
-webkit-box-shadow: 3px 3px 21px rgba(83, 83, 83, 0.26);
box-shadow: 3px 3px 21px rgba(83, 83, 83, 0.26);
background: #f9f9f9;
padding: 30px 30px 10px;
min-height: 510px;
}
.contacts-block .form-block .vertical-form .name-block {
text-align: center;
color: #fe0000;
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 20px;
}
@media (max-width:991px) {
.contacts-block .form-block .vertical-form .name-block {
font-size: 26px;
}
}
@media (max-width:767px) {
.contacts-block .form-block .vertical-form .name-block {
font-size: 22px;
}
}
.contacts-block .form-block .vertical-form .form-group .form-control {
border-radius: 4px;
background-clip: padding-box;
border-color: #d7d7d7;
}
.contacts-block .form-block .vertical-form textarea.form-control {
height: 64px;
}
.contacts-block .form-block .vertical-form .button {
padding: 10px 0 0;
text-align: center;
}
.contacts-block .form-block .vertical-form .button .btn {
height: 44px;
padding: 0 30px;
line-height: 40px;
border-radius: 22px;
background-clip: padding-box;
}
.contacts-block .map-block {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.contacts-block .map-block {
float: left;
width: 58.33333333%;
}
}
@media (min-width: 992px) {
.contacts-block .map-block {
float: left;
width: 66.66666667%;
}
}
@media (min-width: 768px) {
.contacts-block .map-block {
padding-left: 0;
}
}
.contacts-block .map-block .h1 {
display: none;
}
@media (max-width:767px) {
.contacts-block .map-block .h1 {
padding: 30px 0 0;
display: block;
font-size: 35px;
font-weight: 700;
line-height: 1em;
position: relative;
margin-bottom: 30px;
text-align: center;
}
}
@media (max-width:767px) and (max-width:991px) {
.contacts-block .map-block .h1 {
font-size: 30px;
}
}
@media (max-width:767px) and (max-width:767px) {
.contacts-block .map-block .h1 {
font-size: 24px;
}
}
.contacts-block .map-block .map {
height: 429px;
}
.contacts-block .map-block .map > .map-pic {
height: 429px;
background: url("/local/templates/litolevel/assets/css/../images/map.jpg") 50% / cover no-repeat;
}
@media (max-width: 991px) and (min-width: 768px) {
.contacts-block .map-block .map {
height: 383px;
overflow: hidden;
}
}
.contacts-block .map-block .address-block {
background: #fe0000;
color: #fff;
padding: 20px 40px 10px;
min-height: 100px;
}
.contacts-block .map-block .address-block:before,
.contacts-block .map-block .address-block:after {
content: " ";
display: table;
}
.contacts-block .map-block .address-block:after {
clear: both;
}
.contacts-block .map-block .address-block:before,
.contacts-block .map-block .address-block:after {
content: " ";
display: table;
}
.contacts-block .map-block .address-block:after {
clear: both;
}
@media (max-width:991px) {
.contacts-block .map-block .address-block {
padding: 15px 15px;
}
}
.contacts-block .map-block .address-block a {
color: #fff;
}
.contacts-block .map-block .address-block .office {
float: left;
margin: 0 30px 0 0;
}
@media (max-width:991px) {
.contacts-block .map-block .address-block .office {
float: none;
margin: 0;
}
}
.contacts-block .map-block .address-block .office .name {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width:991px) {
.contacts-block .map-block .address-block .office .name {
margin-bottom: 5px;
}
}
.contacts-block .map-block .address-block .office .show-map {
font-size: 16px;
}
.contacts-block .map-block .address-block .office .show-map .icon {
vertical-align: top;
margin: 0 10px 0 0;
}
.contacts-block .map-block .address-block .office .show-map a {
text-decoration: underline;
}
.contacts-block .map-block .address-block .office .show-map a:hover {
text-decoration: none;
}
.contacts-block .map-block .address-block .address {
overflow: hidden;
font-size: 14px;
line-height: 1.6em;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.
The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `retina-sprite` class sets up rules and a media query for a sprite/retina sprite.
It should be used with a "retina group" variable.
The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/
@icon-home-group: 'icon-home' @icon-home @icon-home-2x;
.icon-home {
.retina-sprite(@icon-home-group);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
/*
The `.retina-sprites` mixin generates a CSS rule and media query for retina groups
This yields the same output as CSS retina template but can be overridden in LESS
.retina-sprites(@retina-groups);
*/
.arrowLeft {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -112px -89px;
width: 15px;
height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.arrowLeft {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.arrowLeftMin {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -79px;
width: 10px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.arrowLeftMin {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.arrowRight {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px 0px;
width: 15px;
height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.arrowRight {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.arrowRightMin {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -102px;
width: 10px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.arrowRightMin {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.icon-download-arrow {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -32px;
width: 15px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icon-download-arrow {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.icon-go-top {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -49px -89px;
width: 25px;
height: 37px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icon-go-top {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.icon-map {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -87px -62px;
width: 16px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icon-map {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.icon-ok {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -87px 0px;
width: 57px;
height: 57px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icon-ok {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.icon-phone {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -149px -57px;
width: 14px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icon-phone {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.icon-piggy-bank {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: 0px 0px;
width: 82px;
height: 84px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.icon-piggy-bank {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.iconPlay {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -79px -89px;
width: 28px;
height: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.iconPlay {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.iconPlayBig {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: 0px -89px;
width: 44px;
height: 50px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.iconPlayBig {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
.li {
background-image: url(/local/templates/litolevel/assets/css/../images/icons.png);
background-position: -108px -62px;
width: 16px;
height: 11px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.li {
background-image: url(/local/templates/litolevel/assets/css/../images/icons-2x.png);
background-size: 164px 139px;
}
}
/*# sourceMappingURL=styles.css.map */
/* End */
/* Start:/local/templates/litolevel/css/additional.css?152711354590*/
.block__main_content {
padding-top: 160px;
}
span.price-note {
color: #fe0000;
}
/* End */
/* /local/templates/litolevel/assets/css/vendor.css?152926631739793 */
/* /local/templates/litolevel/assets/css/styles.css?1529266328251258 */
/* /local/templates/litolevel/css/additional.css?152711354590 */